cleanup demo

nwaughachukwuma · Jan 21, 2024 · 2d667fc · 2d667fc
1 parent 9f2131d
commit 2d667fc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/app/src/routes/index.svelte b/app/src/routes/index.svelte
@@ -9,7 +9,7 @@
 		wsClient = webSocket();
 
 		wsClient.on('message', (event) => {
-			wsResponse = String(event.data);
+			wsResponse = event.data;
 		});
 
 		wsClient.on('error', (error) => {
@@ -26,8 +26,7 @@
 	});
 
 	const sendMessage = (message: string) => {
-		const payload = { message };
-		wsClient.send(JSON.stringify(payload));
+		wsClient.send(JSON.stringify({ message }));
 	};
 </script>
 
@@ -61,7 +60,7 @@
 	<div class="response-area">
 		<h1>WebSocket response</h1>
 		<span>
-			{JSON.stringify(wsResponse, null, 2)}
+			{wsResponse}
 		</span>
 	</div>
 </message-container>

diff --git a/server/index.js b/server/index.js
@@ -25,10 +25,12 @@ fastify()
 
     app.get("/ws/*", { websocket: true }, ({ socket }, req) => {
       socket.on("message", (msg) => {
-        console.log("from client", msg.toString(), req.url);
+        const msgStr = String(msg);
+        console.log(JSON.parse(msgStr), req.url);
+
         const res = JSON.stringify({
           pong: `acked: ${Date.now()}`,
-          msg: `${msg}`,
+          msg: msgStr,
         });
         socket.send(res);
       });