X-Git-Url: https://git.r.bdr.sh/rbdr/junction/blobdiff_plain/02071d8e6e45dd253298d2e450ecfffacccaec19..90de3cbb942653f472bc663fc11749117b1f8873:/extension/content_script.js diff --git a/extension/content_script.js b/extension/content_script.js index 84a2fd3..279c52d 100644 --- a/extension/content_script.js +++ b/extension/content_script.js @@ -1,96 +1,88 @@ -(() => { +import { io } from 'socket.io-client'; +import Peers from './peers'; +import Media from './media'; - const io = require('socket.io-client'); +const internals = { - const internals = { + kSocketUrl: 'ws://localhost:8000', - kSocketUrl: 'https://junction.unlimited.pizza/', + port: null, + socket: null, + peers: 0, - port: null, - socket: null, - peers: 0, + onMessage(message) { + internals[message.action](message.data); + }, - onMessage(message) { - internals[message.action](message.data); - }, + async joinAudioCall(data) { - async joinAudioCall(data) { + internals.tada = data.tada; // Keeping for fun - try { - const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true }); + try { + await Media.start(); - internals.socket = io(internals.kSocketUrl, { - transports: ['websocket'] - }); + internals.socket = io(internals.kSocketUrl, { + transports: ['websocket'] + }); - internals.socket.on('error', function(error) { + internals.socket.on('error', function(error) { - console.error('GENERAL ERROR', error); - }); + console.error('GENERAL ERROR', error); + }); - internals.socket.on('connect_error', function(error) { + internals.socket.on('connect_error', function(error) { - console.error('CONNNECT ERROR', error); - }); + console.error('CONNNECT ERROR', error); + }); - internals.socket.on('connect', function() { + internals.socket.on('connect', function() { - console.log("Connected to signaling server, group: ", data.currentUrl); - internals.socket.emit('join', { - 'url': data.currentUrl, - }); + console.log("Connected to signaling server, group: ", data.currentUrl); + internals.socket.emit('join', { + 'url': data.currentUrl, }); + }); - internals.socket.on('disconnect', function() { + internals.socket.on('disconnect', function() { - console.log("disconnected from signaling server"); - }); - - internals.socket.on('addPeer', function(data) { + console.log("disconnected from signaling server"); + }); - console.log(data); - internals.peers++; - console.log(`There are now ${internals.peers} participants`); - }); + internals.socket.on('addPeer', function(data) { - internals.socket.on('removePeer', function() { + console.log(data); + Peers.add('id-'+Peers.count(), internals.tada); + console.log(`There are now ${Peers.count()} participants`); + }); - internals.peers--; - console.log(`There are now ${internals.peers} participants`); - }); + internals.socket.on('removePeer', function() { - internals.createAudioElement(data.tada); - } - catch (err) { + Peers.remove('id-'+(Peers.count() - 1)); // This is only for testing, don't use count to remove ids. + console.log(`There are now ${Peers.count()} participants`); + }); + } + catch (err) { - internals.port.postMessage({ - action: 'error' - }); - internals.port.disconnect(); - internals.createAudioElement(data.tada); - } - }, - - hangUp() { - document.querySelectorAll('.junction-call-audio').forEach((audioElement) => audioElement.remove()); - internals.socket.close(); + internals.port.postMessage({ + action: 'error' + }); internals.port.disconnect(); - }, + } + }, - createAudioElement(source, type = 'audio/wav') { + hangUp() { - const audioElement = document.createElement('audio'); - audioElement.setAttribute('class', 'junction-call-audio'); - audioElement.src = source; - audioElement.autoplay = 'autoplay'; - audioElement.type = type; - document.querySelector('body').appendChild(audioElement); - } - }; + Peers.reset(); + Media.stop(); + internals.socket.close(); + internals.port.disconnect(); + } +}; + +internals.port = chrome.runtime.connect({ name:"content" }); +internals.port.onMessage.addListener(internals.onMessage); - internals.port = chrome.runtime.connect({ name:"content" }); - internals.port.onMessage.addListener(internals.onMessage); -})(); +console.log('Content Script Loaded'); // Indicates to the background script that we executed correctly true;