fix websocket over secure connection (#542)

* fix https connection * explicity dependency
hay-kot · Aug 24, 2023 · 0876deb · 0876deb
1 parent 5438898
commit 0876deb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/frontend/composables/use-server-events.ts b/frontend/composables/use-server-events.ts
@@ -13,7 +13,12 @@ let socket: WebSocket | null = null;
 const listeners = new Map<ServerEvent, (() => void)[]>();
 
 function connect(onmessage: (m: EventMessage) => void) {
-  const ws = new WebSocket(`ws://${window.location.host}/api/v1/ws/events`);
+  let protocol = "ws";
+  if (window.location.protocol === "https:") {
+    protocol = "wss";
+  }
+
+  const ws = new WebSocket(`${protocol}://${window.location.host}/api/v1/ws/events`);
 
   ws.onopen = () => {
     console.debug("connected to server");

diff --git a/frontend/package.json b/frontend/package.json
@@ -48,6 +48,7 @@
     "daisyui": "^2.24.0",
     "dompurify": "^3.0.0",
     "h3": "^1.7.1",
+    "http-proxy": "^1.18.1",
     "markdown-it": "^13.0.1",
     "pinia": "^2.0.21",
     "postcss": "^8.4.16",

diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml