react-peer-chat 0.11.2 → 0.11.4

package/dist/chunks/{chunk-B2RQAOIC.js → chunk-HNBONO2J.js}

@@ -1,4 +1,4 @@
-import { useChat } from './chunk-CIIM7EHX.js';
+import { useChat } from './chunk-UFHA4GH3.js';
 import { BiSolidMessageX, BiSolidMessageDetail, GrSend, BsFillMicFill, BsFillMicMuteFill } from './chunk-QIPTWGEX.js';
 import { __objRest, __spreadValues } from './chunk-FZ4QVG4I.js';
 import React, { useRef, useState, useEffect } from 'react';

package/dist/chunks/{chunk-CIIM7EHX.js → chunk-UFHA4GH3.js}

@@ -31,6 +31,8 @@ var defaults = {
   peerOptions: {},
   remotePeerId: []
 };
+var iosRegex = /iPhone|iPad|iPod/i;
+var mobileRegex = /Android|webOS|BlackBerry|IEMobile|Opera Mini/i;
 
 // src/lib/connection.ts
 function closeConnection(conn) {
@@ -40,6 +42,12 @@ function closeConnection(conn) {
 
 // src/lib/utils.ts
 var addPrefix = (str) => `rpc-${str}`;
+function isMobile(iOS = true) {
+  var _a;
+  let result = (_a = navigator.userAgentData) == null ? void 0 : _a.mobile;
+  result != null ? result : result = mobileRegex.test(navigator.userAgent) || iOS && iosRegex.test(navigator.userAgent);
+  return result;
+}
 
 // src/lib/react.ts
 function isSetStateFunction(v) {
@@ -62,8 +70,10 @@ function useChat({
   onMessageSent,
   onMessageReceived
 }) {
-  const [peer, setPeer] = useState();
+  const [peerEpoch, setPeerEpoch] = useState(0);
+  const [peerGeneration, setPeerGeneration] = useState(0);
   const [audio, setAudio] = useAudio(allowed);
+  const peerRef = useRef(null);
   const connRef = useRef({});
   const callsRef = useRef({});
   const localStreamRef = useRef(null);
@@ -95,8 +105,9 @@ function useChat({
   }
   function handleConnection(conn) {
     const peerId2 = conn.peer;
-    if (connRef.current[peerId2]) return conn.close();
     conn.on("open", () => {
+      var _a;
+      (_a = connRef.current[peerId2]) == null ? void 0 : _a.close();
       connRef.current[peerId2] = conn;
       conn.on("data", ({ type, message, messages: messages2, remotePeerName }) => {
         switch (type) {
@@ -113,17 +124,18 @@ function useChat({
     });
     conn.on("close", () => {
       conn.removeAllListeners();
-      delete connRef.current[peerId2];
+      if (connRef.current[peerId2] === conn) delete connRef.current[peerId2];
     });
   }
   function handleCall(call) {
     const peerId2 = call.peer;
-    if (callsRef.current[peerId2]) return call.close();
     if (!call.localStream) {
       if (!localStreamRef.current) return call.close();
       call.answer(localStreamRef.current);
     }
     call.on("stream", () => {
+      var _a;
+      (_a = callsRef.current[peerId2]) == null ? void 0 : _a.close();
       callsRef.current[peerId2] = call;
       if (!audioContextRef.current) audioContextRef.current = new AudioContext();
       if (audioContextRef.current.state === "suspended") audioContextRef.current.resume();
@@ -142,8 +154,10 @@ function useChat({
     });
     call.on("close", () => {
       call.removeAllListeners();
-      removePeerAudio(peerId2);
-      delete callsRef.current[peerId2];
+      if (callsRef.current[peerId2] === call) {
+        removePeerAudio(peerId2);
+        delete callsRef.current[peerId2];
+      }
     });
   }
   function receiveMessage(message) {
@@ -172,36 +186,42 @@ function useChat({
           supports: { audioVideo, data }
         }
       }) => {
+        if (destroyed) return;
         if (!data || !audioVideo) return onError(new Error("Browser not supported! Try some other browser."));
-        const peer2 = new Peer(completePeerId, __spreadValues({ config: defaultConfig }, peerOptions));
-        peer2.on("connection", handleConnection);
-        peer2.on("call", handleCall);
-        peer2.on("disconnected", () => {
+        peerRef.current = new Peer(completePeerId, __spreadValues({ config: defaultConfig }, peerOptions));
+        setPeerEpoch((prev) => prev + 1);
+        const peer = peerRef.current;
+        peer.on("connection", handleConnection);
+        peer.on("call", handleCall);
+        peer.on("disconnected", () => {
           resetConnections();
-          peer2.reconnect();
+          if (isMobile()) setPeerGeneration((prev) => prev + 1);
+          else peer.reconnect();
         });
-        peer2.on("error", (error) => {
+        peer.on("error", (error) => {
           if (error.type === "network" || error.type === "server-error") {
             resetConnections();
-            setTimeout(() => peer2.reconnect(), 1e3);
+            setTimeout(() => {
+              if (isMobile()) setPeerGeneration((prev) => prev + 1);
+              else peer.reconnect();
+            }, 1e3);
             onNetworkError == null ? void 0 : onNetworkError(error);
           }
           onPeerError(error);
         });
-        if (destroyed) peer2.destroy();
-        else setPeer(peer2);
       }
     );
     return () => {
+      var _a;
       destroyed = true;
-      setPeer((prev) => {
-        prev == null ? void 0 : prev.destroy();
-        return void 0;
-      });
+      (_a = peerRef.current) == null ? void 0 : _a.destroy();
+      peerRef.current = null;
     };
-  }, [completePeerId]);
+  }, [completePeerId, peerGeneration]);
   useEffect(() => {
-    if (!text || !peer) return;
+    if (!text) return;
+    const peer = peerRef.current;
+    if (!peer) return;
     const connectData = () => completeRemotePeerIds.forEach((id) => handleConnection(peer.connect(id)));
     if (peer.open) connectData();
     peer.on("open", connectData);
@@ -209,9 +229,11 @@ function useChat({
       peer.off("open", connectData);
       resetConnections("data");
     };
-  }, [text, peer]);
+  }, [text, peerEpoch]);
   useEffect(() => {
-    if (!audio || !peer) return;
+    if (!audio) return;
+    const peer = peerRef.current;
+    if (!peer) return;
     const setupAudio = () => __async(null, null, function* () {
       try {
         localStreamRef.current = yield navigator.mediaDevices.getUserMedia({ video: false, audio: { autoGainControl: true, noiseSuppression: true, echoCancellation: true } });
@@ -233,7 +255,7 @@ function useChat({
       audioContextRef.current = null;
       mixerRef.current = null;
     };
-  }, [audio, peer]);
+  }, [audio, peerEpoch]);
   return { peerId: completePeerId, remotePeers, messages, sendMessage, audio, setAudio };
 }
 function useMessages() {

package/dist/components.js

@@ -1,5 +1,5 @@
-export { Chat as default } from './chunks/chunk-B2RQAOIC.js';
-import './chunks/chunk-CIIM7EHX.js';
+export { Chat as default } from './chunks/chunk-HNBONO2J.js';
+import './chunks/chunk-UFHA4GH3.js';
 import './chunks/chunk-QIPTWGEX.js';
 import './chunks/chunk-ZYFPSCFE.js';
 import './chunks/chunk-FZ4QVG4I.js';

package/dist/hooks.js

@@ -1,3 +1,3 @@
-export { useAudio, useChat, useMessages, useStorage } from './chunks/chunk-CIIM7EHX.js';
+export { useAudio, useChat, useMessages, useStorage } from './chunks/chunk-UFHA4GH3.js';
 import './chunks/chunk-ZYFPSCFE.js';
 import './chunks/chunk-FZ4QVG4I.js';

package/dist/index.js

@@ -1,5 +1,5 @@
-export { Chat as default } from './chunks/chunk-B2RQAOIC.js';
-export { useChat } from './chunks/chunk-CIIM7EHX.js';
+export { Chat as default } from './chunks/chunk-HNBONO2J.js';
+export { useChat } from './chunks/chunk-UFHA4GH3.js';
 import './chunks/chunk-QIPTWGEX.js';
 export { clearChat } from './chunks/chunk-ZYFPSCFE.js';
 import './chunks/chunk-FZ4QVG4I.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.11.2",
+  "version": "0.11.4",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "license": "MIT",
   "author": "Sahil Aggarwal <aggarwalsahil2004@gmail.com>",