react-peer-chat 0.11.7 → 0.11.9

package/dist/chunks/{chunk-24RW4ODA.js → chunk-KLBS4XTE.js}

@@ -1,4 +1,4 @@
-import { getStorage, setStorage } from './chunk-ZYFPSCFE.js';
+import { getStorage, subscribeToStorage, setStorage } from './chunk-MRYWIJDZ.js';
 import { __spreadValues, __async, __spreadProps } from './chunk-FZ4QVG4I.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 
@@ -288,7 +288,7 @@ function useMessages() {
   return [messages, setMessages, addMessage];
 }
 function useStorage(key, initialValue, local = false) {
-  const [storedValue, setStoredValue] = useState(() => typeof window === "undefined" ? initialValue : getStorage(key, initialValue, local));
+  const [storedValue, setStoredValue] = useState(() => typeof window === "undefined" ? initialValue : getStorage(key, local, initialValue));
   const setValue = (value) => {
     setStoredValue((prev) => {
       const next = isSetStateFunction(value) ? value(prev) : value;
@@ -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-MRYWIJDZ.js

@@ -0,0 +1,46 @@
+// src/lib/storage.ts
+var listeners = /* @__PURE__ */ new Map();
+function clearChat() {
+  removeStorage("rpc-remote-peer", false);
+  removeStorage("rpc-messages", false);
+}
+var getStorageInstance = (local) => local ? localStorage : sessionStorage;
+var getNamespacedKey = (key, local) => `${local ? "local" : "session"}:${key}`;
+function getStorage(key, local, fallbackValue) {
+  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) {
+  getStorageInstance(local).removeItem(key);
+  publish(key, local);
+}
+function setStorage(key, value, local) {
+  if (typeof value === "function") value = value(getStorage(key, 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, getStorage, removeStorage, setStorage, subscribeToStorage };

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

@@ -1,4 +1,4 @@
-import { useChat } from './chunk-24RW4ODA.js';
+import { useChat } from './chunk-KLBS4XTE.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/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-SO7XYGB7.js';
+import './chunks/chunk-KLBS4XTE.js';
 import './chunks/chunk-QIPTWGEX.js';
-import './chunks/chunk-ZYFPSCFE.js';
+import './chunks/chunk-MRYWIJDZ.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-KLBS4XTE.js';
+import './chunks/chunk-MRYWIJDZ.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-SO7XYGB7.js';
+export { useChat } from './chunks/chunk-KLBS4XTE.js';
 import './chunks/chunk-QIPTWGEX.js';
-export { clearChat } from './chunks/chunk-ZYFPSCFE.js';
+export { clearChat } from './chunks/chunk-MRYWIJDZ.js';
 import './chunks/chunk-FZ4QVG4I.js';

package/dist/lib/storage.d.ts

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

package/dist/lib/storage.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.11.7",
+  "version": "0.11.9",
   "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 };