secure-webrtc-sdk/dist/useWebRTC.js

Secure P2P WebRTC SDK with built-in signaling server and React hook

function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
import { useEffect, useRef, useState } from 'react';
import io from 'socket.io-client';
import Peer from 'simple-peer';
var SERVER_URL = process.env.SIGNAL_SERVER || 'http://192.168.1.139:5000';
export default function useWebRTC(roomID) {
  var _useState = useState([]),
    _useState2 = _slicedToArray(_useState, 2),
    peers = _useState2[0],
    setPeers = _useState2[1];
  var socketRef = useRef();
  var localVideoRef = useRef();
  var peersRef = useRef([]);
  useEffect(function () {
    socketRef.current = io(SERVER_URL);
    navigator.mediaDevices.getUserMedia({
      video: true,
      audio: true
    }).then(function (stream) {
      if (localVideoRef.current) {
        localVideoRef.current.srcObject = stream;
      }
      socketRef.current.emit('join', roomID);
      socketRef.current.on('all-users', function (users) {
        var peerList = [];
        users.forEach(function (userID) {
          var peer = createPeer(userID, socketRef.current.id, stream);
          peersRef.current.push({
            peerID: userID,
            peer: peer
          });
          peerList.push(peer);
        });
        setPeers(peerList);
      });
      socketRef.current.on('user-joined', function (payload) {
        var peer = addPeer(payload.signal, payload.callerID, stream);
        peersRef.current.push({
          peerID: payload.callerID,
          peer: peer
        });
        setPeers(function (users) {
          return [].concat(_toConsumableArray(users), [peer]);
        });
      });
      socketRef.current.on('receiving-returned-signal', function (payload) {
        var item = peersRef.current.find(function (p) {
          return p.peerID === payload.id;
        });
        if (item) {
          item.peer.signal(payload.signal);
        }
      });
    });
  }, []);
  function createPeer(userToSignal, callerID, stream) {
    var peer = new Peer({
      initiator: true,
      trickle: false,
      stream: stream
    });
    peer.on('signal', function (signal) {
      socketRef.current.emit('sending-signal', {
        userToSignal: userToSignal,
        callerID: callerID,
        signal: signal
      });
    });
    return peer;
  }
  function addPeer(incomingSignal, callerID, stream) {
    var peer = new Peer({
      initiator: false,
      trickle: false,
      stream: stream
    });
    peer.on('signal', function (signal) {
      socketRef.current.emit('returning-signal', {
        signal: signal,
        callerID: callerID
      });
    });
    peer.signal(incomingSignal);
    return peer;
  }
  return {
    localVideoRef: localVideoRef,
    peers: peers
  };
}