Merge pull request #8572 from QwikDev/v2-worker-stable

feat(worker): worker$ support for running QRL functions in Web Workers

Author: Varixo

.changeset/spicy-parrots-smash.md

@@ -0,0 +1,7 @@
+---
+'@qwik.dev/router': minor
+'@qwik.dev/optimizer': minor
+'@qwik.dev/core': minor
+---
+
+feat: add worker$ support running heavy work in Web Workers

.github/workflows/ci.yml

@@ -40,6 +40,7 @@ on:
 env:
   # Disable incremental build, speeds up CI
   CARGO_INCREMENTAL: 0
+  CI_NODE_VERSION: 22.18.0
 
 permissions:
   contents: read
@@ -222,9 +223,29 @@ jobs:
   ############ BUILD Qwik ############
   build-qwik:
     name: Build Qwik
-    needs: changes
+    needs:
+      - changes
+      - combined-optimizer
+    if: always()
     runs-on: ubuntu-latest
     steps:
+      - name: Verify prerequisites
+        if: |
+          !(
+            needs.changes.result == 'success' &&
+            (
+              (
+                needs.changes.outputs.build-rust == 'true' &&
+                needs.combined-optimizer.result == 'success'
+              ) ||
+              (
+                needs.changes.outputs.build-rust != 'true' &&
+                needs.combined-optimizer.result == 'skipped'
+              )
+            )
+          )
+        run: exit 1
+
       - name: Checkout
         uses: actions/checkout@v5
 
@@ -234,10 +255,29 @@ jobs:
         if: needs.changes.outputs.build-qwik == 'true'
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
+      - name: Restore optimizer cache
+        if: |
+          needs.changes.outputs.build-qwik == 'true' &&
+          needs.changes.outputs.build-rust != 'true'
+        uses: actions/cache/restore@v4
+        with:
+          fail-on-cache-miss: true
+          path: packages/optimizer/
+          key: ${{ needs.changes.outputs.hash-rust }}
+
+      - name: Restore optimizer artifact
+        if: |
+          needs.changes.outputs.build-qwik == 'true' &&
+          needs.changes.outputs.build-rust == 'true'
+        uses: actions/download-artifact@v4
+        with:
+          name: artifact-optimizer
+          path: packages/optimizer/
+
       - name: Install NPM Dependencies
         if: needs.changes.outputs.build-qwik == 'true'
         run: |
@@ -311,7 +351,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -437,7 +477,7 @@ jobs:
         if: needs.changes.outputs.build-others == 'true'
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -552,7 +592,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -599,7 +639,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -656,7 +696,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -719,7 +759,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -790,7 +830,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -881,7 +921,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -912,7 +952,7 @@ jobs:
         if: failure()
 
   test-cli-e2e:
-    name: E2E CLI Tests
+    name: E2E CLI Tests (${{ matrix.settings.runtime }}, ${{ matrix.settings.host }}, ${{ matrix.settings.browser }})
     if: always() && needs.changes.outputs.build-cli-e2e == 'true'
 
     needs:
@@ -925,10 +965,34 @@ jobs:
         settings:
           - host: ubuntu-latest
             browser: chromium
+            runtime: node
+            integration-script: test.e2e.integrations.chromium
+            run-cli: true
+            run-qwik-react: true
+          - host: ubuntu-latest
+            browser: chromium
+            runtime: bun
+            integration-script: test.e2e.integrations.bun.chromium
+            run-cli: false
+            run-qwik-react: false
+          - host: ubuntu-latest
+            browser: chromium
+            runtime: deno
+            integration-script: test.e2e.integrations.deno.chromium
+            run-cli: false
+            run-qwik-react: false
           - host: macos-latest
             browser: webkit
+            runtime: node
+            integration-script: test.e2e.integrations.webkit
+            run-cli: true
+            run-qwik-react: true
           - host: windows-latest
             browser: chromium
+            runtime: node
+            integration-script: test.e2e.integrations.chromium
+            run-cli: true
+            run-qwik-react: true
 
     runs-on: ${{ matrix.settings.host }}
 
@@ -952,7 +1016,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -964,15 +1028,29 @@ jobs:
 
       - run: pnpm install --frozen-lockfile
 
+      - name: Setup Bun
+        if: matrix.settings.runtime == 'bun'
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Setup Deno
+        if: matrix.settings.runtime == 'deno'
+        uses: denoland/setup-deno@v2
+        with:
+          deno-version: v2.x
+
       - name: Install Playwright
         run: npx playwright install ${{ matrix.settings.browser }} --with-deps
 
       - name: Playwright E2E Integration Tests
-        run: pnpm run test.e2e.integrations.${{ matrix.settings.browser }}
+        run: pnpm run ${{ matrix.settings.integration-script }}
 
       - name: Playwright E2E Qwik React Tests
+        if: matrix.settings.run-qwik-react
         run: pnpm run test.e2e.qwik-react.${{ matrix.settings.browser }}
       - name: CLI E2E Tests
+        if: matrix.settings.run-cli
         run: pnpm run test.e2e.cli.${{ matrix.settings.browser }}
 
   save-e2e-tests-cache:
@@ -1039,7 +1117,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 
@@ -1117,7 +1195,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v5
         with:
-          node-version: 24.x
+          node-version: ${{ env.CI_NODE_VERSION }}
           cache: 'pnpm'
           registry-url: https://registry.npmjs.org/
 

e2e/adapters-e2e/adapters/bun/vite.config.ts

@@ -0,0 +1,15 @@
+import { bunServerAdapter } from '@qwik.dev/router/adapters/bun-server/vite';
+import { extendConfig } from '@qwik.dev/router/vite';
+import baseConfig from '../../vite.config';
+
+export default extendConfig(baseConfig, () => {
+  return {
+    build: {
+      ssr: true,
+      rollupOptions: {
+        input: ['src/entry.bun.tsx'],
+      },
+    },
+    plugins: [bunServerAdapter({ name: 'bun' })],
+  };
+});

e2e/adapters-e2e/adapters/deno/vite.config.ts

@@ -0,0 +1,15 @@
+import { denoServerAdapter } from '@qwik.dev/router/adapters/deno-server/vite';
+import { extendConfig } from '@qwik.dev/router/vite';
+import baseConfig from '../../vite.config';
+
+export default extendConfig(baseConfig, () => {
+  return {
+    build: {
+      ssr: true,
+      rollupOptions: {
+        input: ['src/entry.deno.tsx'],
+      },
+    },
+    plugins: [denoServerAdapter({ name: 'deno' })],
+  };
+});

e2e/adapters-e2e/package.json

@@ -9,18 +9,29 @@
     "build": "qwik build",
     "build.client": "vite build",
     "build.preview": "vite build --ssr src/entry.preview.tsx",
+    "build.runtime.bun": "pnpm build.client && pnpm build.server.bun",
+    "build.runtime.deno": "pnpm build.client && pnpm build.server.deno",
+    "build.runtime.express": "pnpm build",
     "build.server": "vite build -c adapters/express/vite.config.ts",
+    "build.server.bun": "vite build -c adapters/bun/vite.config.ts",
+    "build.server.deno": "vite build -c adapters/deno/vite.config.ts",
+    "build.server.express": "vite build -c adapters/express/vite.config.ts",
     "build.types": "tsc --incremental --noEmit",
     "deploy": "vercel deploy",
     "dev": "vite --mode ssr",
     "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
-    "express": "pnpm build && pnpm serve",
+    "bun": "pnpm build.runtime.bun && pnpm serve.bun",
+    "deno": "pnpm build.runtime.deno && pnpm serve.deno",
+    "express": "pnpm build.runtime.express && pnpm serve.express",
     "fmt": "prettier --write .",
     "fmt.check": "prettier --check .",
     "lint": "eslint \"src/**/*.ts*\"",
     "preview": "qwik build preview && vite preview --open",
     "qwik": "qwik",
-    "serve": "node server/entry.express",
+    "serve": "pnpm serve.express",
+    "serve.bun": "bun server/entry.bun.js",
+    "serve.deno": "deno run --allow-env --allow-net --allow-read server/entry.deno.js",
+    "serve.express": "node server/entry.express",
     "start": "vite --open --mode ssr",
     "test": "playwright test",
     "test.debug": "playwright test --debug",

e2e/adapters-e2e/playwright.bun.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from '@playwright/test';
+import { adapterPlaywrightConfig, createAdapterWebServerConfig } from './playwright.shared';
+
+export default defineConfig({
+  ...adapterPlaywrightConfig,
+  webServer: createAdapterWebServerConfig('npm run bun'),
+});

e2e/adapters-e2e/playwright.config.ts

@@ -1,49 +1,7 @@
-import { defineConfig, devices } from '@playwright/test';
+import { defineConfig } from '@playwright/test';
+import { adapterPlaywrightConfig, createAdapterWebServerConfig } from './playwright.shared';
 
-/** See https://playwright.dev/docs/test-configuration. */
 export default defineConfig({
-  testDir: './tests',
-  fullyParallel: true,
-  forbidOnly: !!process.env.CI,
-  retries: process.env.CI ? 2 : 0,
-  workers: process.env.CI ? 1 : undefined,
-  reporter: 'line',
-
-  use: {
-    baseURL: 'http://localhost:3000',
-    // trace: 'on-first-retry',
-    // screenshot: 'only-on-failure',
-
-    // Increase timeouts for service worker operations
-    actionTimeout: 10000,
-    navigationTimeout: 10000,
-  },
-
-  // Increase global timeout for service worker tests
-  timeout: process.env.CI ? 120000 : 30000,
-
-  projects: [
-    {
-      name: 'chromium',
-      use: {
-        ...devices['Desktop Chrome'],
-      },
-    },
-    // {
-    //   name: 'firefox',
-    //   use: { ...devices['Desktop Firefox'] },
-    // },
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-  ],
-
-  webServer: {
-    command: 'npm run express',
-    port: 3000,
-    stdout: 'pipe',
-    reuseExistingServer: !process.env.CI,
-    timeout: process.env.CI ? 120000 : 30000,
-  },
+  ...adapterPlaywrightConfig,
+  webServer: createAdapterWebServerConfig('npm run express'),
 });

e2e/adapters-e2e/playwright.deno.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from '@playwright/test';
+import { adapterPlaywrightConfig, createAdapterWebServerConfig } from './playwright.shared';
+
+export default defineConfig({
+  ...adapterPlaywrightConfig,
+  webServer: createAdapterWebServerConfig('npm run deno'),
+});