const internals = {
-
- isInCallState: false,
+ promisesSupported: !!window.browser,
+ port: null,
+ currentUrl: null,
icons: {
call: {
- 16: 'icons/action-16.png',
- 32: 'icons/action-32.png'
+ 16: "icons/action-16.png",
+ 32: "icons/action-32.png",
},
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() {
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() {
- return internals.isInCallState; // this should be replaced with actually checking the built stuff
+ return !!internals.port;
},
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);