From c1100a9c0645a556222c9bbc56131e30fd06e2a2 Mon Sep 17 00:00:00 2001
From: Stephanie Gredell <s.raide@gmail.com>
Date: Mon, 8 Dec 2025 20:59:28 -0800
Subject: [PATCH] fix wss maybe?

---
 backend/src/services/websocket.service.ts | 4 ++--
 frontend/src/pages/TicTacToeApp.tsx       | 7 +++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/backend/src/services/websocket.service.ts b/backend/src/services/websocket.service.ts
index b1f7e78..e2274c8 100644
--- a/backend/src/services/websocket.service.ts
+++ b/backend/src/services/websocket.service.ts
@@ -5,7 +5,7 @@ import { getGame, addPlayer, removePlayer, makeMove, resetGame, joinQueue, broad
 let wss: WebSocketServer | null = null;
 
 export function createWebSocketServer(server: any) {
-  wss = new WebSocketServer({ server, path: '/ws' });
+  wss = new WebSocketServer({ server, path: '/api/ws' });
 
   wss.on('connection', (ws: WS, req) => {
     const url = new URL(req.url || '', `http://${req.headers.host}`);
@@ -242,7 +242,7 @@ export function createWebSocketServer(server: any) {
     });
   });
 
-  console.log('✅ WebSocket server started on /ws');
+  console.log('✅ WebSocket server started on /api/ws');
 }
 
 export function getWebSocketServer(): WebSocketServer | null {
diff --git a/frontend/src/pages/TicTacToeApp.tsx b/frontend/src/pages/TicTacToeApp.tsx
index 5ca29d8..fa9b1b6 100644
--- a/frontend/src/pages/TicTacToeApp.tsx
+++ b/frontend/src/pages/TicTacToeApp.tsx
@@ -20,10 +20,9 @@ export function TicTacToeApp() {
   useEffect(() => {
     // Get WebSocket URL - connect to backend server
     const apiUrl = import.meta.env.VITE_API_URL || 'http://localhost:3000/api';
-    const backendUrl = apiUrl.replace('/api', '');
-    const wsProtocol = backendUrl.startsWith('https') ? 'wss:' : 'ws:';
-    const wsHost = backendUrl.replace(/^https?:\/\//, '');
-    const wsUrl = `${wsProtocol}//${wsHost}/ws?room=default&playerId=${playerIdRef.current}`;
+    const wsProtocol = apiUrl.startsWith('https') ? 'wss:' : 'ws:';
+    const wsHost = apiUrl.replace(/^https?:\/\//, '').replace('/api', '');
+    const wsUrl = `${wsProtocol}//${wsHost}/api/ws?room=default&playerId=${playerIdRef.current}`;
 
     const ws = new WebSocket(wsUrl);
     wsRef.current = ws;