From a4e5ea2842ac6c9692941dacee0f8894ac9c31b4 Mon Sep 17 00:00:00 2001
From: "Juan Diego Caballero (JDC)" <juandiego.caballero@gmail.com>
Date: Tue, 18 Jul 2023 17:15:25 -0500
Subject: [PATCH] Initial

---
 app/components/webrtc.js | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/app/components/webrtc.js b/app/components/webrtc.js
index 9ca8b4f6..33860938 100644
--- a/app/components/webrtc.js
+++ b/app/components/webrtc.js
@@ -1,6 +1,8 @@
 import { useEffect, useState } from "react";
 import Peer from "simple-peer";
 
+const WebRTC_SERVER_URL = "http://127.0.0.1:1250/offer"
+
 const useWebRTC = (stream) => {
   const [data, setData] = useState(null);
 
@@ -11,7 +13,24 @@ const useWebRTC = (stream) => {
       // This is where you'd send the signal data to the server.
       // The server would then send it back to other peers who would then
       // use `peer.signal()` method to continue the connection negotiation.
-      console.log("signal", data);
+      if ('sdp' in data) {
+        fetch(WebRTC_SERVER_URL, {
+          body: JSON.stringify({
+            sdp: data.sdp,
+            type: data.type,
+          }),
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          method: 'POST'
+        }).then(function (response) {
+          return response.json();
+        }).then(function (answer) {
+          return peer.signal(answer);
+        }).catch(function (e) {
+          alert(e);
+        });
+      }
     });
 
     peer.on("connect", () => {
@@ -20,7 +39,8 @@ const useWebRTC = (stream) => {
 
     peer.on("data", (data) => {
       // Received data from the server.
-      const serverData = JSON.parse(data.toString());
+      console.log(data.toString())
+      const serverData = JSON.parse(data.toString().replace(/&quot;/ig,'"'));
       setData(serverData);
     });