[feature] created Logger

src/handlers/teamspeak/connectionHandler.ts

@@ -1,6 +1,7 @@
 import { IAuthSenderPayload, IChannel, IClient, IConnection, ITS5ConnectionHandler, ITS5DataHandler, ITS5MessageHandler } from "@interfaces/teamspeak";
 import { TS5DataHandler } from "./dataHandler";
 import { TS5MessageHandler } from "./messageHandler";
+import Logger from "@/utils/logger";
 
 
 // Establish connection to TS5 client
@@ -22,6 +23,8 @@ export class TS5ConnectionHandler implements ITS5ConnectionHandler {
     setClients: React.Dispatch<React.SetStateAction<IClient[]>>,
     setActiveConnectionStateId: React.Dispatch<React.SetStateAction<number>>,
   ) {
+
+
     // Create websocket connection to TS5 client
     this.remoteAppPort = remoteAppPort;
     this.ws = new WebSocket(`ws://localhost:${this.remoteAppPort}`);

src/utils/logger.tsx

@@ -0,0 +1,31 @@
+export default class Logger {
+  // Log message to the console
+  public static log(message: string): void {
+    console.log(`%c${message}`, "color: gray");
+  }
+
+  // Log warning to the console
+  public static warn(message: string): void {
+    console.warn(`%c${message}`);
+  }
+
+  // Log error to the console
+  public static error(message: string): void {
+    console.error(`%c${message}`);
+  }
+
+  // Log message received from the websocket to the console
+  public static wsRecieved(wsData: object): void {
+    console.log(`%c[WS Recieved]`, "color: #683dad", wsData);
+  }
+
+  // Log message sent to the websocket to the console
+  public static wsSent(wsData: object): void {
+    console.log(`%c[WS Sent]`, "color: #4eb570", wsData);
+  }
+
+  // Log message to the console with a timestamp
+  public static ts(message: string): void {
+    console.log(`%c[TS] ${message}`, "color: #2e6bc7");
+  }
+}