react-peer-chat 0.11.6 → 0.11.8

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

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

@@ -1,4 +1,4 @@
-import { getStorage, setStorage } from './chunk-ZYFPSCFE.js';
+import { getStorage, subscribeToStorage, setStorage } from './chunk-RM3QSN63.js';
 import { __spreadValues, __async, __spreadProps } from './chunk-FZ4QVG4I.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 
@@ -31,7 +31,8 @@ var defaults = {
   peerOptions: {},
   remotePeerId: []
 };
-var maxReconnectionAttempts = 2;
+var iosRegex = /iPhone|iPad|iPod/i;
+var mobileRegex = /Android|webOS|BlackBerry|IEMobile|Opera Mini/i;
 
 // src/lib/connection.ts
 function closeConnection(conn) {
@@ -41,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) {
@@ -182,7 +189,6 @@ function useChat({
     if (!text && !audio) return;
     let destroyed = false;
     let reconnecting = false;
-    let reconnectAttempts = 0;
     let reconnectTimer;
     scheduleReconnectRef.current = () => {
       if (destroyed || reconnecting) return;
@@ -190,11 +196,8 @@ function useChat({
       reconnectTimer = setTimeout(() => {
         const peer = peerRef.current;
         if (peer) {
-          reconnectAttempts++;
-          if (reconnectAttempts >= maxReconnectionAttempts) {
-            setPeerGeneration((prev) => prev + 1);
-            reconnectAttempts = 0;
-          } else peer.reconnect();
+          if (isMobile()) setPeerGeneration((prev) => prev + 1);
+          else peer.reconnect();
         }
         reconnecting = false;
       }, 1e3);
@@ -212,7 +215,6 @@ 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", () => {
@@ -233,7 +235,6 @@ function useChat({
       var _a, _b;
       destroyed = true;
       reconnecting = false;
-      reconnectAttempts = 0;
       clearTimeout(reconnectTimer);
       (_a = peerRef.current) == null ? void 0 : _a.removeAllListeners();
       (_b = peerRef.current) == null ? void 0 : _b.destroy();
@@ -295,6 +296,9 @@ function useStorage(key, initialValue, local = false) {
       return next;
     });
   };
+  useEffect(() => {
+    return subscribeToStorage(key, local, (value) => setStoredValue(value));
+  }, [key, local]);
   return [storedValue, setValue];
 }
 function useAudio(allowed) {

package/dist/chunks/chunk-RM3QSN63.js

@@ -0,0 +1,55 @@
+// src/lib/storage.ts
+var listeners = /* @__PURE__ */ new Map();
+function clearChat() {
+  removeStorage("rpc-remote-peer");
+  removeStorage("rpc-messages");
+}
+var getStorageInstance = (local = true) => local ? localStorage : sessionStorage;
+function clearStorage(prefix = "", local = true) {
+  const storage = getStorageInstance(local);
+  const keysToRemove = [];
+  for (let i = 0; i < storage.length; i++) {
+    const key = storage.key(i);
+    if (key && key.startsWith(prefix)) keysToRemove.push(key);
+  }
+  keysToRemove.forEach((key) => removeStorage(key, local));
+}
+var getNamespacedKey = (key, local = true) => `${local ? "local" : "session"}:${key}`;
+function getStorage(key, fallbackValue, local = true) {
+  if (typeof window === "undefined") return fallbackValue;
+  const value = getStorageInstance(local).getItem(key);
+  if (value) {
+    try {
+      return JSON.parse(value);
+    } catch (e) {
+      removeStorage(key, local);
+    }
+  }
+  if (fallbackValue !== void 0) setStorage(key, fallbackValue, local);
+  return fallbackValue;
+}
+function publish(key, local, value) {
+  const callbacks = listeners.get(getNamespacedKey(key, local));
+  if (callbacks) callbacks.forEach((callback) => callback(value));
+}
+function removeStorage(key, local = true) {
+  getStorageInstance(local).removeItem(key);
+  publish(key, local);
+}
+function setStorage(key, value, local = true) {
+  if (typeof value === "function") value = value(getStorage(key, void 0, local));
+  getStorageInstance(local).setItem(key, JSON.stringify(value));
+  publish(key, local, value);
+}
+function subscribeToStorage(key, local, callback) {
+  key = getNamespacedKey(key, local);
+  if (!listeners.has(key)) listeners.set(key, /* @__PURE__ */ new Set());
+  const set = listeners.get(key);
+  set.add(callback);
+  return () => {
+    set.delete(callback);
+    if (set.size === 0) listeners.delete(key);
+  };
+}
+
+export { clearChat, clearStorage, getStorage, removeStorage, setStorage, subscribeToStorage };

package/dist/components.js

@@ -1,5 +1,5 @@
-export { Chat as default } from './chunks/chunk-7M2EWH66.js';
-import './chunks/chunk-XJSK56RM.js';
+export { Chat as default } from './chunks/chunk-63W3RVVG.js';
+import './chunks/chunk-NWSTDMKZ.js';
 import './chunks/chunk-QIPTWGEX.js';
-import './chunks/chunk-ZYFPSCFE.js';
+import './chunks/chunk-RM3QSN63.js';
 import './chunks/chunk-FZ4QVG4I.js';

package/dist/hooks.js

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

package/dist/index.js

@@ -1,5 +1,5 @@
-export { Chat as default } from './chunks/chunk-7M2EWH66.js';
-export { useChat } from './chunks/chunk-XJSK56RM.js';
+export { Chat as default } from './chunks/chunk-63W3RVVG.js';
+export { useChat } from './chunks/chunk-NWSTDMKZ.js';
 import './chunks/chunk-QIPTWGEX.js';
-export { clearChat } from './chunks/chunk-ZYFPSCFE.js';
+export { clearChat } from './chunks/chunk-RM3QSN63.js';
 import './chunks/chunk-FZ4QVG4I.js';

package/dist/lib/storage.d.ts

@@ -1,6 +1,12 @@
-declare const removeStorage: (key: string, local?: boolean) => void;
-declare const clearChat: () => void;
-declare const setStorage: (key: string, value: unknown, local?: boolean) => void;
+import { VoidFunction } from '../types.js';
+import 'peerjs';
+import 'react';
+
+declare function clearChat(): void;
+declare function clearStorage(prefix?: string, local?: boolean): void;
 declare function getStorage<T>(key: string, fallbackValue?: T, local?: boolean): T | undefined;
+declare function removeStorage(key: string, local?: boolean): void;
+declare function setStorage(key: string, value: unknown, local?: boolean): void;
+declare function subscribeToStorage<T>(key: string, local: boolean, callback: (value: T) => void): VoidFunction;
 
-export { clearChat, getStorage, removeStorage, setStorage };
+export { clearChat, clearStorage, getStorage, removeStorage, setStorage, subscribeToStorage };

package/dist/lib/storage.js

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

package/package.json

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

package/dist/chunks/chunk-ZYFPSCFE.js

@@ -1,22 +0,0 @@
-// src/lib/storage.ts
-var getStorageInstance = (local = true) => local ? localStorage : sessionStorage;
-var removeStorage = (key, local = true) => getStorageInstance(local).removeItem(key);
-var clearChat = () => {
-  removeStorage("rpc-remote-peer");
-  removeStorage("rpc-messages");
-};
-var setStorage = (key, value, local = true) => getStorageInstance(local).setItem(key, JSON.stringify(value));
-function getStorage(key, fallbackValue, local = true) {
-  const value = getStorageInstance(local).getItem(key);
-  if (value) {
-    try {
-      return JSON.parse(value);
-    } catch (e) {
-      removeStorage(key, local);
-    }
-  }
-  if (fallbackValue !== void 0) setStorage(key, fallbackValue, local);
-  return fallbackValue;
-}
-
-export { clearChat, getStorage, removeStorage, setStorage };