From f1fd6f55f8954dff7537567866f4a646cf7e3d67 Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Fri, 19 Jul 2024 18:02:23 +0200
Subject: [PATCH] add connection status log, move to arrow functions

---
 dist/index.js                | 26 ++++++++++++++------------
 src/Model/connectionModel.ts | 23 +++++++++++++----------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/dist/index.js b/dist/index.js
index cc587cee..28256457 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -257,30 +257,32 @@
     get isConnected() {
       return this.udn.ws != void 0 && this.udn.ws.readyState == 1;
     }
-    get url() {
+    get address() {
       return this.udn.ws?.url;
     }
     // connection
-    connect(address2) {
+    connect = (address2) => {
       this.udn.connect(address2);
-    }
-    disconnect() {
+    };
+    disconnect = () => {
       this.udn.disconnect();
-    }
-    handleDisconnect() {
-    }
+    };
+    handleConnectionChange = () => {
+      console.log("connection status:", this.isConnected, this.address);
+    };
     // messaging
-    sendChatMessage(chatMessage) {
+    sendChatMessage = (chatMessage) => {
       const stringifiedBody = stringify(chatMessage);
       return this.udn.sendMessage(chatMessage.channel, stringifiedBody);
-    }
-    handleMessage(data) {
-    }
+    };
+    handleMessage = (data) => {
+    };
     // setup
     constructor() {
       this.udn = new UDNFrontend();
       this.udn.onmessage = this.handleMessage;
-      this.udn.ondisconnect = this.handleDisconnect;
+      this.udn.onconnect = this.handleConnectionChange;
+      this.udn.ondisconnect = this.handleConnectionChange;
     }
   };
 
diff --git a/src/Model/connectionModel.ts b/src/Model/connectionModel.ts
index 10be32c3..4e63671c 100644
--- a/src/Model/connectionModel.ts
+++ b/src/Model/connectionModel.ts
@@ -14,33 +14,36 @@ export default class ConnectionModel {
     return this.udn.ws != undefined && this.udn.ws.readyState == 1;
   }
 
-  get url(): string | undefined {
+  get address(): string | undefined {
     return this.udn.ws?.url;
   }
 
   // connection
-  connect(address: string): void {
+  connect = (address: string): void => {
     this.udn.connect(address);
-  }
+  };
 
-  disconnect(): void {
+  disconnect = (): void => {
     this.udn.disconnect();
-  }
+  };
 
-  handleDisconnect() {}
+  handleConnectionChange = () => {
+    console.log("connection status:", this.isConnected, this.address);
+  };
 
   // messaging
-  sendChatMessage(chatMessage: ChatMessage): boolean {
+  sendChatMessage = (chatMessage: ChatMessage): boolean => {
     const stringifiedBody = stringify(chatMessage);
     return this.udn.sendMessage(chatMessage.channel, stringifiedBody);
-  }
+  };
 
-  handleMessage(data: Message) {}
+  handleMessage = (data: Message) => {};
 
   // setup
   constructor() {
     this.udn = new UDNFrontend();
     this.udn.onmessage = this.handleMessage;
-    this.udn.ondisconnect = this.handleDisconnect;
+    this.udn.onconnect = this.handleConnectionChange;
+    this.udn.ondisconnect = this.handleConnectionChange;
   }
 }