react-peer-chat 0.11.3 → 0.11.5

package/dist/chunks/{chunk-DBJS3VES.js → chunk-7LX3CBZL.js}

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

@@ -62,8 +62,10 @@ function useChat({
   onMessageSent,
   onMessageReceived
 }) {
-  const [peer, setPeer] = useState();
+  const [peerEpoch, setPeerEpoch] = 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);
@@ -166,9 +168,29 @@ 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 reconnectTimer;
+    scheduleReconnectRef.current = () => {
+      if (destroyed || reconnecting) return;
+      reconnecting = true;
+      reconnectTimer = setTimeout(() => {
+        var _a;
+        if (!destroyed && ((_a = peerRef.current) == null ? void 0 : _a.disconnected)) peerRef.current.reconnect();
+        reconnecting = false;
+      }, 1e3);
+    };
+    const scheduleReconnect = scheduleReconnectRef.current;
     import('peerjs').then(
       ({
         Peer,
@@ -176,36 +198,40 @@ 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();
+          scheduleReconnect();
         });
-        peer2.on("error", (error) => {
+        peer.on("error", (error) => {
           if (error.type === "network" || error.type === "server-error") {
             resetConnections();
-            setTimeout(() => peer2.reconnect(), 1e3);
+            scheduleReconnect();
             onNetworkError == null ? void 0 : onNetworkError(error);
           }
           onPeerError(error);
         });
-        if (destroyed) peer2.destroy();
-        else setPeer(peer2);
       }
     );
     return () => {
+      var _a, _b;
       destroyed = true;
-      setPeer((prev) => {
-        prev == null ? void 0 : prev.destroy();
-        return void 0;
-      });
+      clearTimeout(reconnectTimer);
+      (_a = peerRef.current) == null ? void 0 : _a.removeAllListeners();
+      (_b = peerRef.current) == null ? void 0 : _b.destroy();
+      peerRef.current = null;
     };
   }, [completePeerId]);
   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);
@@ -213,12 +239,15 @@ 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 } });
+        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);
@@ -237,7 +266,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-DBJS3VES.js';
-import './chunks/chunk-MVAZLLW2.js';
+export { Chat as default } from './chunks/chunk-7LX3CBZL.js';
+import './chunks/chunk-JNCYZVYO.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-MVAZLLW2.js';
+export { useAudio, useChat, useMessages, useStorage } from './chunks/chunk-JNCYZVYO.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-DBJS3VES.js';
-export { useChat } from './chunks/chunk-MVAZLLW2.js';
+export { Chat as default } from './chunks/chunk-7LX3CBZL.js';
+export { useChat } from './chunks/chunk-JNCYZVYO.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.3",
+  "version": "0.11.5",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "license": "MIT",
   "author": "Sahil Aggarwal <aggarwalsahil2004@gmail.com>",