1 files changed, 123 insertions, 0 deletions
diff --git a/extension/junction.js b/extension/junction.js
new file mode 100644
index 0000000..bb2d3e5
--- /dev/null
+++ b/extension/junction.js
@@ -0,0 +1,123 @@
+const io = require('socket.io-client');
+
+const internals = {
+
+  promisesSupported: !!(window.browser),
+  isInCallState: false,
+
+  icons: {
+    call: {
+      16: 'icons/action-16.png',
+      32: 'icons/action-32.png'
+    },
+
+    hangUp: {
+      16: 'icons/hang_up-16.png',
+      32: 'icons/hang_up-32.png'
+    }
+  },
+
+  socket: null,
+
+  peers: 0,
+
+  onClick() {
+    if (internals.isInCall()) {
+      return internals.hangUp();
+    }
+
+    return internals.joinAudioCall();
+  },
+
+  async joinAudioCall() {
+
+    internals.isInCallState = true;
+    internals.setIcon('hangUp');
+    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');
+    internals.isInCallState = false;
+  },
+
+  createAudioElement(source, type = 'audio/wav') {
+
+    const audioElement = document.createElement('audio');
+    audioElement.src = source;
+    audioElement.autoplay = 'autoplay';
+    audioElement.type = type;
+    document.querySelector('body').appendChild(audioElement);
+  },
+
+  isInCall() {
+    return internals.isInCallState; // this should be replaced with actually checking the built stuff
+  },
+
+  setIcon(iconSet) {
+
+    internals.getRoot().browserAction.setIcon({
+      path: internals.icons[iconSet]
+    });
+  },
+
+  getRoot() {
+
+    return window.browser || window.chrome;
+  },
+
+  // Chrome doesn't yet implement the promise based tabs.query :'(
+
+  getActiveTabs() {
+
+    const query = {
+      currentWindow: true,
+      active: true
+    };
+
+    if (internals.promisesSupported) {
+      return internals.getRoot().tabs.query(query);
+    }
+
+    return new Promise((resolve, reject) => {
+
+      internals.getRoot().tabs.query(query, (tabs) => {
+
+        return resolve(tabs);
+      });
+    });
+  },
+};
+
+internals.getRoot().browserAction.onClicked.addListener(internals.onClick);