Fix `route` parameter and `style` handling in express router

Signed-off-by: Mihaela Balutoiu <mbalutoiu@cloudbasesolutions.com>

package.json

@@ -27,7 +27,7 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/connect": "^3.4.33",
-    "@types/express": "^4.17.6",
+    "@types/express": "^5.0.1",
     "@types/file-saver": "^2.0.1",
     "@types/jest": "^27.0.2",
     "@types/js-cookie": "^2.2.6",
@@ -74,7 +74,7 @@
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^13.0.0",
     "dotenv": "^8.2.0",
-    "express": "^5.0.0",
+    "express": "^5.1.0",
     "file-loader": "^4.2.0",
     "file-saver": "^2.0.2",
     "fs": "^0.0.1-security",

server/api/LogosApi.ts

@@ -54,7 +54,7 @@ const getOptimalLogoHeightKey = (
 };
 
 export default (router: express.Router) => {
-  router.get("/logos/:provider/:size/:style?", (req, res) => {
+  router.get("/logos/:provider/:size{/:style}", (req, res) => {
     const SIZES = [32, 42, 64, 128];
     const STYLES = ["white", "disabled"];
     const { provider, style } = req.params;

server/main.ts

@@ -30,7 +30,7 @@ export default () => {
 
   app.use("/api", apiRouter);
 
-  app.get("*", (_, res) => {
+  app.get("/*path", (_, res) => {
     res.sendFile(path.resolve(__dirname, "../dist", "index.html"));
   });
 

server/proxies/azureProxy.ts

@@ -58,7 +58,7 @@ export default (router: express.Router) => {
     }
   });
 
-  router.get("/azure/*", (req, res) => {
+  router.get("/azure/*path", (req, res) => {
     process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
     const url = Buffer.from(
       req.url.substr("/proxy/".length),