fix(deps): update dependency express to v5 (#1779)

* fix(deps): update dependency express to v5

* Update

* Lint

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Nathan Bierema <nbierema@gmail.com>

Author: renovate[bot]

packages/redux-devtools-cli/package.json

@@ -42,17 +42,18 @@
   },
   "dependencies": {
     "@apollo/server": "^4.12.1",
+    "@as-integrations/express5": "^1.1.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@redux-devtools/app": "workspace:^",
     "@reduxjs/toolkit": "^2.8.2",
     "@types/react": "^19.1.6",
-    "body-parser": "^1.20.3",
+    "body-parser": "^2.2.0",
     "chalk": "^5.4.1",
     "cors": "^2.8.5",
     "cross-spawn": "^7.0.6",
     "electron": "^31.7.7",
-    "express": "^4.21.2",
+    "express": "^5.1.0",
     "get-port": "^7.1.0",
     "graphql": "^16.11.0",
     "knex": "^3.1.0",
@@ -72,7 +73,7 @@
     "@types/body-parser": "^1.19.5",
     "@types/cors": "^2.8.18",
     "@types/cross-spawn": "^6.0.6",
-    "@types/express": "^4.17.22",
+    "@types/express": "^5.0.3",
     "@types/jest": "^29.5.14",
     "@types/lodash-es": "^4.17.12",
     "@types/minimist": "^1.2.5",

packages/redux-devtools-cli/src/index.ts

@@ -41,6 +41,7 @@ export default async function (argv: { [arg: string]: any }): Promise<{
   const agServer = socketClusterServer.attach(httpServer, options);
 
   const app = express();
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
   httpServer.on('request', app);
   const store = createStore(options);
   app.use(routes(options, store, agServer));
@@ -76,7 +77,7 @@ export default async function (argv: { [arg: string]: any }): Promise<{
                 });
               })
               .catch(function (error) {
-                console.error(error); // eslint-disable-line no-console
+                console.error(error);
               });
           }
         }
@@ -110,15 +111,14 @@ export default async function (argv: { [arg: string]: any }): Promise<{
               request.end(data);
             })
             .catch(function (error) {
-              console.error(error); // eslint-disable-line no-console
+              console.error(error);
             });
         }
       })();
       void (async () => {
         for await (const data of socket.listener('disconnect')) {
           const channel = agServer.exchange.channel('sc-' + socket.id);
           channel.unsubscribe();
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           void agServer.exchange.transmitPublish(channelToEmit!, {
             id: socket.id,
             type: 'DISCONNECTED',

packages/redux-devtools-cli/src/routes.ts

@@ -62,24 +62,24 @@ function routes(
         '/graphql',
         cors<cors.CorsRequest>(),
         bodyParser.json(),
+        // @ts-expect-error https://github.com/apollo-server-integrations/apollo-server-integration-express5/issues/9
         expressMiddleware(server, {
           context: () => Promise.resolve({ store }),
         }),
       );
     })
     .catch((error) => {
-      console.error(error); // eslint-disable-line no-console
+      console.error(error);
     });
 
   serveUmdModule('react');
   serveUmdModule('react-dom');
   serveUmdModule('@redux-devtools/app');
 
   app.get('/port.js', function (req, res) {
-    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
     res.send(`reduxDevToolsPort = ${options.port}`);
   });
-  app.get('*', function (req, res) {
+  app.get('/{*splat}', function (req, res) {
     res.sendFile(
       path.join(
         path.dirname(fileURLToPath(import.meta.url)),
@@ -93,7 +93,10 @@ function routes(
   app.use(bodyParser.urlencoded({ limit: limit, extended: false }));
 
   app.post('/', function (req, res) {
-    if (!req.body) return res.status(404).end();
+    if (!req.body) {
+      res.status(404).end();
+      return;
+    }
     switch (req.body.op) {
       case 'get':
         store
@@ -102,7 +105,7 @@ function routes(
             res.send(r || {});
           })
           .catch(function (error) {
-            console.error(error); // eslint-disable-line no-console
+            console.error(error);
             res.sendStatus(500);
           });
         break;
@@ -113,7 +116,7 @@ function routes(
             res.send(r);
           })
           .catch(function (error) {
-            console.error(error); // eslint-disable-line no-console
+            console.error(error);
             res.sendStatus(500);
           });
         break;
@@ -131,7 +134,7 @@ function routes(
             });
           })
           .catch(function (error) {
-            console.error(error); // eslint-disable-line no-console
+            console.error(error);
             res.status(500).send({});
           });
     }