chore: upgrade to express 5 (#18537)

Author: bluwy

.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"
   }
 }