Add media and peer objects

[rbdr/junction] / extension / content_script.js

diff --git a/extension/content_script.js b/extension/content_script.js
index 4a6c7e65315e19b2aa761aec95deb0dd6bf82585..84a2fd3bce3ed6bd3cd1a306e860fa9f5eed43df 100644 (file)
--- a/extension/content_script.js
+++ b/extension/content_script.js
@@ -1,7 +1,14 @@
 (() => {
 
 (() => {
 

+  const io = require('socket.io-client');
+

   const internals = {
   const internals = {

+
+    kSocketUrl: 'https://junction.unlimited.pizza/',
+

     port: null,
     port: null,

+    socket: null,
+    peers: 0,

 
     onMessage(message) {
       internals[message.action](message.data);
 
     onMessage(message) {
       internals[message.action](message.data);


@@ -11,6 +18,47 @@
 
       try {
         const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
 
       try {
         const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });

+
+        internals.socket = io(internals.kSocketUrl, {
+          transports: ['websocket']
+        });
+
+        internals.socket.on('error', function(error) {
+
+          console.error('GENERAL ERROR', error);
+        });
+
+        internals.socket.on('connect_error', function(error) {
+
+          console.error('CONNNECT ERROR', error);
+        });
+
+        internals.socket.on('connect', function() {
+
+          console.log("Connected to signaling server, group: ", data.currentUrl);
+          internals.socket.emit('join', {
+            'url': data.currentUrl,
+          });
+        });
+
+        internals.socket.on('disconnect', function() {
+
+          console.log("disconnected from signaling server");
+        });
+
+        internals.socket.on('addPeer', function(data) {
+
+          console.log(data);
+          internals.peers++;
+          console.log(`There are now ${internals.peers} participants`);
+        });
+
+        internals.socket.on('removePeer', function() {
+
+          internals.peers--;
+          console.log(`There are now ${internals.peers} participants`);
+        });
+

         internals.createAudioElement(data.tada);
       }
       catch (err) {
         internals.createAudioElement(data.tada);
       }
       catch (err) {


@@ -25,6 +73,7 @@
 
     hangUp() {
       document.querySelectorAll('.junction-call-audio').forEach((audioElement) => audioElement.remove());
 
     hangUp() {
       document.querySelectorAll('.junction-call-audio').forEach((audioElement) => audioElement.remove());

+      internals.socket.close();

       internals.port.disconnect();
     },
 
       internals.port.disconnect();
     },