fix: support websocket url configuration

Author: amliu-jumptrading

.env.example

@@ -0,0 +1 @@
+VITE_WEBSOCKET_URL=

README.md

@@ -8,6 +8,11 @@
 - `curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash`
 - `nvm install 22 && nvm use 22`
 
+# Running locally
+
+- Run `cp .env.example .env.local`
+- Run `npm run dev`
+
 ## Build
 
 - Run `npm ci`

src/api/ws/ConnectionProvider.tsx

@@ -12,10 +12,16 @@ import {
   messageEventType,
 } from "./ConnectionContext";
 
+const VITE_WEBSOCKET_URL = (
+  import.meta.env.VITE_WEBSOCKET_URL as string
+).trim();
+
 export function ConnectionProvider({ children }: PropsWithChildren) {
   const [ctxValue, _setCtxValue] = useState(defaultCtxValue);
   // connect to current host via websocket
-  const websocketUrl = `${window.location.protocol.startsWith("https") ? "wss" : "ws"}://${window.location.hostname}:${window.location.port}/websocket`;
+  const websocketUrl = VITE_WEBSOCKET_URL
+    ? VITE_WEBSOCKET_URL
+    : `${window.location.protocol.startsWith("https") ? "wss" : "ws"}://${window.location.hostname}:${window.location.port}/websocket`;
 
   const setSocketState = useSetAtom(socketStateAtom);