]>
Commit | Line | Data |
---|---|---|
1 | const internals = { | |
2 | ||
3 | promisesSupported: !!(window.browser), | |
4 | isInCallState: false, | |
5 | ||
6 | icons: { | |
7 | call: { | |
8 | 16: 'icons/action-16.png', | |
9 | 32: 'icons/action-32.png' | |
10 | }, | |
11 | ||
12 | hangUp: { | |
13 | 16: 'icons/hang_up-16.png', | |
14 | 32: 'icons/hang_up-32.png' | |
15 | } | |
16 | }, | |
17 | ||
18 | onClick() { | |
19 | if (internals.isInCall()) { | |
20 | return internals.hangUp(); | |
21 | } | |
22 | ||
23 | return internals.joinAudioCall(); | |
24 | }, | |
25 | ||
26 | async joinAudioCall() { | |
27 | ||
28 | internals.isInCallState = true; | |
29 | internals.setIcon('hangUp'); | |
30 | console.log('setting tabs'); | |
31 | const activeTabs = await internals.getActiveTabs(); | |
32 | ||
33 | console.log(activeTabs[0].url); // placeholder while we connect backend. | |
34 | internals.createAudioElement(internals.getRoot().runtime.getURL('sounds/tada.wav')); | |
35 | }, | |
36 | ||
37 | hangUp() { | |
38 | ||
39 | document.querySelectorAll('audio').forEach((audioElement) => audioElement.remove()); | |
40 | internals.setIcon('call'); | |
41 | internals.isInCallState = false; | |
42 | }, | |
43 | ||
44 | createAudioElement(source, type = 'audio/wav') { | |
45 | ||
46 | const audioElement = document.createElement('audio'); | |
47 | audioElement.src = source; | |
48 | audioElement.autoplay = 'autoplay'; | |
49 | audioElement.type = type; | |
50 | document.querySelector('body').appendChild(audioElement); | |
51 | }, | |
52 | ||
53 | isInCall() { | |
54 | return internals.isInCallState; // this should be replaced with actually checking the built stuff | |
55 | }, | |
56 | ||
57 | setIcon(iconSet) { | |
58 | ||
59 | internals.getRoot().browserAction.setIcon({ | |
60 | path: internals.icons[iconSet] | |
61 | }); | |
62 | }, | |
63 | ||
64 | getRoot() { | |
65 | ||
66 | return window.browser || window.chrome; | |
67 | }, | |
68 | ||
69 | // Chrome doesn't yet implement the promise based tabs.query :'( | |
70 | ||
71 | getActiveTabs() { | |
72 | ||
73 | const query = { | |
74 | currentWindow: true, | |
75 | active: true | |
76 | }; | |
77 | ||
78 | if (internals.promisesSupported) { | |
79 | return internals.getRoot().tabs.query(query); | |
80 | } | |
81 | ||
82 | return new Promise((resolve, reject) => { | |
83 | ||
84 | internals.getRoot().tabs.query(query, (tabs) => { | |
85 | ||
86 | return resolve(tabs); | |
87 | }); | |
88 | }); | |
89 | }, | |
90 | }; | |
91 | ||
92 | internals.getRoot().browserAction.onClicked.addListener(internals.onClick); |