react-peer-chat 0.11.0 → 0.11.2

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

@@ -1,6 +1,6 @@
-import { useChat } from './chunk-FBLX5IM6.js';
-import { BiSolidMessageX, BiSolidMessageDetail, GrSend, BsFillMicFill, BsFillMicMuteFill } from './chunk-JJPIWKLG.js';
-import { __objRest, __spreadValues } from './chunk-LNEKYYG7.js';
+import { useChat } from './chunk-CIIM7EHX.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';
 
 // src/styles.css

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

@@ -1,5 +1,5 @@
 import { getStorage, setStorage } from './chunk-ZYFPSCFE.js';
-import { __spreadValues, __spreadProps } from './chunk-LNEKYYG7.js';
+import { __spreadValues, __async, __spreadProps } from './chunk-FZ4QVG4I.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 
 // src/constants.ts
@@ -66,6 +66,7 @@ function useChat({
   const [audio, setAudio] = useAudio(allowed);
   const connRef = useRef({});
   const callsRef = useRef({});
+  const localStreamRef = useRef(null);
   const audioContextRef = useRef(null);
   const mixerRef = useRef(null);
   const sourceNodesRef = useRef({});
@@ -75,8 +76,53 @@ function useChat({
     const remotePeerIds = Array.isArray(remotePeerId) ? remotePeerId : [remotePeerId];
     return { completePeerId: addPrefix(peerId), completeRemotePeerIds: remotePeerIds.map(addPrefix) };
   }, [peerId]);
+  function resetConnections(type = "all") {
+    switch (type) {
+      case "all":
+        resetConnections("data");
+        resetConnections("call");
+        break;
+      case "data":
+        Object.values(connRef.current).forEach(closeConnection);
+        connRef.current = {};
+        break;
+      case "call":
+        Object.values(callsRef.current).forEach(closeConnection);
+        Object.keys(sourceNodesRef.current).forEach(removePeerAudio);
+        callsRef.current = {};
+        break;
+    }
+  }
+  function handleConnection(conn) {
+    const peerId2 = conn.peer;
+    if (connRef.current[peerId2]) return conn.close();
+    conn.on("open", () => {
+      connRef.current[peerId2] = conn;
+      conn.on("data", ({ type, message, messages: messages2, remotePeerName }) => {
+        switch (type) {
+          case "init":
+            setRemotePeers((prev) => __spreadProps(__spreadValues({}, prev), { [peerId2]: remotePeerName }));
+            if (recoverChat) setMessages((old) => messages2.length > old.length ? messages2 : old);
+            break;
+          case "message":
+            receiveMessage(message);
+            break;
+        }
+      });
+      conn.send({ type: "init", remotePeerName: name, messages });
+    });
+    conn.on("close", () => {
+      conn.removeAllListeners();
+      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", () => {
       callsRef.current[peerId2] = call;
       if (!audioContextRef.current) audioContextRef.current = new AudioContext();
@@ -100,31 +146,14 @@ function useChat({
       delete callsRef.current[peerId2];
     });
   }
-  function handleConnection(conn) {
-    connRef.current[conn.peer] = conn;
-    conn.on("open", () => {
-      conn.on("data", ({ message, messages: messages2, remotePeerName, type }) => {
-        if (type === "message") receiveMessage(message);
-        else if (type === "init") {
-          setRemotePeers((prev) => __spreadProps(__spreadValues({}, prev), { [conn.peer]: remotePeerName }));
-          if (recoverChat) setMessages((old) => messages2.length > old.length ? messages2 : old);
-        }
-      });
-      conn.send({ type: "init", remotePeerName: name, messages });
-    });
-    conn.on("close", conn.removeAllListeners);
-  }
-  function handleMediaError() {
-    setAudio(false);
-    onError(new Error("Microphone not accessible!"));
-  }
   function receiveMessage(message) {
     addMessage(message);
     onMessageReceived == null ? void 0 : onMessageReceived(message);
   }
   function removePeerAudio(peerId2) {
-    if (!sourceNodesRef.current[peerId2]) return;
-    sourceNodesRef.current[peerId2].disconnect();
+    const source = sourceNodesRef.current[peerId2];
+    if (!source) return;
+    source.disconnect();
     delete sourceNodesRef.current[peerId2];
   }
   function sendMessage(message) {
@@ -135,6 +164,7 @@ function useChat({
   }
   useEffect(() => {
     if (!text && !audio) return;
+    let destroyed = false;
     import('peerjs').then(
       ({
         Peer,
@@ -145,20 +175,26 @@ function useChat({
         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("disconnected", () => peer2.reconnect());
+        peer2.on("call", handleCall);
+        peer2.on("disconnected", () => {
+          resetConnections();
+          peer2.reconnect();
+        });
         peer2.on("error", (error) => {
           if (error.type === "network" || error.type === "server-error") {
+            resetConnections();
             setTimeout(() => peer2.reconnect(), 1e3);
             onNetworkError == null ? void 0 : onNetworkError(error);
           }
           onPeerError(error);
         });
-        setPeer(peer2);
+        if (destroyed) peer2.destroy();
+        else setPeer(peer2);
       }
     );
     return () => {
+      destroyed = true;
       setPeer((prev) => {
-        prev == null ? void 0 : prev.removeAllListeners();
         prev == null ? void 0 : prev.destroy();
         return void 0;
       });
@@ -166,52 +202,34 @@ function useChat({
   }, [completePeerId]);
   useEffect(() => {
     if (!text || !peer) return;
-    const handleOpen = () => completeRemotePeerIds.forEach((id) => handleConnection(peer.connect(id)));
-    if (peer.open) handleOpen();
-    peer.on("open", handleOpen);
+    const connectData = () => completeRemotePeerIds.forEach((id) => handleConnection(peer.connect(id)));
+    if (peer.open) connectData();
+    peer.on("open", connectData);
     return () => {
-      peer.off("open", handleOpen);
-      Object.values(connRef.current).forEach(closeConnection);
-      connRef.current = {};
+      peer.off("open", connectData);
+      resetConnections("data");
     };
   }, [text, peer]);
   useEffect(() => {
     if (!audio || !peer) return;
-    let localStream;
-    const setupAudio = () => {
-      if (!navigator.mediaDevices) return handleMediaError();
-      navigator.mediaDevices.getUserMedia({
-        video: false,
-        audio: {
-          autoGainControl: true,
-          noiseSuppression: true,
-          echoCancellation: true
-        }
-      }).then((stream) => {
-        localStream = stream;
-        completeRemotePeerIds.forEach((id) => {
-          if (callsRef.current[id]) return;
-          const call = peer.call(id, stream);
-          handleCall(call);
-        });
-        peer.on("call", (call) => {
-          if (callsRef.current[call.peer]) return call.close();
-          call.answer(stream);
-          handleCall(call);
-        });
-      }).catch(handleMediaError);
-    };
+    const setupAudio = () => __async(null, null, function* () {
+      try {
+        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);
+        onError(new Error("Microphone not accessible"));
+      }
+    });
     if (peer.open) setupAudio();
     peer.on("open", setupAudio);
     return () => {
-      var _a;
+      var _a, _b;
       peer.off("open", setupAudio);
-      peer.off("call");
-      localStream == null ? void 0 : localStream.getTracks().forEach((track) => track.stop());
-      Object.values(callsRef.current).forEach(closeConnection);
-      callsRef.current = {};
-      Object.keys(sourceNodesRef.current).forEach(removePeerAudio);
-      (_a = audioContextRef.current) == null ? void 0 : _a.close();
+      (_a = localStreamRef.current) == null ? void 0 : _a.getTracks().forEach((track) => track.stop());
+      resetConnections("call");
+      (_b = audioContextRef.current) == null ? void 0 : _b.close();
+      localStreamRef.current = null;
       audioContextRef.current = null;
       mixerRef.current = null;
     };
@@ -224,10 +242,7 @@ function useMessages() {
   return [messages, setMessages, addMessage];
 }
 function useStorage(key, initialValue, local = false) {
-  const [storedValue, setStoredValue] = useState(() => {
-    if (typeof window === "undefined") return initialValue;
-    return getStorage(key, initialValue, local);
-  });
+  const [storedValue, setStoredValue] = useState(() => typeof window === "undefined" ? initialValue : getStorage(key, initialValue, local));
   const setValue = (value) => {
     setStoredValue((prev) => {
       const next = isSetStateFunction(value) ? value(prev) : value;

package/dist/chunks/{chunk-LNEKYYG7.js → chunk-FZ4QVG4I.js}

@@ -29,5 +29,25 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
-export { __objRest, __spreadProps, __spreadValues };
+export { __async, __objRest, __spreadProps, __spreadValues };

package/dist/chunks/{chunk-JJPIWKLG.js → chunk-QIPTWGEX.js}

@@ -1,4 +1,4 @@
-import { __spreadValues } from './chunk-LNEKYYG7.js';
+import { __spreadValues } from './chunk-FZ4QVG4I.js';
 import React from 'react';
 
 function BiSolidMessageDetail(props) {

package/dist/components.js

@@ -1,5 +1,5 @@
-export { Chat as default } from './chunks/chunk-6JONVNJK.js';
-import './chunks/chunk-FBLX5IM6.js';
-import './chunks/chunk-JJPIWKLG.js';
+export { Chat as default } from './chunks/chunk-B2RQAOIC.js';
+import './chunks/chunk-CIIM7EHX.js';
+import './chunks/chunk-QIPTWGEX.js';
 import './chunks/chunk-ZYFPSCFE.js';
-import './chunks/chunk-LNEKYYG7.js';
+import './chunks/chunk-FZ4QVG4I.js';

package/dist/hooks.js

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

package/dist/icons.js

@@ -1,2 +1,2 @@
-export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './chunks/chunk-JJPIWKLG.js';
-import './chunks/chunk-LNEKYYG7.js';
+export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './chunks/chunk-QIPTWGEX.js';
+import './chunks/chunk-FZ4QVG4I.js';

package/dist/index.js

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

package/dist/lib/storage.js

@@ -1,2 +1,2 @@
 export { clearChat, getStorage, removeStorage, setStorage } from '../chunks/chunk-ZYFPSCFE.js';
-import '../chunks/chunk-LNEKYYG7.js';
+import '../chunks/chunk-FZ4QVG4I.js';

package/dist/types.d.ts

@@ -15,6 +15,7 @@ type MessageEventHandler = (message: Message) => void;
 type PeerErrorHandler = ErrorHandler<PeerError<`${PeerErrorType}`>>;
 
 type RemotePeerId = string | string[];
+type ResetConnectionType = "all" | "data" | "call";
 type UseChatProps = {
     peerId: string;
     name?: string;
@@ -54,4 +55,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, UseChatProps, UseChatReturn };
+export type { ChatProps, Children, ChildrenOptions, Connection, DialogOptions, DialogPosition, DivProps, ErrorHandler, IconProps, InputMessage, Message, MessageEventHandler, PeerErrorHandler, RemotePeerId, RemotePeers, ResetConnectionType, UseChatProps, UseChatReturn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "license": "MIT",
   "author": "Sahil Aggarwal <aggarwalsahil2004@gmail.com>",
@@ -36,9 +36,9 @@
   },
   "devDependencies": {
     "@release-it/conventional-changelog": "^10.0.4",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.2.8",
     "prettier-package-json": "^2.8.0",
-    "release-it": "^19.2.2",
+    "release-it": "^19.2.3",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },