chore: upgrade to express 5

.github/renovate.json5

@@ -18,6 +18,7 @@
     "typescript",
     "eslint-plugin-react-hooks", // prevent bumping to messy -rc-<hash>-<date>
     "@rollup/plugin-dynamic-import-vars", // prefer version using tinyglobby
+    "@types/express", // express latest is still on v4, so types should also be v4
 
     // pinned
     "slash3",

docs/guide/ssr.md

@@ -67,7 +67,7 @@ This is statically replaced during build so it will allow tree-shaking of unused
 
 ## Setting Up the Dev Server
 
-When building an SSR app, you likely want to have full control over your main server and decouple Vite from the production environment. It is therefore recommended to use Vite in middleware mode. Here is an example with [express](https://expressjs.com/):
+When building an SSR app, you likely want to have full control over your main server and decouple Vite from the production environment. It is therefore recommended to use Vite in middleware mode. Here is an example with [express](https://expressjs.com/) (v4):
 
 ```js{15-18} twoslash [server.js]
 import fs from 'node:fs'

playground/css-lightningcss-proxy/package.json

@@ -10,6 +10,6 @@
   },
   "devDependencies": {
     "lightningcss": "^1.28.1",
-    "express": "^4.21.1"
+    "express": "^5.0.1"
   }
 }

playground/css-lightningcss-proxy/server.js

@@ -47,7 +47,7 @@ export async function createServer(root = process.cwd(), hmrPort) {
   // use vite's connect instance as middleware
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res, next) => {
+  app.use('*all', async (req, res, next) => {
     try {
       let [url] = req.originalUrl.split('?')
       if (url.endsWith('/')) url += 'index.html'

playground/json/package.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@vitejs/test-json-module": "file:./json-module",
-    "express": "^4.21.1",
+    "express": "^5.0.1",
     "vue": "^3.5.12"
   }
 }

playground/json/server.js

@@ -39,7 +39,7 @@ export async function createServer(root = process.cwd(), hmrPort) {
   // use vite's connect instance as middleware
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res) => {
+  app.use('*all', async (req, res) => {
     try {
       let [url] = req.originalUrl.split('?')
       if (url.endsWith('/')) url += 'index.ssr.html'

playground/legacy/package.json

@@ -17,7 +17,7 @@
   "devDependencies": {
     "vite": "workspace:*",
     "@vitejs/plugin-legacy": "workspace:*",
-    "express": "^4.21.1",
+    "express": "^5.0.1",
     "terser": "^5.36.0"
   }
 }

playground/optimize-missing-deps/package.json

@@ -10,6 +10,6 @@
     "@vitejs/test-missing-dep": "file:./missing-dep"
   },
   "devDependencies": {
-    "express": "^4.21.1"
+    "express": "^5.0.1"
   }
 }

playground/optimize-missing-deps/server.js

@@ -30,7 +30,7 @@ export async function createServer(root = process.cwd(), hmrPort) {
   })
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res) => {
+  app.use('*all', async (req, res) => {
     try {
       let template = fs.readFileSync(resolve('index.html'), 'utf-8')
       template = await vite.transformIndexHtml(req.originalUrl, template)

playground/ssr-conditions/package.json

@@ -13,6 +13,6 @@
     "@vitejs/test-ssr-conditions-no-external": "file:./no-external"
   },
   "devDependencies": {
-    "express": "^4.21.1"
+    "express": "^5.0.1"
   }
 }

playground/ssr-conditions/server.js

@@ -37,7 +37,7 @@ export async function createServer(root = process.cwd(), hmrPort) {
 
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res) => {
+  app.use('*all', async (req, res) => {
     try {
       const url = req.originalUrl
 

playground/ssr-deps/package.json

@@ -33,6 +33,6 @@
     "@vitejs/test-module-condition": "file:./module-condition"
   },
   "devDependencies": {
-    "express": "^4.21.1"
+    "express": "^5.0.1"
   }
 }

playground/ssr-deps/server.js

@@ -88,7 +88,7 @@ export async function createServer(root = process.cwd(), hmrPort) {
   // use vite's connect instance as middleware
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res) => {
+  app.use('*all', async (req, res) => {
     try {
       const url = req.originalUrl
 

playground/ssr-html/package.json

@@ -12,6 +12,6 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "express": "^4.21.1"
+    "express": "^5.0.1"
   }
 }

playground/ssr-html/server.js

@@ -68,7 +68,7 @@ export async function createServer(root = process.cwd(), hmrPort) {
   // use vite's connect instance as middleware
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res, next) => {
+  app.use('*all', async (req, res, next) => {
     try {
       let [url] = req.originalUrl.split('?')
       if (url.endsWith('/')) url += 'index.html'

playground/ssr-noexternal/package.json

@@ -12,6 +12,6 @@
   "dependencies": {
     "@vitejs/test-external-cjs": "file:./external-cjs",
     "@vitejs/test-require-external-cjs": "file:./require-external-cjs",
-    "express": "^4.21.1"
+    "express": "^5.0.1"
   }
 }

playground/ssr-noexternal/server.js

@@ -47,7 +47,7 @@ export async function createServer(
     app.use(vite.middlewares)
   }
 
-  app.use('*', async (req, res) => {
+  app.use('*all', async (req, res) => {
     try {
       const url = req.originalUrl
 

playground/ssr-pug/package.json

@@ -9,7 +9,7 @@
     "debug": "node --inspect-brk server"
   },
   "devDependencies": {
-    "express": "^4.21.1",
+    "express": "^5.0.1",
     "pug": "^3.0.3"
   }
 }

playground/ssr-pug/server.js

@@ -47,7 +47,7 @@ export async function createServer(root = process.cwd(), hmrPort) {
   // use vite's connect instance as middleware
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res) => {
+  app.use('*all', async (req, res) => {
     try {
       let [url] = req.originalUrl.split('?')
       url = url.replace(/\.html$/, '.pug')

playground/ssr/package.json

@@ -10,6 +10,6 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "express": "^4.21.1"
+    "express": "^5.0.1"
   }
 }

playground/ssr/server.js

@@ -41,7 +41,7 @@ export async function createServer(
   // use vite's connect instance as middleware
   app.use(vite.middlewares)
 
-  app.use('*', async (req, res, next) => {
+  app.use('*all', async (req, res, next) => {
     try {
       const url = req.originalUrl