X-Git-Url: https://git.r.bdr.sh/rbdr/junction/blobdiff_plain/4757c4616d5d7106cd023f06e5e5ba04d01bbb07..5d2c4ecb44233569a516dde301a02d44098ec15d:/extension/content_script.js?ds=inline diff --git a/extension/content_script.js b/extension/content_script.js index 4a6c7e6..0c7012b 100644 --- a/extension/content_script.js +++ b/extension/content_script.js @@ -1,47 +1,100 @@ -(() => { +import { io } from "socket.io-client"; +import { initializeTada } from "./tada"; +import { + addPeer, + addIceCandidate, + answerPeerOffer, + processPeerAnswer, + removePeer, + resetPeers, +} from "./peers"; +import { startMedia, stopMedia } from "./media"; - const internals = { - port: null, +const internals = { + kSocketUrl: "https://junction.tranquil.services", + kIceServers: [{ urls: "stun:stun.l.google.com:19302" }], - onMessage(message) { - internals[message.action](message.data); - }, + port: null, + socket: null, - async joinAudioCall(data) { + onMessage(message) { + internals[message.action](message.data); + }, - try { - const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true }); - internals.createAudioElement(data.tada); - } - catch (err) { + onError(error) { + // TODO: How do we want to handle errors? + console.error(error.stack || error); + }, - internals.port.postMessage({ - action: 'error' + connect() { + internals.port = chrome.runtime.connect({ name: "content" }); + internals.port.onMessage.addListener(internals.onMessage); + }, + + async joinAudioCall({ currentUrl, tada }) { + try { + const mediaStream = await startMedia(); + const playTada = initializeTada(tada); + + const socket = (internals.socket = io(internals.kSocketUrl, { + transports: ["websocket"], + })); + + socket.on("error", internals.handleError); + socket.on("connect_error", internals.handleError); + + socket.on("connect", () => { + console.debug("Connected to signaling server, group: ", currentUrl); + playTada(); + socket.emit("join", { + room: currentUrl, }); - internals.port.disconnect(); - internals.createAudioElement(data.tada); - } - }, + }); - hangUp() { - document.querySelectorAll('.junction-call-audio').forEach((audioElement) => audioElement.remove()); - internals.port.disconnect(); - }, + socket.on("disconnect", () => { + console.debug("disconnected from signaling server"); + }); - createAudioElement(source, type = 'audio/wav') { + socket.on("addPeer", ({ peerId, shouldCreateOffer }) => { + addPeer({ + peerId, + shouldCreateOffer, + mediaStream, + onOffer: (data) => socket.emit("relayOffer", data), + socket, + }); + playTada(); + }); + + socket.on("offerReceived", async ({ peerId, offer }) => { + socket.emit("relayAnswer", await answerPeerOffer({ peerId, offer })); + }); - 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); + socket.on("answerReceived", (data) => processPeerAnswer(data)); + socket.on("ICECandidateReceived", (data) => addIceCandidate(data)); + socket.on("removePeer", (data) => removePeer(data)); + } catch (err) { + internals.port.postMessage({ + action: "error", + }); + internals.port.disconnect(); } - }; + }, + + hangUp() { + resetPeers(); + stopMedia(); + internals.socket.close(); + internals.port.disconnect(); + }, +}; + +internals.connect(); +chrome.runtime.onConnect.addListener(() => { + internals.connect(); +}); - internals.port = chrome.runtime.connect({ name:"content" }); - internals.port.onMessage.addListener(internals.onMessage); -})(); +console.debug("Content Script Loaded"); // Indicates to the background script that we executed correctly true;