Merge pull request #7890 from QwikDev/router-dev-improvements

feat(router): make dev more like prod

Author: wmertens

.changeset/great-news-lie.md

@@ -0,0 +1,10 @@
+---
+'@qwik.dev/router': minor
+'@qwik.dev/core': minor
+---
+
+Feat: split Qwik Core and Router dev experience. Core now only adjusts the html using the Vite hook for it, so it can work in any environment or client-only. You can make a Qwik application client-only by running `qwik add csr` now.
+Feat: Qwik Route now runs dev mode using the node middleware, which is the same as production, and can now hot-reload when routes are added. It does this by transforming the response while it streams to add the dev scripts. This opens the door for Vite Environment support.
+Feat: `qwikVite()` SSR builds now reads the manifest from the client build whenever possible. You can still pass in the manifest yourself if needed.
+Fix: Qwik Router's Vite plugin no longer imports Qwik Core, a cause of duplicate imports in dev and preview mode.
+Fix: Sometimes, SSG hangs after completion. The cause is still unknown, but now there is a workaround by forcing the process to exit after SSG is done.

e2e/docs-e2e/package.json

@@ -5,7 +5,7 @@
   "author": "",
   "devDependencies": {
     "@playwright/test": "1.50.1",
-    "@types/node": "24.2.1"
+    "@types/node": "24.3.0"
   },
   "keywords": [],
   "license": "ISC",

e2e/qwik-cli-e2e/package.json

@@ -2,7 +2,7 @@
   "name": "qwik-cli-e2e",
   "version": "0.0.0",
   "dependencies": {
-    "kleur": "4.1.5"
+    "kleur": "^4.1.5"
   },
   "private": true,
   "scripts": {

e2e/qwik-cli-e2e/tests/serve.spec.ts

@@ -33,7 +33,7 @@ for (const type of ['empty', 'playground'] as QwikProjectType[]) {
         }
         config.cleanupFn();
       };
-    });
+    }, 120000);
 
     if (type === 'playground') {
       test(

package.json

@@ -93,7 +93,7 @@
     "@changesets/cli": "2.29.5",
     "@changesets/get-github-info": "0.6.0",
     "@changesets/types": "6.1.0",
-    "@clack/prompts": "0.7.0",
+    "@clack/prompts": "0.11.0",
     "@eslint/js": "9.33.0",
     "@mdx-js/mdx": "3.1.0",
     "@microsoft/api-documenter": "7.26.31",
@@ -107,13 +107,13 @@
     "@qwik.dev/partytown": "0.11.2",
     "@qwik.dev/router": "workspace:*",
     "@types/brotli": "1.3.4",
-    "@types/bun": "1.2.20",
+    "@types/bun": "1.2.21",
     "@types/cross-spawn": "6.0.6",
     "@types/express": "5.0.3",
-    "@types/node": "24.2.1",
+    "@types/node": "24.3.0",
     "@types/path-browserify": "1.0.3",
     "@types/prompts": "2.4.9",
-    "@types/react": "19.1.10",
+    "@types/react": "19.1.12",
     "@types/semver": "7.7.0",
     "@types/tmp": "0.2.6",
     "@types/which-pm-runs": "1.0.2",
@@ -125,7 +125,7 @@
     "cross-spawn": "7.0.6",
     "csstype": "3.1.3",
     "dotenv": "16.5.0",
-    "esbuild": "0.25.8",
+    "esbuild": "0.25.9",
     "eslint": "9.33.0",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-no-only-tests": "3.3.0",
@@ -134,28 +134,28 @@
     "express": "4.20.0",
     "globals": "16.3.0",
     "install": "0.13.0",
-    "memfs": "4.34.0",
-    "monaco-editor": "0.45.0",
+    "memfs": "4.38.2",
+    "monaco-editor": "0.52.2",
     "mri": "1.2.0",
     "path-browserify": "1.0.1",
     "prettier": "3.6.2",
     "prettier-plugin-jsdoc": "1.3.3",
     "prettier-plugin-tailwindcss": "0.6.14",
     "pretty-quick": "4.2.2",
     "prompts": "2.4.2",
-    "rollup": ">= 4.44.0",
+    "rollup": "4.50.0",
     "semver": "7.7.2",
     "simple-git-hooks": "2.13.1",
     "snoop": "1.0.4",
-    "source-map": "0.7.4",
+    "source-map": "0.7.6",
     "svgo": "3.3.2",
     "syncpack": "13.0.4",
     "terser": "5.43.1",
     "tmp": "0.2.5",
     "tree-kill": "1.2.2",
-    "tsx": "4.20.3",
-    "typescript": "5.8.3",
-    "typescript-eslint": "8.39.1",
+    "tsx": "4.20.5",
+    "typescript": "5.9.2",
+    "typescript-eslint": "8.41.0",
     "vfile": "6.0.3",
     "vite": "7.1.5",
     "vite-imagetools": "7.1.0",

packages/create-qwik/package.json

@@ -6,7 +6,7 @@
   "bin": "./create-qwik.cjs",
   "bugs": "https://github.com/QwikDev/qwik/issues",
   "devDependencies": {
-    "@clack/prompts": "0.7.0",
+    "@clack/prompts": "0.11.0",
     "@types/yargs": "17.0.33",
     "kleur": "4.1.5",
     "yargs": "17.7.2"

packages/docs/package.json

@@ -27,11 +27,11 @@
     "@shikijs/transformers": "3.12.2",
     "@shikijs/types": "3.12.2",
     "@supabase/supabase-js": "2.53.0",
-    "@tailwindcss/vite": "4.1.11",
+    "@tailwindcss/vite": "4.1.12",
     "@types/leaflet": "1.9.20",
     "@types/prismjs": "1.26.5",
-    "@types/react": "19.1.10",
-    "@types/react-dom": "18.3.0",
+    "@types/react": "19.1.12",
+    "@types/react-dom": "19.1.7",
     "@unpic/core": "0.0.42",
     "@unpic/qwik": "0.0.38",
     "algoliasearch": "4.16.0",
@@ -45,14 +45,14 @@
     "prismjs": "1.30.0",
     "puppeteer": "22.13.1",
     "qwik-image": "0.0.16",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
     "shiki": "3.12.2",
     "snarkdown": "2.0.0",
-    "tailwindcss": "4.1.11",
+    "tailwindcss": "4.1.12",
     "terser": "5.43.1",
     "tsm": "2.3.0",
-    "typescript": "5.8.3",
+    "typescript": "5.9.2",
     "undici": "*",
     "valibot": "0.33.3",
     "vite": "7.1.5",

packages/docs/src/routes/api/qwik-optimizer/api.json

@@ -542,20 +542,6 @@
       "editUrl": "https://github.com/QwikDev/qwik/tree/main/packages/qwik/src/optimizer/src/plugins/vite.ts",
       "mdFile": "core.qwikvite.md"
     },
-    {
-      "name": "QwikViteDevResponse",
-      "id": "qwikvitedevresponse",
-      "hierarchy": [
-        {
-          "name": "QwikViteDevResponse",
-          "id": "qwikvitedevresponse"
-        }
-      ],
-      "kind": "Interface",
-      "content": "```typescript\nexport interface QwikViteDevResponse \n```\n\n\n<table><thead><tr><th>\n\nProperty\n\n\n</th><th>\n\nModifiers\n\n\n</th><th>\n\nType\n\n\n</th><th>\n\nDescription\n\n\n</th></tr></thead>\n<tbody><tr><td>\n\n[\\_qwikEnvData?](#)\n\n\n</td><td>\n\n\n</td><td>\n\nRecord&lt;string, any&gt;\n\n\n</td><td>\n\n_(Optional)_\n\n\n</td></tr>\n<tr><td>\n\n[\\_qwikRenderResolve?](#)\n\n\n</td><td>\n\n\n</td><td>\n\n() =&gt; void\n\n\n</td><td>\n\n_(Optional)_\n\n\n</td></tr>\n</tbody></table>",
-      "editUrl": "https://github.com/QwikDev/qwik/tree/main/packages/qwik/src/optimizer/src/plugins/vite.ts",
-      "mdFile": "core.qwikvitedevresponse.md"
-    },
     {
       "name": "QwikVitePlugin",
       "id": "qwikviteplugin",

packages/docs/src/routes/api/qwik-optimizer/index.mdx

@@ -2210,63 +2210,6 @@ any
 
 [Edit this section](https://github.com/QwikDev/qwik/tree/main/packages/qwik/src/optimizer/src/plugins/vite.ts)
 
-## QwikViteDevResponse
-
-```typescript
-export interface QwikViteDevResponse
-```
-
-<table><thead><tr><th>
-
-Property
-
-</th><th>
-
-Modifiers
-
-</th><th>
-
-Type
-
-</th><th>
-
-Description
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[\_qwikEnvData?](#)
-
-</td><td>
-
-</td><td>
-
-Record&lt;string, any&gt;
-
-</td><td>
-
-_(Optional)_
-
-</td></tr>
-<tr><td>
-
-[\_qwikRenderResolve?](#)
-
-</td><td>
-
-</td><td>
-
-() =&gt; void
-
-</td><td>
-
-_(Optional)_
-
-</td></tr>
-</tbody></table>
-
-[Edit this section](https://github.com/QwikDev/qwik/tree/main/packages/qwik/src/optimizer/src/plugins/vite.ts)
-
 ## QwikVitePlugin
 
 This is the type of the "pre" Qwik Vite plugin. `qwikVite` actually returns a tuple of two plugins, but after Vite flattens them, you can find the plugin by name.

packages/docs/src/routes/docs/(qwik)/advanced/library/index.mdx

@@ -52,7 +52,6 @@ This will create a new folder called `my-library` with the following structure:
 │   │   │   └── counter.tsx
 │   │   └── logo
 │   │       └── logo.tsx
-│   ├── entry.dev.tsx
 │   ├── entry.ssr.tsx
 │   ├── index.ts
 │   └── root.tsx
@@ -126,7 +125,7 @@ export { Counter } from './components/counter/counter';
 
 ## Libraries are also Apps
 
-The library starter is also a standalone Qwik app (without routing, nor Qwik Router), this is the reason why you will find `entry.dev.tsx`, `entry.ssr.tsx` and `root.tsx` files.
+The library starter is also a standalone Qwik app (without routing, nor Qwik Router), this is the reason why you will find the `entry.ssr.tsx` and `root.tsx` files.
 
 Do not worry about them, they won't be part of the final library, but they are useful during development and testing, so you can test your components in a real Qwik app.