Merge pull request #106 from nickolay-grechkin/thjs-51-fix-socket-connection

THKS 51: Fix socket connection

Author: v0ldemar01

client/.env.example

@@ -3,7 +3,8 @@
 #
 # default. own preference might be used
 VITE_API_SERVER=http://localhost:3001
-VITE_SOCKET_SERVER=http://localhost:3002
+VITE_SOCKET_SERVER=ws://localhost:3001
 VITE_API_PATH=/api
+VITE_SOCKET_PATH=/socket.io
 VITE_PORT=3000
 VITE_HOST=localhost

client/src/packages/socket/socket-api.js

@@ -1,7 +1,11 @@
 import { io } from 'socket.io-client';
 
 class Socket {
-  getInstance = namespace => io(namespace);
+  getInstance = (namespace) => {
+    return io(namespace, {
+      transports: ['websocket']
+    });
+  };
 }
 
 export { Socket };

client/vite.config.js

@@ -8,7 +8,7 @@ dns.setDefaultResultOrder('verbatim');
 
 const config = ({ mode }) => {
   // import.meta.env doesn't exist at this moment
-  const { VITE_PORT, VITE_HOST, VITE_API_PATH, VITE_API_SERVER } = loadEnv(
+  const { VITE_PORT, VITE_HOST, VITE_API_PATH, VITE_API_SERVER, VITE_SOCKET_SERVER, VITE_SOCKET_PATH } = loadEnv(
     mode,
     process.cwd()
   );
@@ -24,7 +24,11 @@ const config = ({ mode }) => {
       host: VITE_HOST,
       port: Number(VITE_PORT),
       proxy: {
-        [VITE_API_PATH]: VITE_API_SERVER
+        [VITE_API_PATH]: VITE_API_SERVER,
+        [VITE_SOCKET_PATH]: {
+          target: VITE_SOCKET_SERVER,
+          ws: true,
+        },
       }
     },
     plugins: [reactPlugin()]