fix websocket over secure connection (#542)

* fix https connection

* explicity dependency

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");

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",

frontend/pnpm-lock.yaml

@@ -47,6 +47,9 @@ dependencies:
   h3:
     specifier: ^1.7.1
     version: 1.7.1
+  http-proxy:
+    specifier: ^1.18.1
+    version: 1.18.1
   markdown-it:
     specifier: ^13.0.1
     version: 13.0.1