added quote model. working on some websocket stuff.

2 files changed, 47 insertions, 18 deletions

diff --git a/public/js/lib.js b/public/js/lib.js
index 770efe5..e323a32 100644
--- a/public/js/lib.js
+++ b/public/js/lib.js
@@ -12,4 +12,39 @@ class AppSocket extends WebSocket {
   }
 }
 
+export class Client extends AppSocket {
+  serverURL: string; 
+
+  constructor(serverURL: string) {
+    super(serverURL);
+    this.serverURL = serverURL;
+    this.on('open', this.onopen.bind(this));
+  }
+
+  onopen = (event: WebSocket.event)=>{
+    console.log('Connected to server');
+    // Send a test message to the server. todo this will be able to be inputted from user
+    
+    const myState = {
+      type: 'clientState',
+      payload: {
+        id: '123',
+        name: 'test client',
+        timestamp: Date.now(),
+      }
+    };
+    this.send({data: 'yo'});
+    console.log('Sent message:');
+  }
+  onclose = ()=>{
+    console.log('disconnected');
+  }
+  onerror = (error: any)=>{
+    console.error('error', error)
+  }
+  handleMessage(event: any){
+    console.log('message');
+  }
+}
+
 export { AppSocket };
\ No newline at end of file
diff --git a/public/js/main.js b/public/js/main.js
index fcaa512..fecb320 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -225,35 +225,29 @@ function connectWebSocket(){
             secure: true,
             rejectUnauthorized: false
         });*/
-        socket.on('connect_error', (err) => {
+        socket.onerror = (err)=>{
             console.log('connection error');
             console.log(err);
             //TODO $('').textContent = err;
-        });
-        socket.on('connect_failed', (err) => {
-            console.log('conn failed');
-            console.log(err);
-            //TODO $('').textContent = err;
-        });
-        socket.on('disconnect', (err) => {
+        }
+        socket.onclose = (err) => {
             console.log('disconnected');
             console.log(err);
             //TODO $('').textContent = err;
-        });
-        socket.on('connect', (err) => {
+        }
+        socket.onopen = (err) => {
             log('connected');
             if (err) console.log(err);
             //TODO $('').textContent = 'Connected';
             socket.pingTimeout = 1000;
             socket.pingInterval = 500;
-        });
-        socket.on('open', (event) => {
-            log('connected');
-            log(event);
-            //TODO $('').textContent = 'Connected';
-            socket.pingTimeout = 1000;
-            socket.pingInterval = 500;
-        });
+        }
+
+        socket.onmessage = (msg) => {
+            //console.log(msg);
+            
+        }
+        
         
         socket.on('syncCanvas', (data) => {
             //TODO appShapes = data.shapes;