react-peer-chat 0.11.4 → 0.11.6

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

@@ -1,4 +1,4 @@
-import { useChat } from './chunk-UFHA4GH3.js';
+import { useChat } from './chunk-XJSK56RM.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-UFHA4GH3.js → chunk-XJSK56RM.js}

@@ -31,8 +31,7 @@ var defaults = {
   peerOptions: {},
   remotePeerId: []
 };
-var iosRegex = /iPhone|iPad|iPod/i;
-var mobileRegex = /Android|webOS|BlackBerry|IEMobile|Opera Mini/i;
+var maxReconnectionAttempts = 2;
 
 // src/lib/connection.ts
 function closeConnection(conn) {
@@ -42,12 +41,6 @@ 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) {
@@ -74,6 +67,7 @@ function useChat({
   const [peerGeneration, setPeerGeneration] = useState(0);
   const [audio, setAudio] = useAudio(allowed);
   const peerRef = useRef(null);
+  const scheduleReconnectRef = useRef(null);
   const connRef = useRef({});
   const callsRef = useRef({});
   const localStreamRef = useRef(null);
@@ -176,9 +170,36 @@ function useChat({
     Object.values(connRef.current).forEach((conn) => conn.send(event));
     onMessageSent == null ? void 0 : onMessageSent(event.message);
   }
+  useEffect(() => {
+    const onOnline = () => {
+      var _a, _b;
+      return ((_a = peerRef.current) == null ? void 0 : _a.disconnected) && ((_b = scheduleReconnectRef.current) == null ? void 0 : _b.call(scheduleReconnectRef));
+    };
+    window.addEventListener("online", onOnline);
+    return () => window.removeEventListener("online", onOnline);
+  }, []);
   useEffect(() => {
     if (!text && !audio) return;
     let destroyed = false;
+    let reconnecting = false;
+    let reconnectAttempts = 0;
+    let reconnectTimer;
+    scheduleReconnectRef.current = () => {
+      if (destroyed || reconnecting) return;
+      reconnecting = true;
+      reconnectTimer = setTimeout(() => {
+        const peer = peerRef.current;
+        if (peer) {
+          reconnectAttempts++;
+          if (reconnectAttempts >= maxReconnectionAttempts) {
+            setPeerGeneration((prev) => prev + 1);
+            reconnectAttempts = 0;
+          } else peer.reconnect();
+        }
+        reconnecting = false;
+      }, 1e3);
+    };
+    const scheduleReconnect = scheduleReconnectRef.current;
     import('peerjs').then(
       ({
         Peer,
@@ -191,20 +212,17 @@ function useChat({
         peerRef.current = new Peer(completePeerId, __spreadValues({ config: defaultConfig }, peerOptions));
         setPeerEpoch((prev) => prev + 1);
         const peer = peerRef.current;
+        peer.on("open", () => reconnectAttempts = 0);
         peer.on("connection", handleConnection);
         peer.on("call", handleCall);
         peer.on("disconnected", () => {
           resetConnections();
-          if (isMobile()) setPeerGeneration((prev) => prev + 1);
-          else peer.reconnect();
+          scheduleReconnect();
         });
         peer.on("error", (error) => {
           if (error.type === "network" || error.type === "server-error") {
             resetConnections();
-            setTimeout(() => {
-              if (isMobile()) setPeerGeneration((prev) => prev + 1);
-              else peer.reconnect();
-            }, 1e3);
+            scheduleReconnect();
             onNetworkError == null ? void 0 : onNetworkError(error);
           }
           onPeerError(error);
@@ -212,9 +230,13 @@ function useChat({
       }
     );
     return () => {
-      var _a;
+      var _a, _b;
       destroyed = true;
-      (_a = peerRef.current) == null ? void 0 : _a.destroy();
+      reconnecting = false;
+      reconnectAttempts = 0;
+      clearTimeout(reconnectTimer);
+      (_a = peerRef.current) == null ? void 0 : _a.removeAllListeners();
+      (_b = peerRef.current) == null ? void 0 : _b.destroy();
       peerRef.current = null;
     };
   }, [completePeerId, peerGeneration]);
@@ -236,7 +258,8 @@ function useChat({
     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 } });
+        if (!localStreamRef.current)
+          localStreamRef.current = yield navigator.mediaDevices.getUserMedia({ video: false, audio: { autoGainControl: true, noiseSuppression: true, echoCancellation: true } });
         completeRemotePeerIds.forEach((id) => localStreamRef.current && handleCall(peer.call(id, localStreamRef.current)));
       } catch (e) {
         setAudio(false);

package/dist/components.js

@@ -1,5 +1,5 @@
-export { Chat as default } from './chunks/chunk-HNBONO2J.js';
-import './chunks/chunk-UFHA4GH3.js';
+export { Chat as default } from './chunks/chunk-7M2EWH66.js';
+import './chunks/chunk-XJSK56RM.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-UFHA4GH3.js';
+export { useAudio, useChat, useMessages, useStorage } from './chunks/chunk-XJSK56RM.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-HNBONO2J.js';
-export { useChat } from './chunks/chunk-UFHA4GH3.js';
+export { Chat as default } from './chunks/chunk-7M2EWH66.js';
+export { useChat } from './chunks/chunk-XJSK56RM.js';
 import './chunks/chunk-QIPTWGEX.js';
 export { clearChat } from './chunks/chunk-ZYFPSCFE.js';
 import './chunks/chunk-FZ4QVG4I.js';

package/dist/types.d.ts

@@ -3,6 +3,13 @@ export { PeerOptions } from 'peerjs';
 import { CSSProperties, DetailedHTMLProps, HTMLAttributes, SetStateAction, ReactNode } from 'react';
 
 type Connection = DataConnection | MediaConnection;
+type ChildrenOptions = {
+    remotePeers: RemotePeers;
+    messages: Message[];
+    sendMessage: (message: InputMessage) => void;
+    audio: boolean;
+    setAudio: (value: SetStateAction<boolean>) => void;
+};
 type ErrorHandler<E = Error> = (error: E) => void;
 type InputMessage = {
     id: string;
@@ -30,16 +37,10 @@ type UseChatProps = {
     onMessageSent?: MessageEventHandler;
     onMessageReceived?: MessageEventHandler;
 };
-type ChildrenOptions = {
-    remotePeers: RemotePeers;
-    messages: Message[];
-    sendMessage: (message: InputMessage) => void;
-    audio: boolean;
-    setAudio: (value: SetStateAction<boolean>) => void;
-};
 type UseChatReturn = ChildrenOptions & {
     peerId: string;
 };
+type VoidFunction = () => void;
 type IconProps = DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
 type ChatProps = UseChatProps & {
     dialogOptions?: DialogOptions;
@@ -55,4 +56,4 @@ type DialogPosition = "left" | "center" | "right";
 type DivProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 type RemotePeers = Record<string, string>;
 
-export type { ChatProps, Children, ChildrenOptions, Connection, DialogOptions, DialogPosition, DivProps, ErrorHandler, IconProps, InputMessage, Message, MessageEventHandler, PeerErrorHandler, RemotePeerId, RemotePeers, ResetConnectionType, UseChatProps, UseChatReturn };
+export type { ChatProps, Children, ChildrenOptions, Connection, DialogOptions, DialogPosition, DivProps, ErrorHandler, IconProps, InputMessage, Message, MessageEventHandler, PeerErrorHandler, RemotePeerId, RemotePeers, ResetConnectionType, UseChatProps, UseChatReturn, VoidFunction };

package/package.json

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