ci: add react18 compatibility lane and pack smoke tests

Author: unadlib

.github/workflows/ci.yml

@@ -46,6 +46,58 @@ jobs:
         env:
           CI: true
 
+  verify-react18:
+    name: Verify React 18 (Node 22.x)
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    env:
+      CI: true
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+      - name: Use Node.js 22.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+          cache: pnpm
+          cache-dependency-path: pnpm-lock.yaml
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Install React 18 lane dependencies
+        run: pnpm add -D react@^18.0.0 react-dom@^18.0.0 @types/react@^18.0.0 @types/react-dom@^18.0.0
+      - name: Verify
+        run: |
+          pnpm typecheck
+          pnpm test
+          pnpm test:it
+          pnpm build
+
+  pack-smoke:
+    name: Pack Smoke (Node 22.x)
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    env:
+      CI: true
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+      - name: Use Node.js 22.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+          cache: pnpm
+          cache-dependency-path: pnpm-lock.yaml
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Run pack smoke tests
+        run: bash ./scripts/pack-smoke.sh
+
   e2e:
     name: E2E (Chromium)
     runs-on: ubuntu-latest

package.json

@@ -50,6 +50,7 @@
     "typecheck": "tsc -p tsconfig.build.json --noEmit",
     "test": "vitest run",
     "test:it": "vitest run --config vitest.it.config.ts",
+    "test:pack-smoke": "bash ./scripts/pack-smoke.sh",
     "test:watch": "vitest",
     "test:e2e": "playwright test",
     "clean": "rm -rf dist coverage"

scripts/pack-smoke.sh

@@ -0,0 +1,97 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
+TMP_DIR="$(mktemp -d)"
+PACK_DIR="$TMP_DIR/pack"
+SMOKE_DIR="$TMP_DIR/smoke"
+
+cleanup() {
+  rm -rf "$TMP_DIR"
+}
+trap cleanup EXIT
+
+mkdir -p "$PACK_DIR" "$SMOKE_DIR"
+
+cd "$ROOT_DIR"
+TARBALL_PATH="$(pnpm pack --pack-destination "$PACK_DIR" | tail -n 1)"
+
+cat > "$SMOKE_DIR/package.json" <<'JSON'
+{
+  "name": "fict-react-pack-smoke",
+  "private": true,
+  "type": "module"
+}
+JSON
+
+pnpm --dir "$SMOKE_DIR" add "$TARBALL_PATH"
+pnpm --dir "$SMOKE_DIR" add @fictjs/runtime@^0.10.0 react@^19.0.0 react-dom@^19.0.0 vite@^7.0.0 @vitejs/plugin-react@^5.0.0
+pnpm --dir "$SMOKE_DIR" add -D typescript@^5.9.0 @types/node@^25.0.0
+
+pnpm --dir "$SMOKE_DIR" exec node --input-type=module -e "
+  const core = await import('@fictjs/react')
+  const loader = await import('@fictjs/react/loader')
+  const preset = await import('@fictjs/react/preset')
+
+  if (typeof core.reactify !== 'function') throw new Error('Missing ESM export reactify')
+  if (typeof core.reactify$ !== 'function') throw new Error('Missing ESM export reactify$')
+  if (typeof loader.installReactIslands !== 'function') throw new Error('Missing ESM export installReactIslands')
+  if (typeof preset.fictReactPreset !== 'function') throw new Error('Missing ESM export fictReactPreset')
+"
+
+pnpm --dir "$SMOKE_DIR" exec node -e "
+  const core = require('@fictjs/react')
+  const loader = require('@fictjs/react/loader')
+  const preset = require('@fictjs/react/preset')
+
+  if (typeof core.reactify !== 'function') throw new Error('Missing CJS export reactify')
+  if (typeof core.reactify$ !== 'function') throw new Error('Missing CJS export reactify$')
+  if (typeof loader.installReactIslands !== 'function') throw new Error('Missing CJS export installReactIslands')
+  if (typeof preset.fictReactPreset !== 'function') throw new Error('Missing CJS export fictReactPreset')
+"
+
+cat > "$SMOKE_DIR/tsconfig.json" <<'JSON'
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true
+  },
+  "include": ["smoke.ts"]
+}
+JSON
+
+cat > "$SMOKE_DIR/smoke.ts" <<'TS'
+import { type MountReactRootOptions, type MountedReactRoot, reactify, reactify$ } from '@fictjs/react'
+import { installReactIslands } from '@fictjs/react/loader'
+import { fictReactPreset, type FictReactPresetOptions } from '@fictjs/react/preset'
+
+type _Compat1 = MountReactRootOptions
+
+type _Compat2 = MountedReactRoot
+
+const _opts: FictReactPresetOptions = {}
+
+if (typeof reactify !== 'function') {
+  throw new Error('reactify type/runtime mismatch')
+}
+
+if (typeof reactify$ !== 'function') {
+  throw new Error('reactify$ type/runtime mismatch')
+}
+
+if (typeof installReactIslands !== 'function') {
+  throw new Error('installReactIslands type/runtime mismatch')
+}
+
+if (typeof fictReactPreset !== 'function') {
+  throw new Error('fictReactPreset type/runtime mismatch')
+}
+
+void _opts
+TS
+
+pnpm --dir "$SMOKE_DIR" exec tsc -p "$SMOKE_DIR/tsconfig.json"