Adds Hydrogen 2.0 (via Remix) Adapter

.github/workflows/cypress-demo-store.yml

@@ -0,0 +1,68 @@
+name: Run e2e (Remix Hydrogen Store Demo)
+on:
+ pull_request:
+ types: [opened, synchronize]
+ push:
+ branches:
+ - main
+jobs:
+ cypress:
+ name: Cypress
+ runs-on: ubuntu-latest
+ strategy:
+ fail-fast: false
+ matrix:
+ containers: [1]
+ steps:
+ - name: Checkout
+ uses: actions/checkout@v3
+
+ - name: Generate Github token
+ uses: navikt/github-app-token-generator@v1
+ id: get-token
+ with:
+ private-key: ${{ secrets.TOKENS_PRIVATE_KEY }}
+ app-id: ${{ secrets.TOKENS_APP_ID }}
+
+ - name: Checkout @netlify/wait-for-deploy-action
+ uses: actions/checkout@v3
+ with:
+ repository: netlify/wait-for-deploy-action
+ token: ${{ steps.get-token.outputs.token }}
+ path: ./.github/actions/wait-for-netlify-deploy
+
+ - name: Wait for Netlify Deploy
+ id: deploy
+ uses: ./.github/actions/wait-for-netlify-deploy
+ with:
+ site-name: hydrogen-demo-site
+ timeout: 300
+
+ - name: Deploy successful
+ if: ${{ steps.deploy.outputs.origin-url }}
+ run: echo ${{ steps.deploy.outputs.origin-url }}
+
+ - name: Node
+ uses: actions/setup-node@v3
+ with:
+ node-version: '16'
+
+ - run: npm install
+
+ - name: Cypress run
+ if: ${{ steps.deploy.outputs.origin-url }}
+ id: cypress
+ uses: cypress-io/github-action@v2
+ with:
+ browser: chrome
+ headless: true
+ record: true
+ parallel: true
+ config-file: cypress/config/demo-store-cypress.config.ts
+ group: 'Remix Hydrogen Store Demo'
+ env:
+ DEBUG: '@cypress/github-action'
+ CYPRESS_baseUrl: ${{ steps.deploy.outputs.origin-url }}
+ CYPRESS_NETLIFY_CONTEXT: ${{ steps.deploy.outputs.context }}
+ GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+ CYPRESS_RECORD_KEY: ${{ secrets.REMIX_EDGE_CYPRESS_RECORD_KEY }}

.github/workflows/release-please.yml

@@ -41,3 +41,7 @@ jobs:
  if: ${{ steps.release.outputs['packages/remix-adapter--version'] }}
  env:
  NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+ - run: npm publish packages/hydrogen-integration/
+ if: ${{ steps.release.outputs['packages/hydrogen-integration--version'] }}
+ env:
+ NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

.release-please-manifest.json

@@ -1 +1 @@
-{"packages/remix-edge-adapter":"2.0.0","packages/remix-runtime":"1.1.0","packages/remix-adapter":"1.0.0"}
+{ "packages/remix-edge-adapter": "2.0.0", "packages/remix-runtime": "1.1.0", "packages/remix-adapter": "1.0.0" }

README.md

@@ -11,7 +11,9 @@ The project is a monorepo. Packages are located in the `packages` directory. The
 - `remix-demo-site` - A demo site for testing the remix-adapter
 - `@netlify/remix-runtime` - The Remix runtime for Netlify Edge Functions
 - `@netlify/remix-edge-adapter` - The Remix adapter for Netlify Edge Functions
-- `remix-edge-demo-site` - A demo site for testing the remix-edge-adapter
+- `remix-edge-demo-site` - A demo site for testing the packages
+- `@netlify/hydrogen-edge-adapter` - The Hydrogen/Remix adapter for Netlify Edge Functions
+- `@netlify/hydrogen-integration` - The Netlify build integration for Hydrogen projects on Netlify
 
 ## Installation
 

cypress/config/demo-store-cypress.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+ e2e: {
+ baseUrl: 'http://localhost:3000',
+ specPattern: 'cypress/e2e/demo-store/**/*.spec.ts',
+ projectId: 'k847hv',
+ setupNodeEvents(on, config) {
+ // implement node event listeners here
+ },
+ },
+})

cypress/config/edge-cypress.config.ts

@@ -3,9 +3,9 @@
 export default defineConfig({
  e2e: {
  baseUrl: 'http://localhost:3000',
- specPattern: 'cypress/e2e/**/*.spec.ts',
+ specPattern: 'cypress/e2e/remix-demo/**/*.spec.ts',
  projectId: 'k847hv',
  setupNodeEvents(on, config) {
  // implement node event listeners here
  },
  },

cypress/e2e/demo-store/smoke.spec.ts

@@ -0,0 +1,41 @@
+describe('Demo Store Smoke Test', () => {
+ it('Should load the demo store', () => {
+ cy.visit('/')
+ cy.findByRole('heading', { name: /Hydrogen/i }).should('exist')
+ // Using \s here because there is an   in the text and checking for that doesn't work
+ cy.findByRole('heading', { name: /All Mountain All\sSeason/i }).should('exist')
+ cy.findByRole('link', { name: /Collections/i }).should('exist')
+ cy.findByRole('link', { name: /Products/i }).should('exist')
+ cy.findByRole('link', { name: /Journal/i }).should('exist')
+ })
+
+ it('Should load a product collection', () => {
+ Cypress.on('uncaught:exception', (err) => {
+ // returning false here prevents Cypress from
+ // failing the test
+ console.log('Cypress detected uncaught exception: ', err)
+ return false
+ })
+
+ cy.visit('/collections')
+ cy.findByRole('heading', { name: /Freestyle Collection/i }).should('exist')
+ // forcing the click as another element is covering the image in the DOM
+ cy.findByRole('img', {
+ name: /A snowboarder stands atop a snowy mountain holding his snowboard with the back facing the camera. The snowboard artwork reads Hydrogen, in a script font/i,
+ }).click({ force: true })
+ cy.findByRole('heading', { name: /Freestyle Collection/i }).should('exist')
+ })
+
+ it('Should load a product page', () => {
+ cy.visit('/products/')
+ cy.findByRole('link', { name: /The Hydrogen Snowboard/i }).click()
+ cy.findByRole('heading', { name: /The Hydrogen Snowboard/i }).should('exist')
+ })
+
+ it('Should load a journal', () => {
+ cy.visit('/journal')
+ cy.findByRole('heading', { name: /The Best Places for Backcountry Snowboarding/i }).click()
+ cy.findByRole('heading', { name: /The Best Places for Backcountry Snowboarding/i }).should('exist')
+ cy.findAllByRole('img', { name: /Model sits on a red brick wall in front of the ocean/i }).should('exist')
+ })
+})