refactor: migrate from CommonJS to ESM by removing CJS builds and updating scripts and package configurations

Author: JerryWu1234

.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
+---
+
+REAKING: the CJS/UMD builds have been removed; ESM is well-supported everywhere and allows better optimizations.

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/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

@@ -196,8 +196,8 @@
     "build.wasm": "tsx --require ./scripts/runBefore.ts scripts/index.ts --wasm",
     "build.watch": "tsx --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 && tsx --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 && tsx --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": "tsx --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": [

packages/qwik-react/package.json

@@ -8,8 +8,8 @@ export default defineConfig(() => {
       target: 'es2020',
       lib: {
         entry: ['./src/index.qwik.ts', './src/vite.ts'],
-        formats: ['es', 'cjs'],
-        fileName: (format, entryName) => `${entryName}.${format === 'es' ? 'mjs' : 'cjs'}`,
+        formats: ['es'],
+        fileName: (format, entryName) => `${entryName}.mjs`,
       },
       rollupOptions: {
         external: [

packages/qwik-react/vite.config.ts

@@ -48,63 +48,51 @@
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
-      "import": "./lib/index.qwik.mjs",
-      "require": "./lib/index.qwik.cjs"
+      "import": "./lib/index.qwik.mjs"
     },
     "./adapters/azure-swa/vite": {
       "types": "./lib/adapters/azure-swa/vite/index.d.ts",
-      "import": "./lib/adapters/azure-swa/vite/index.mjs",
-      "require": "./lib/adapters/azure-swa/vite/index.cjs"
+      "import": "./lib/adapters/azure-swa/vite/index.mjs"
     },
     "./adapters/cloudflare-pages/vite": {
       "types": "./lib/adapters/cloudflare-pages/vite/index.d.ts",
-      "import": "./lib/adapters/cloudflare-pages/vite/index.mjs",
-      "require": "./lib/adapters/cloudflare-pages/vite/index.cjs"
+      "import": "./lib/adapters/cloudflare-pages/vite/index.mjs"
     },
     "./adapters/cloud-run/vite": {
       "types": "./lib/adapters/cloud-run/vite/index.d.ts",
-      "import": "./lib/adapters/cloud-run/vite/index.mjs",
-      "require": "./lib/adapters/cloud-run/vite/index.cjs"
+      "import": "./lib/adapters/cloud-run/vite/index.mjs"
     },
     "./adapters/bun-server/vite": {
       "types": "./lib/adapters/bun-server/vite/index.d.ts",
-      "import": "./lib/adapters/bun-server/vite/index.mjs",
-      "require": "./lib/adapters/bun-server/vite/index.cjs"
+      "import": "./lib/adapters/bun-server/vite/index.mjs"
     },
     "./adapters/deno-server/vite": {
       "types": "./lib/adapters/deno-server/vite/index.d.ts",
-      "import": "./lib/adapters/deno-server/vite/index.mjs",
-      "require": "./lib/adapters/deno-server/vite/index.cjs"
+      "import": "./lib/adapters/deno-server/vite/index.mjs"
     },
     "./adapters/node-server/vite": {
       "types": "./lib/adapters/node-server/vite/index.d.ts",
-      "import": "./lib/adapters/node-server/vite/index.mjs",
-      "require": "./lib/adapters/node-server/vite/index.cjs"
+      "import": "./lib/adapters/node-server/vite/index.mjs"
     },
     "./adapters/netlify-edge/vite": {
       "types": "./lib/adapters/netlify-edge/vite/index.d.ts",
-      "import": "./lib/adapters/netlify-edge/vite/index.mjs",
-      "require": "./lib/adapters/netlify-edge/vite/index.cjs"
+      "import": "./lib/adapters/netlify-edge/vite/index.mjs"
     },
     "./adapters/shared/vite": {
       "types": "./lib/adapters/shared/vite/index.d.ts",
-      "import": "./lib/adapters/shared/vite/index.mjs",
-      "require": "./lib/adapters/shared/vite/index.cjs"
+      "import": "./lib/adapters/shared/vite/index.mjs"
     },
     "./adapters/static/vite": {
       "types": "./lib/adapters/ssg/vite/index.d.ts",
-      "import": "./lib/adapters/ssg/vite/index.mjs",
-      "require": "./lib/adapters/ssg/vite/index.cjs"
+      "import": "./lib/adapters/ssg/vite/index.mjs"
     },
     "./adapters/ssg/vite": {
       "types": "./lib/adapters/ssg/vite/index.d.ts",
-      "import": "./lib/adapters/ssg/vite/index.mjs",
-      "require": "./lib/adapters/ssg/vite/index.cjs"
+      "import": "./lib/adapters/ssg/vite/index.mjs"
     },
     "./adapters/vercel-edge/vite": {
       "types": "./lib/adapters/vercel-edge/vite/index.d.ts",
-      "import": "./lib/adapters/vercel-edge/vite/index.mjs",
-      "require": "./lib/adapters/vercel-edge/vite/index.cjs"
+      "import": "./lib/adapters/vercel-edge/vite/index.mjs"
     },
     "./middleware/azure-swa": {
       "types": "./lib/middleware/azure-swa/index.d.ts",
@@ -136,37 +124,31 @@
     },
     "./middleware/node": {
       "types": "./lib/middleware/node/index.d.ts",
-      "import": "./lib/middleware/node/index.mjs",
-      "require": "./lib/middleware/node/index.cjs"
+      "import": "./lib/middleware/node/index.mjs"
     },
     "./middleware/request-handler": {
       "types": "./lib/middleware/request-handler/index.d.ts",
-      "import": "./lib/middleware/request-handler/index.mjs",
-      "require": "./lib/middleware/request-handler/index.cjs"
+      "import": "./lib/middleware/request-handler/index.mjs"
     },
     "./middleware/vercel-edge": {
       "types": "./lib/middleware/vercel-edge/index.d.ts",
       "import": "./lib/middleware/vercel-edge/index.mjs"
     },
     "./static": {
       "types": "./lib/ssg/index.d.ts",
-      "import": "./lib/ssg/index.mjs",
-      "require": "./lib/ssg/index.cjs"
+      "import": "./lib/ssg/index.mjs"
     },
     "./ssg": {
       "types": "./lib/ssg/index.d.ts",
-      "import": "./lib/ssg/index.mjs",
-      "require": "./lib/ssg/index.cjs"
+      "import": "./lib/ssg/index.mjs"
     },
     "./vite": {
       "types": "./lib/vite/index.d.ts",
-      "import": "./lib/vite/index.mjs",
-      "require": "./lib/vite/index.cjs"
+      "import": "./lib/vite/index.mjs"
     },
     "./service-worker": {
       "types": "./service-worker.d.ts",
-      "import": "./lib/service-worker.mjs",
-      "require": "./lib/service-worker.cjs"
+      "import": "./lib/service-worker.mjs"
     },
     "./package.json": "./package.json"
   },