diff options
| author | rknol <rknol@MacBook-Pro-2.fritz.box> | 2020-09-27 18:52:40 +0200 |
|---|---|---|
| committer | rknol <rknol@MacBook-Pro-2.fritz.box> | 2020-09-27 18:52:40 +0200 |
| commit | e3dca99b9461e2b0fc8f918e6ec2b5212060a8ac (patch) | |
| tree | a9644889942942f899a69016f3c2e0046350ef3d /extension/src/junction.js | |
| parent | ad7fccbee23e7ab0348bee23a12401fbc650acd2 (diff) | |
Build system
Diffstat (limited to 'extension/src/junction.js')
| -rw-r--r-- | extension/src/junction.js | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/extension/src/junction.js b/extension/src/junction.js new file mode 100644 index 0000000..e78a02b --- /dev/null +++ b/extension/src/junction.js @@ -0,0 +1,91 @@ +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' + } + }, + + onClick() { + if (internals.isInCall()) { + return internals.hangUp(); + } + + return internals.joinAudioCall(); + }, + + async joinAudioCall() { + + internals.isInCallState = true; + internals.setIcon('hangUp'); + const activeTabs = await internals.getActiveTabs(); + + console.log(activeTabs[0].url); // placeholder while we connect backend. + internals.createAudioElement(internals.getRoot().runtime.getURL('sounds/tada.wav')); + }, + + hangUp() { + + 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); |