ci: manual canary ci job

.github/workflows/canary-ci.yml

@@ -0,0 +1,33 @@
+name: Canary CI
+
+on:
+  issue_comment:
+    types: [created]
+
+jobs:
+  parse-version:
+    if: ${{ github.event.issue.pull_request && startsWith(github.event.comment.body, '/canary-ci run') }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Get React version from comment
+        id: get-version
+        run: |
+          comment="${{ github.event.comment.body }}"
+          # Extract version after '/canary-ci run', defaulting to 'canary' if not specified
+          version=$(echo "$comment" | sed -n 's/^\/canary-ci run\s*\(\S*\).*/\1/p')
+          if [ -z "$version" ]; then
+            version="canary"
+          fi
+          echo "react_version=$version" >> $GITHUB_OUTPUT
+
+  canary-ci-e2e:
+    needs: parse-version
+    uses: ./.github/workflows/e2e.yml
+    with:
+      react_version: ${{ needs.parse-version.outputs.react_version }}
+
+  canary-ci-test:
+    needs: parse-version
+    uses: ./.github/workflows/test.yml
+    with:
+      react_version: ${{ needs.parse-version.outputs.react_version }}

.github/workflows/e2e.yml

@@ -15,6 +15,11 @@ on:
       - 'examples/**'
       - 'e2e/**'
       - '.github/workflows/e2e.yml'
+  workflow_call:
+    inputs:
+      react_version:
+        required: true
+        type: string
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -29,7 +34,10 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'pnpm'
+          cache: ${{ !inputs.react_version && 'pnpm' || '' }}
+      - if: ${{ inputs.react_version }}
+        run: |
+          pnpm -r update react@${{ inputs.react_version }} react-dom@${{ inputs.react_version }} react-server-dom-webpack@${{ inputs.react_version }}
       - run: pnpm install
       - run: pnpm run compile
       - uses: actions/upload-artifact@v4
@@ -48,7 +56,7 @@ jobs:
           if-no-files-found: error
 
   e2e:
-    name: E2E on ${{ matrix.os }} (Node ${{ matrix.version }}) - (${{ matrix.shared }}/4)
+    name: E2E on ${{ matrix.os }} (Node ${{ matrix.version }}) - (${{ matrix.shared }}/4)${{ inputs.react_version && format(' with react@{0}', inputs.react_version) || '' }}
     needs:
       - build
     strategy:
@@ -75,7 +83,10 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.version }}
-          cache: 'pnpm'
+          cache: ${{ !inputs.react_version && 'pnpm' || '' }}
+      - if: ${{ inputs.react_version }}
+        run: |
+          pnpm -r update react@${{ inputs.react_version }} react-dom@${{ inputs.react_version }} react-server-dom-webpack@${{ inputs.react_version }}
       - run: pnpm install
       - uses: actions/download-artifact@v4
         with:

.github/workflows/test.yml

@@ -5,6 +5,11 @@ on:
     branches: [main]
   pull_request:
     types: [opened, synchronize]
+  workflow_call:
+    inputs:
+      react_version:
+        required: true
+        type: string
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -24,7 +29,10 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.version }}
-          cache: 'pnpm'
+          cache: ${{ !inputs.react_version && 'pnpm' || '' }}
+      - if: ${{ inputs.react_version }}
+        run: |
+          pnpm -r update react@${{ inputs.react_version }} react-dom@${{ inputs.react_version }} react-server-dom-webpack@${{ inputs.react_version }}
       - run: pnpm install
       - run: pnpm test
         env:

e2e/utils.ts

@@ -1,4 +1,4 @@
 import net from 'node:net';
 import { execSync, exec } from 'node:child_process';
 import { createRequire } from 'node:module';
 import { fileURLToPath } from 'node:url';
@@ -139,7 +139,7 @@
 };
 
 const PACKAGE_INSTALL = {
-  npm: (path: string) => `npm add ${path}`,
+  npm: (path: string) => `npm add --force ${path}`,
   pnpm: (path: string) => `pnpm add ${path}`,
   yarn: (path: string) => `yarn add ${path}`,
 } as const;
@@ -172,14 +172,13 @@
       });
       execSync(`pnpm pack --pack-destination ${standaloneDir}`, {
         cwd: wakuDir,
-        stdio: 'inherit',
       });
       const wakuPackageTgz = join(standaloneDir, `waku-${version}.tgz`);
       const installScript = PACKAGE_INSTALL[packageManager](wakuPackageTgz);
-      execSync(installScript, { cwd: standaloneDir, stdio: 'inherit' });
+      execSync(installScript, { cwd: standaloneDir });
       execSync(
         `npm install --force ${join(standaloneDir, `waku-${version}.tgz`)}`,
-        { cwd: standaloneDir, stdio: 'inherit' },
+        { cwd: standaloneDir },
       );
     }
     if (mode !== 'DEV' && !built) {

packages/waku/package.json

@@ -97,6 +97,9 @@
   "devDependencies": {
     "@netlify/functions": "^3.0.0",
     "@swc/cli": "^0.6.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-server-dom-webpack": "19.0.0",
     "rollup": "^4.30.1",
     "ts-expect": "^1.3.0",
     "vitest": "3.0.0-beta.3"