Format extension

[rbdr/junction] / extension / junction.js

diff --git a/extension/junction.js b/extension/junction.js
index 7de7c28012e5f8781f5fca622402745c48a7f17a..3e8b4d9e4996b50c738d476df389573ad0e4d09d 100644 (file)
--- a/extension/junction.js
+++ b/extension/junction.js
@@ -1,17 +1,18 @@
 const internals = {
 const internals = {

-
-  isInCallState: false,
+  promisesSupported: !!window.browser,
+  port: null,
+  currentUrl: null,

 
   icons: {
     call: {
 
   icons: {
     call: {

-      16: 'icons/action-16.png',
-      32: 'icons/action-32.png'
+      16: "icons/action-16.png",
+      32: "icons/action-32.png",

     },
 
     hangUp: {
     },
 
     hangUp: {

-      16: 'icons/hang_up-16.png',
-      32: 'icons/hang_up-32.png'
-    }
+      16: "icons/hang_up-16.png",
+      32: "icons/hang_up-32.png",
+    },

   },
 
   onClick() {
   },
 
   onClick() {


@@ -22,43 +23,96 @@ const internals = {
     return internals.joinAudioCall();
   },
 
     return internals.joinAudioCall();
   },
 

-  async joinAudioCall() {
-
-    internals.isInCallState = true;
-    internals.setIcon('hangUp');
-    const tabs = await browser.tabs.query({
-      currentWindow: true,
-      active: true
+  onConnect(port) {
+    internals.port = port;
+    port.onDisconnect.addListener(internals.onDisconnect);
+    port.onMessage.addListener(internals.onMessage);
+    port.postMessage({
+      action: "joinAudioCall",
+      data: {
+        currentUrl: internals.currentUrl,
+        tada: internals.getRoot().runtime.getURL("sounds/tada.wav"),
+      },

     });
     });

-
-    internals.createAudioElement(browser.runtime.getURL('sounds/tada.wav'));
+    internals.getRoot().browserAction.enable();
+    internals.setIcon("hangUp");

   },
 
   },
 

-  hangUp() {
-
-    document.querySelectorAll('audio').forEach((audioElement) => audioElement.remove());
-    internals.setIcon('call');
-    internals.isInCallState = false;
+  onMessage(message) {
+    if (message.action === "error") {
+      internals.getRoot().browserAction.setBadgeText({ text: "x" }, () => {});
+    }

   },
 
   },
 

-  createAudioElement(source) {
+  onDisconnect() {
+    internals.getRoot().browserAction.setBadgeText({ text: "" }, () => {});
+    internals.setIcon("call");
+    internals.currentUrl = null;
+    internals.port = null;
+    internals.getRoot().browserAction.enable();
+  },

 
 

-    const audioElement = document.createElement('audio');
-    audioElement.src = source;
-    audioElement.autoplay = 'autoplay';
-    document.querySelector('body').appendChild(audioElement);
+  async joinAudioCall() {
+    internals.getRoot().browserAction.disable();
+    const activeTabs = await internals.getActiveTabs();
+
+    internals.currentUrl = activeTabs[0].url;
+    const execution = await internals.getRoot().tabs.executeScript(
+      activeTabs[0].id,
+      {
+        file: "/build/content_script.js",
+      },
+      () => {
+        if (internals.getRoot().runtime.lastError) {
+          internals.onDisconnect();
+        }
+      },
+    );
+
+    if (execution && !execution[0]) {
+      internals.onDisconnect();
+    }
+  },
+  hangUp() {
+    internals.getRoot().browserAction.disable();
+    internals.port.postMessage({
+      action: "hangUp",
+    });

   },
 
   isInCall() {
   },
 
   isInCall() {

-    return internals.isInCallState; // this should be replaced with actually checking the built stuff
+    return !!internals.port;

   },
 
   setIcon(iconSet) {
   },
 
   setIcon(iconSet) {

+    internals.getRoot().browserAction.setIcon({
+      path: internals.icons[iconSet],
+    });
+  },
+
+  getRoot() {
+    return window.browser || window.chrome;
+  },

 
 

-    browser.browserAction.setIcon({
-      path: internals.icons[iconSet]
+  // 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) => {
+      internals.getRoot().tabs.query(query, (tabs) => {
+        return resolve(tabs);
+      });

     });
     });

-  }
+  },

 };
 
 };
 

-browser.browserAction.onClicked.addListener(internals.onClick);
+internals.getRoot().browserAction.onClicked.addListener(internals.onClick);
+internals.getRoot().runtime.onConnect.addListener(internals.onConnect);