support websocket middleware proxy

support websocket middleware proxy

Author: petar-cvit

cyclops-ui/src/components/pages/Terminal.tsx

@@ -43,7 +43,7 @@ const ExecTerminal = ({
         fitAddon.current?.fit();
 
         socket.current = new WebSocket(
-          `ws://localhost:8888/exec/${namespace}/${podName}/${containerName}`,
+          `/api/exec/${namespace}/${podName}/${containerName}`,
         );
 
         socket.current.onopen = () => {

cyclops-ui/src/setupProxy.js

@@ -6,6 +6,7 @@ module.exports = function (app) {
     createProxyMiddleware({
       target: process.env.REACT_APP_CYCLOPS_CTRL_HOST,
       changeOrigin: true,
+      ws: true,
       pathRewrite: {
         "^/api": "",
       },