fix: improved ping-pong events

back/libs/middlewares.js

@@ -33,6 +33,13 @@ router.ws('/', function(ws, req) {
     ws.on('close', () => {
         sockets.delete(ws);
     });
+
+    ws.on('message', (msg) => {
+        const data = JSON.parse(msg);
+        if (data.type === 'ping') {
+            ws.send(JSON.stringify({ type: 'pong' }));
+        }
+    });
 });
 
 function socketsMiddleware(req, res, next) {

front/src/main.tsx

@@ -12,7 +12,7 @@ import ChannelsPage from './pages/ChannelsPage'
 
 const socket = new WebSocket("/api/ws");
 setInterval(() => {
-  socket.send("ping");
+  socket.send(JSON.stringify({ type: "ping" }));
 }, 30 * 1000);
 
 createRoot(document.getElementById('root')!).render(