@redotech/redo-hydrogen 1.4.6 → 2.0.0

package/.github/workflows/ci.yml

@@ -0,0 +1,58 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  typecheck:
+    name: Typecheck
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - run: npm ci
+      - run: npm run typecheck
+
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - run: npm ci
+      - run: npm run lint
+
+  format:
+    name: Format
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - run: npm ci
+      - run: npm run format:check
+
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - run: npm ci
+      - run: npm run build
+        env:
+          NODE_OPTIONS: '--max-old-space-size=12288'

package/.github/workflows/e2e.yml

@@ -0,0 +1,72 @@
+name: E2E Tests
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  e2e:
+    name: E2E Tests
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Setup test environment
+        run: bash e2e/scripts/setup.sh
+
+      - name: Create quickstart .env
+        working-directory: e2e/fixtures/hydrogen-quickstart
+        run: |
+          cat > .env << EOF
+          SESSION_SECRET=e2e-ci-secret
+          PUBLIC_STOREFRONT_API_TOKEN=${{ secrets.SHOPIFY_QUICKSTART_STOREFRONT_TOKEN }}
+          PUBLIC_STORE_DOMAIN=${{ secrets.SHOPIFY_QUICKSTART_STORE_DOMAIN }}
+          PUBLIC_REDO_STORE_ID=${{ secrets.REDO_QUICKSTART_STORE_ID }}
+          PUBLIC_TEST_PRODUCT_HANDLE=${{ secrets.SHOPIFY_QUICKSTART_PRODUCT_HANDLE }}
+          STORE_PASSWORD=${{ secrets.STORE_PASSWORD }}
+          EOF
+
+      - name: Run E2E tests
+        run: npx playwright test
+        working-directory: e2e
+
+      - name: Compile test video
+        if: always()
+        run: bash scripts/compile-video.sh
+        working-directory: e2e
+
+      - name: Upload test video and comment on PR
+        if: github.event_name == 'pull_request' && always()
+        working-directory: e2e
+        run: |
+          if [ ! -f test-run.mp4 ]; then
+            echo "No video to upload"
+            exit 0
+          fi
+          VIDEO_URL=$(bash scripts/upload-github-video.sh test-run.mp4 ${{ github.event.pull_request.number }})
+          BODY="**E2E test recording** (4x speed, 640x480)
+
+          ${VIDEO_URL}"
+          gh pr comment ${{ github.event.pull_request.number }} --body "$BODY"
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Upload Playwright report
+        uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: playwright-report
+          path: e2e/playwright-report/
+          retention-days: 14

package/.github/workflows/publish.yml

@@ -0,0 +1,68 @@
+name: Publish
+
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        description: "Exact version to publish (e.g. 2.1.0)"
+        required: true
+        type: string
+
+permissions:
+  contents: write
+  id-token: write
+
+jobs:
+  publish:
+    name: Publish to npm
+    runs-on: ubuntu-latest
+    steps:
+      - name: Generate app token
+        id: app-token
+        uses: actions/create-github-app-token@v1
+        with:
+          app-id: ${{ secrets.APP_ID }}
+          private-key: ${{ secrets.APP_PRIVATE_KEY }}
+
+      - uses: actions/checkout@v6
+        with:
+          token: ${{ steps.app-token.outputs.token }}
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: npm
+          registry-url: https://registry.npmjs.org
+
+      - run: npm ci
+
+      - run: npm run build
+
+      - name: Verify build output
+        run: |
+          if [ ! -d "dist" ]; then
+            echo "Error: dist folder does not exist"
+            exit 1
+          fi
+
+      - name: Set version
+        env:
+          GH_TOKEN: ${{ steps.app-token.outputs.token }}
+        run: |
+          CURRENT=$(node -p "require('./package.json').version")
+          git config user.name "github-actions[bot]"
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+          git remote set-url origin "https://x-access-token:${GH_TOKEN}@github.com/${{ github.repository }}.git"
+          if [ "$CURRENT" != "${{ inputs.version }}" ]; then
+            npm version ${{ inputs.version }} --no-git-tag-version
+            git add package.json package-lock.json
+            git commit -m "v${{ inputs.version }}"
+            git tag "v${{ inputs.version }}"
+            git push --follow-tags
+          else
+            git tag "v${{ inputs.version }}"
+            git push --tags
+          fi
+
+      - name: Publish
+        run: npm publish --access public --provenance

package/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all",
+  "printWidth": 120,
+  "tabWidth": 2
+}

package/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 2.0.0
+
+- **Breaking:** migrate from Remix to React Router 7 (requires `@shopify/hydrogen` >=2025.7.0)
+- Update all peer dependencies for Hydrogen 2025.7+ compatibility
+- Themes still using Remix should use the [1.x releases](https://github.com/redoapp/redo-hydrogen/tree/release/1.4)
+
+## 1.x
+
+### 1.4.7
+
+- Add hook to disable pre-order buttons from Purple Dot when using shop on site
+
 ### 1.4.6
 
 - Bugfix: bad deployment
@@ -8,75 +20,75 @@
 
 ### 1.4.4
 
- - Bugfix: remove InfoModal using relative parent not document.head
+- Bugfix: remove InfoModal using relative parent not document.head
 
 ### 1.4.3
 
- - Append redo opted in attributes to cart attributes instead of replacing
+- Append redo opted in attributes to cart attributes instead of replacing
 
 ### 1.4.2
 
- - Fix Hydrogen mismatched deps
+- Fix Hydrogen mismatched deps
 
 ### 1.4.1
 
- - Allow older and newer versions of Hydrogen
- - Change default background color of modal to white
+- Allow older and newer versions of Hydrogen
+- Change default background color of modal to white
 
 ### 1.4.0
 
- - Add InfoCard
+- Add InfoCard
 
 ### 1.3.1
 
- - Remove unused prop from CheckoutButtons
+- Remove unused prop from CheckoutButtons
 
 ### 1.3.0
 
- - Add a spinner visual after button clicked and navigating to cart
- - Bugfixes and improved types for optimistic carts
+- Add a spinner visual after button clicked and navigating to cart
+- Bugfixes and improved types for optimistic carts
 
 ### 1.2.2
 
- - Bugfixes
+- Bugfixes
 
 ### 1.2.1
 
- - Fix root types exports
+- Fix root types exports
 
 ### 1.2.0
 
- - If cart is a CartWithActionsDocs, use those cart manipulation functions instead of fetchers
+- If cart is a CartWithActionsDocs, use those cart manipulation functions instead of fetchers
 
 ### 1.1.3
 
- - Allow both Cart and CartWithActionsDocs as cart inputs
- - Retrieve cart lines from either cart.lines.nodes or cart.lines.edges.nodes
+- Allow both Cart and CartWithActionsDocs as cart inputs
+- Retrieve cart lines from either cart.lines.nodes or cart.lines.edges.nodes
 
 ### 1.1.2
 
- - Update exports to include RedoError and RedoErrorType
+- Update exports to include RedoError and RedoErrorType
 
 ### 1.1.1
 
- - Add errors field to RedoCoverageClient
- - Add eligible field to RedoCoverageClient
- - Price returns undefined if not eligible or not loaded
- - Bugfixes
+- Add errors field to RedoCoverageClient
+- Add eligible field to RedoCoverageClient
+- Price returns undefined if not eligible or not loaded
+- Bugfixes
 
 ### 1.1.0
 
- - Remove need for storeId and cart props on CheckoutButtons
- - Bugfixes
+- Remove need for storeId and cart props on CheckoutButtons
+- Bugfixes
 
 ### 1.0.2
 
- - Bugfixes
+- Bugfixes
 
 ### 1.0.1
 
- - Bugfixes
+- Bugfixes
 
 ### 1.0.0
 
- - Initial release
+- Initial release

package/README.md

@@ -1,5 +1,40 @@
 # Redo Hydrogen
 
-Review documentation at https://redotech.notion.site/redo-hydrogen
+Utilities to enable and disable Redo coverage on Hydrogen stores.
 
-This package is maintained by both Redo and the Hydrogen community. Contact information available in the Notion documentation, or make a PR.
+## Documentation
+
+Full integration docs: https://developers.redo.com/docs/guides/integrations/hydrogen
+
+## Version compatibility
+
+| Package version | Hydrogen version | Router        |
+| --------------- | ---------------- | ------------- |
+| 2.x             | 2025.7+          | React Router 7 |
+| 1.x             | Earlier versions | Remix         |
+
+If your theme still uses Remix, use the [1.x releases](https://github.com/redoapp/redo-hydrogen/tree/release/1.4).
+
+## Development
+
+```bash
+npm install
+npm run build
+npm run dev       # watch mode
+```
+
+### Running checks
+
+Before submitting a PR, make sure all checks pass:
+
+```bash
+npm run typecheck
+npm run lint
+npm run e2e
+```
+
+## Contributing
+
+PRs are welcome! This package is maintained by Redo and the Hydrogen community.
+
+We would especially love contributions that add more fixtures to our CI/CD pipeline — the more store configurations we test against, the more confident we can be in releases. Check the `e2e/fixtures/` directory for existing examples.