chore(frontend): upgrade http-proxy-middleware to fix CVE-2024-21536 (#12300)

* upgrade http-proxy-middleware

Signed-off-by: Anay Sharma <[email protected]>

* form data fix

Signed-off-by: Anay Sharma <[email protected]>

* form-data fix

Signed-off-by: Anay Sharma <[email protected]>

* upgrade typescript to handle new http-proxy-middleware version

Signed-off-by: Anay Sharma <[email protected]>

* regenerate lock files

Signed-off-by: Anay Sharma <[email protected]>

---------

Signed-off-by: Anay Sharma <[email protected]>

Author: AnaySh

frontend/mock-backend/mock-api-server.ts

@@ -13,7 +13,7 @@
 // limitations under the License.
 
 import express from 'express';
-import proxy from 'http-proxy-middleware';
+import { createProxyMiddleware } from 'http-proxy-middleware';
 import mockApiMiddleware from './mock-api-middleware';
 
 const app = express();
@@ -38,14 +38,14 @@ export const HACK_FIX_HPM_PARTIAL_RESPONSE_HEADERS = {
 /** Proxy metadata requests to the Envoy instance which will handle routing to the metadata gRPC server */
 app.all(
   '/ml_metadata.*',
-  proxy({
+  createProxyMiddleware({
     changeOrigin: true,
     onProxyReq: proxyReq => {
       console.log('Metadata proxied request: ', (proxyReq as any).path);
     },
     headers: HACK_FIX_HPM_PARTIAL_RESPONSE_HEADERS,
     target: getAddress({ host: 'localhost', port: '9090' }),
-  }),
+  }) as any,
 );
 
 mockApiMiddleware(app as any);

frontend/mock-backend/proxy-middleware.ts

@@ -13,7 +13,7 @@
 // limitations under the License.
 
 import * as express from 'express';
-import proxy from 'http-proxy-middleware';
+import { createProxyMiddleware } from 'http-proxy-middleware';
 import { URL, URLSearchParams } from 'url';
 
 export function _extractUrlFromReferer(proxyPrefix: string, referer = ''): string {
@@ -68,7 +68,7 @@ export default (app: express.Application, apisPrefix: string) => {
 
   app.all(
     proxyPrefix + '*',
-    proxy({
+    createProxyMiddleware({
       changeOrigin: true,
       logLevel: 'debug',
       target: 'http://127.0.0.1',
@@ -80,6 +80,6 @@ export default (app: express.Application, apisPrefix: string) => {
       pathRewrite: (_: any, req: any) => {
         return _rewritePath(proxyPrefix, req.path, req.query);
       },
-    }),
+    }) as any,
   );
 };