updated server to send batched sample data and usewebsocket to normalize data

Author: katelyn-chun

frontend/hooks/useWebsocket.tsx

@@ -15,15 +15,13 @@ export default function useWebsocket(
     const intervalTime = 1000 / batchesPerSecond;
 
     const normalizeBatch = (batch: any) => {
-        const { time, signals } = batch;
-        
-        return [{
+        return batch.timestamps.map((time: number, i: number) => ({
             time,
-            signal1: signals[0],
-            signal2: signals[1],
-            signal3: signals[2],
-            signal4: signals[3],
-        }];
+            signal1: batch.signals[0][i],
+            signal2: batch.signals[1][i],
+            signal3: batch.signals[2][i],
+            signal4: batch.signals[3][i],
+        }));
     };
 
     useEffect(() => {

frontend/server.js

@@ -1,3 +1,4 @@
+const { time } = require('console');
 const WebSocket = require('ws');
 
 const wss = new WebSocket.Server({ port: 8080 });
@@ -6,11 +7,16 @@ wss.on('connection', (ws) => {
     console.log('New client connected');
 
     const interval = setInterval(() => {
+
+        const timestamps = Array.from({ length: 20 }, (_, i) => 
+            Date.now() + i * 3
+        );
+        const signals = Array.from({ length: 4 }, () =>
+            Array.from({ length: 65 }, () => Math.floor(Math.random() * 100))
+        );
         const data = {
-            time: Date.now(), // Using milliseconds since epoch for time
-            signals: Array.from({ length: 5 }, () =>
-                Math.floor(Math.random() * 100)
-            ), // Random values for 5 brain regions
+            timestamps,
+            signals,
         };
 
         ws.send(JSON.stringify(data));