Browse page, UI redesign, Websockets, Navigation, and more!

src/assets/classes/SocketHandler.js

@@ -0,0 +1,28 @@
+export default class socketHandler {
+  constructor(socket) {
+    this.socket = socket;
+
+    this.socket.addEventListener("message", (event) => {
+      try {
+        console.log("Message from server", event.data);
+        let messages = document.getElementById("messages");
+        let message = document.createElement("li");
+        message.textContent = "Received: " + event.data;
+        messages.appendChild(message);
+      } catch (error) {
+        console.log("Error", error);
+      }
+    });
+  }
+
+  sendMessage(message) {
+    this.socket.send(message);
+    console.log("Message sent", message);
+  }
+
+  ping() {
+    let message = `{ "call": "send", "type": "log", "data": "This is a ping!!" }`;
+    this.socket.send(message);
+    console.log("Message sent", message);
+  }
+}