fix(ui): websocket on port other than 80/443 on k8s (#2816)

keep-ui/utils/hooks/usePusher.ts

@@ -32,6 +32,18 @@ export const useWebsocket = () => {
         !configData.PUSHER_HOST.includes("://") &&
         !["localhost", "127.0.0.1"].includes(configData.PUSHER_HOST);
 
+      // if relative, get the relative port:
+      let port = configData.PUSHER_PORT;
+      if (isRelativeHostAndNotLocal) {
+        // Handle case where port is empty string (default ports 80/443)
+        if (window.location.port) {
+          port = parseInt(window.location.port, 10);
+        } else {
+          // Use default ports based on protocol
+          port = window.location.protocol === "https:" ? 443 : 80;
+        }
+      }
+
       console.log(
         "useWebsocket: isRelativeHostAndNotLocal:",
         isRelativeHostAndNotLocal
@@ -42,11 +54,7 @@ export const useWebsocket = () => {
           ? window.location.hostname
           : configData.PUSHER_HOST,
         wsPath: isRelativeHostAndNotLocal ? configData.PUSHER_HOST : "",
-        wsPort: isRelativeHostAndNotLocal
-          ? window.location.protocol === "https:"
-            ? 443
-            : 80
-          : configData.PUSHER_PORT,
+        wsPort: isRelativeHostAndNotLocal ? port : configData.PUSHER_PORT,
         forceTLS: window.location.protocol === "https:",
         disableStats: true,
         enabledTransports: ["ws", "wss"],

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "keep"
-version = "0.31.6"
+version = "0.31.7"
 description = "Alerting. for developers, by developers."
 authors = ["Keep Alerting LTD"]
 packages = [{include = "keep"}]