use wss: by default, only use ws: for local development

Author: nikgraf

packages/hypergraph-react/src/HypergraphAppContext.tsx

@@ -299,7 +299,11 @@ export function HypergraphAppProvider({
 
     const syncServerUrl = new URL(syncServerUri);
     const syncServerWsUrl = new URL(`/?token=${identity.sessionToken}`, syncServerUrl.toString());
-    syncServerWsUrl.protocol = 'ws:';
+
+    // Use 'wss:' by default, only use 'ws:' for local development
+    const isLocalDev = syncServerUrl.hostname === 'localhost' || syncServerUrl.hostname === '127.0.0.1';
+    syncServerWsUrl.protocol = isLocalDev ? 'ws:' : 'wss:';
+
     const syncServerWsUrlString = syncServerWsUrl.toString();
 
     const websocketConnection = new WebSocket(syncServerWsUrlString);