From d89c21dd2ccfe01d66dbdaccd9cc1385bdddb4ab Mon Sep 17 00:00:00 2001
From: NigeParis <nrobinso@student.42.fr>
Date: Wed, 19 Nov 2025 11:41:58 +0100
Subject: [PATCH] WIP on separation socket-client from chat.ts

---
 frontend/src/pages/chat/socket_client.ts | 48 ++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 frontend/src/pages/chat/socket_client.ts

diff --git a/frontend/src/pages/chat/socket_client.ts b/frontend/src/pages/chat/socket_client.ts
new file mode 100644
index 0000000..08da3d4
--- /dev/null
+++ b/frontend/src/pages/chat/socket_client.ts
@@ -0,0 +1,48 @@
+////WORKING ON THE SEPARATE NONO FUCTIONNELING SOCKET CLIENT TO BE IMPORTED INTO CHAT.TS////
+
+import io from "socket.io-client"; 
+
+// const socket = io("wss://localhost:8888");
+
+export const socket = io("wss://localhost:8888", {
+	path: "/api/chat/socket.io/",
+	secure: false,
+	transports: ["websocket"],
+});
+
+// Listen for the 'connect' event
+socket.on("connect", async () => {
+	console.log("I AM Connected to the server: ", socket.id);
+	// Emit a custom event 'coucou' with some data
+	socket.emit("MsgObjectClient", { message: "Hello Nigel from coucou!" });
+	console.log('sent console.log coucou');
+	// Send a message to the server
+	socket.send("Hello from the client: " + `${socket.id}`);
+	console.log("MESSAGE REPLY RETURNED FROM SERVER =====>: ", socket.emit("Hello", {hello: "Hello Nigel from coucou!"}).id);
+});
+
+
+// Listen for messages from the server
+socket.on("MsgObjectServer", (data) => {
+  console.log("Message from server:", data);
+});
+
+socket.on("Hello", (data) => {
+  console.log("MESSAGE REPLY RETURNED FROM SERVER =====>:", data);
+});
+
+
+// Disconnected
+socket.on("disconnect", (reason) => {
+  console.log("Socket disconnected:", reason);
+});
+
+// Socket.IO connection errors
+socket.on("connect_error", (err) => {
+  console.error("Connection error:", err.message);
+});
+
+// Server-side errors
+socket.on("error", (err) => {
+  console.error("Socket error:", err);
+});