Merge pull request #8103 from JerryWu1234/no-cjs

chore: remove CJS/UMD builds and make ESM-only

Author: wmertens

.changeset/empty-mails-laugh.md

@@ -0,0 +1,9 @@
+---
+'supabase-auth-helpers-qwik': major
+'create-qwik': major
+'@qwik.dev/router': major
+'@qwik.dev/react': major
+'@qwik.dev/core': major
+---
+
+BREAKING: the CJS/UMD builds have been removed; ESM is well-supported everywhere and allows better optimizations.

e2e/docs-e2e/package.json

@@ -14,5 +14,5 @@
     "test": "pnpm exec playwright test --config=playwright.config.ts --project=chromium",
     "test-ui": "pnpm exec playwright test --config=playwright.config.ts --project=chromium --ui"
   },
-  "type": "commonjs"
+  "type": "module"
 }

e2e/qwik-cli-e2e/README.md

@@ -12,7 +12,7 @@ E2E project does the following internally:
 
 0. Vitest is configured to run a setup function once **PRIOR TO ALL** tests. During the setup `@qwik.dev/core`, `@qwik.dev/router` and `eslint-plugin-qwik` packages will be packed with `pnpm pack` Those will be used at a step 2 for every test. Tarballs are located in `temp/tarballs` folder within this repo. It is assumed that packages are built before E2E is executed.
 
-1. Simulates `npm create qwik` locally using direct command `node packages/create-qwik/create-qwik.cjs playground {outputDir}`
+1. Simulates `npm create qwik` locally using direct command `node packages/create-qwik/create-qwik.mjs playground {outputDir}`
    - By default `outputDir` is an auto-generated one using `tmp` npm package. The application that is created here will be removed after the test is executed
    - It is possible to install into custom folder using environment variable `TEMP_E2E_PATH`. Here's how the command would look like in this case:
    - with absolute path `TEMP_E2E_PATH=/Users/name/projects/tests pnpm run test.e2e.cli`

e2e/qwik-cli-e2e/package.json

@@ -8,5 +8,6 @@
   "scripts": {
     "e2e": "vitest run --config=vite.config.ts",
     "e2e.watch": "vitest watch --config=vite.config.ts"
-  }
+  },
+  "type": "module"
 }

e2e/qwik-cli-e2e/utils/index.ts

@@ -61,7 +61,7 @@ function getTmpDirSync(tmpDirOverride?: string) {
 function runCreateQwikCommand(tmpDir: string, type: 'playground' | 'library' | 'empty'): string {
   const appDir = 'e2e-app';
   execSync(
-    `node "${workspaceRoot}/packages/create-qwik/create-qwik.cjs" ${type} "${join(tmpDir, appDir)}"`
+    `node "${workspaceRoot}/packages/create-qwik/create-qwik.mjs" ${type} "${join(tmpDir, appDir)}"`
   );
   return join(tmpDir, appDir);
 }

package.json

@@ -108,7 +108,6 @@
     "@qwik.dev/router": "workspace:*",
     "@types/brotli": "1.3.4",
     "@types/bun": "1.2.21",
-    "@types/cross-spawn": "6.0.6",
     "@types/express": "5.0.3",
     "@types/node": "24.3.0",
     "@types/path-browserify": "1.0.3",
@@ -122,7 +121,6 @@
     "all-contributors-cli": "6.26.1",
     "brotli": "1.3.3",
     "create-qwik": "workspace:*",
-    "cross-spawn": "7.0.6",
     "csstype": "3.1.3",
     "dotenv": "16.5.0",
     "esbuild": "0.25.10",
@@ -166,7 +164,7 @@
     "zod": "3.25.48"
   },
   "engines": {
-    "node": "^18.17.0 || ^20.3.0 || >=21.0.0",
+    "node": ">=22.18.0",
     "npm": "please-use-pnpm",
     "yarn": "please-use-pnpm",
     "pnpm": ">=10.14.0"
@@ -197,8 +195,8 @@
     "build.wasm": "node --require ./scripts/runBefore.ts scripts/index.ts --wasm",
     "build.watch": "node --require ./scripts/runBefore.ts scripts/index.ts --qwik --qwikrouter --watch --dev --platform-binding",
     "change": "changeset",
-    "cli": "pnpm build.cli && node packages/create-qwik/create-qwik.cjs && node --require ./scripts/runBefore.ts scripts/validate-cli.ts --copy-local-qwik-dist",
-    "cli.qwik": "pnpm build.cli && node packages/qwik/qwik-cli.cjs",
+    "cli": "pnpm build.cli && node packages/create-qwik/create-qwik.mjs && node --require ./scripts/runBefore.ts scripts/validate-cli.ts --copy-local-qwik-dist",
+    "cli.qwik": "pnpm build.cli && node packages/qwik/qwik-cli.mjs",
     "cli.validate": "node --require ./scripts/runBefore.ts scripts/validate-cli.ts",
     "deps": "corepack pnpm upgrade -i -r --latest && syncpack fix-mismatches && corepack pnpm dedupe",
     "docs.dev": "pnpm -C packages/docs build.repl-sw && pnpm -C packages/docs dev",

packages/create-qwik/create-qwik.cjs

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+import * as createQwik from './dist/index.mjs';
+createQwik.runCli();

packages/create-qwik/create-qwik.mjs

@@ -3,7 +3,7 @@
   "description": "Interactive CLI for create Qwik projects and adding features.",
   "version": "2.0.0-beta.13",
   "author": "Qwik Team",
-  "bin": "./create-qwik.cjs",
+  "bin": "./create-qwik.mjs",
   "bugs": "https://github.com/QwikDev/qwik/issues",
   "devDependencies": {
     "@clack/prompts": "0.11.0",
@@ -20,7 +20,7 @@
   "engines-annotation": "Mostly required by sharp which needs a Node-API v9 compatible runtime",
   "files": [
     "README.md",
-    "create-qwik.cjs",
+    "create-qwik.mjs",
     "dist"
   ],
   "homepage": "https://qwik.dev/",
@@ -31,10 +31,11 @@
     "template"
   ],
   "license": "MIT",
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.mjs",
   "repository": {
     "type": "git",
     "url": "https://github.com/QwikDev/qwik.git",
     "directory": "packages/create-qwik"
-  }
+  },
+  "type": "module"
 }

packages/create-qwik/package.json

@@ -18,13 +18,11 @@
   "exports": {
     ".": {
       "types": "./lib/types/index.qwik.d.ts",
-      "import": "./lib/index.qwik.mjs",
-      "require": "./lib/index.qwik.cjs"
+      "import": "./lib/index.qwik.mjs"
     },
     "./vite": {
       "types": "./lib/types/vite.d.ts",
-      "import": "./lib/vite.mjs",
-      "require": "./lib/vite.cjs"
+      "import": "./lib/vite.mjs"
     }
   },
   "files": [