react-peer-chat 0.11.7 → 0.11.8

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

@@ -1,4 +1,4 @@
-import { useChat } from './chunk-24RW4ODA.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-24RW4ODA.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';
 
@@ -296,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-7UUTQKOW.js';
-import './chunks/chunk-24RW4ODA.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-24RW4ODA.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-7UUTQKOW.js';
-export { useChat } from './chunks/chunk-24RW4ODA.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.7",
+  "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 };