frontend/x11: select wss vs ws for https vs http -- useful for local dev!

Author: haraldschilly

src/packages/frontend/frame-editors/x11-editor/xpra-client.ts

@@ -156,17 +156,18 @@ export class XpraClient extends EventEmitter {
     // Get origin, but with http[s] stripped.
     // Do not use window.location.hostname, since that doesn't
     // include the port, if there is one.
-    let origin = window.location.origin;
+    const { origin, protocol: pageProtocol } = window.location;
     const i = origin.indexOf(":");
-    origin = origin.slice(i);
+    const originTail = origin.slice(i);
+    const wsProtocol = pageProtocol === "https:" ? "wss" : "ws";
 
     const path = join(
       appBasePath,
       this.options.project_id,
       "server",
       `${port}`,
     );
-    const uri = `wss${origin}${path}`;
+    const uri = `${wsProtocol}${originTail}${path}`;
     const dpi = Math.round(BASE_DPI * window.devicePixelRatio);
     return { uri, dpi };
   }