X-Git-Url: https://git.r.bdr.sh/rbdr/junction/blobdiff_plain/27a1c981529492981f08bb1c0ece4cb5d615c19b..344f7c1320d512a423c9f2133959417823f5cc83:/extension/junction.js?ds=inline

diff --git a/extension/junction.js b/extension/junction.js
index 575a716..bb2d3e5 100644
--- a/extension/junction.js
+++ b/extension/junction.js
@@ -1,3 +1,5 @@
+const io = require('socket.io-client');
+
 const internals = {
 
   promisesSupported: !!(window.browser),
@@ -15,6 +17,10 @@ const internals = {
     }
   },
 
+  socket: null,
+
+  peers: 0,
+
   onClick() {
     if (internals.isInCall()) {
       return internals.hangUp();
@@ -27,14 +33,39 @@ const internals = {
 
     internals.isInCallState = true;
     internals.setIcon('hangUp');
-    console.log('setting tabs');
     const activeTabs = await internals.getActiveTabs();
 
+    const socketUrl = 'http://polypropylene.website:8000';
+    const currentUrl = activeTabs[0].url;
+
+    this.socket = io(socketUrl);
+
+    this.socket.on('connect', function() {
+      console.log("Connected to signaling server");
+    });
+
+    this.socket.on('disconnect', function() {
+      console.log("disconnected from signaling server");
+    });
+
+    this.socket.on('addPeer', function() {
+      this.peers++;
+      console.log(`There are now ${this.peers} participants`);
+    });
+
+    this.socket.on('removePeer', function() {
+      this.peers--;
+      console.log(`There are now ${this.peers} participants`);
+    });
+
     console.log(activeTabs[0].url); // placeholder while we connect backend.
     internals.createAudioElement(internals.getRoot().runtime.getURL('sounds/tada.wav'));
   },
 
   hangUp() {
+    this.socket.close();
+
+
 
     document.querySelectorAll('audio').forEach((audioElement) => audioElement.remove());
     internals.setIcon('call');