X-Git-Url: https://git.r.bdr.sh/rbdr/junction/blobdiff_plain/98342562bd88eccdb4eaeecacf866996b64ce974..06b7617a863d00dbcc91d1e46f09942c6aad366e:/extension/junction.js?ds=inline diff --git a/extension/junction.js b/extension/junction.js index 7de7c28..3e8b4d9 100644 --- a/extension/junction.js +++ b/extension/junction.js @@ -1,17 +1,18 @@ 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() { @@ -22,43 +23,96 @@ const internals = { 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);