X-Git-Url: https://git.r.bdr.sh/rbdr/junction/blobdiff_plain/4757c4616d5d7106cd023f06e5e5ba04d01bbb07..e832466bb0afef51770303714f60577ac6bf1a0f:/extension/content_script.js?ds=sidebyside

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;