react-peer-chat 0.4.1 → 0.4.3

package/build/index.js

@@ -8,14 +8,14 @@ function closeConnection(conn) {
 export default function Chat({ name, peerId, remotePeerId = [], peerOptions, text = true, voice = true, dialogOptions, onError = () => alert('Browser not supported! Try some other browser.'), onMicError = () => alert('Microphone not accessible!'), children, props = {} }) {
     const [peer, setPeer] = useState();
     const [notification, setNotification] = useState(false);
-    const [remotePeers, setRemotePeers] = useStorage('rpc-remote-peer', {}, { save: true });
-    const [messages, setMessages] = useStorage('rpc-messages', [], { save: true });
+    const [remotePeers, setRemotePeers] = useStorage('rpc-remote-peer', {});
+    const [messages, setMessages] = useStorage('rpc-messages', []);
     const connRef = useRef({});
     const [dialog, setDialog] = useState(false);
     const dialogRef = useRef(null);
     const containerRef = useRef(null);
     const inputRef = useRef(null);
-    const [audio, setAudio] = useStorage('rpc-audio', false, { local: true, save: true });
+    const [audio, setAudio] = useStorage('rpc-audio', false, true);
     const streamRef = useRef(null);
     const localStream = useRef();
     peerId = `rpc-${peerId}`;
@@ -47,6 +47,10 @@ export default function Chat({ name, peerId, remotePeerId = [], peerOptions, tex
         });
         conn.on('close', conn.removeAllListeners);
     }
+    function handleError() {
+        setAudio(false);
+        onMicError();
+    }
     useEffect(() => {
         if (!text && !audio) {
             setPeer(undefined);
@@ -93,10 +97,10 @@ export default function Chat({ name, peerId, remotePeerId = [], peerOptions, tex
                             call.on('close', call.removeAllListeners);
                             calls[call.peer] = call;
                         });
-                    }, onMicError);
+                    }, handleError);
                 }
                 catch (_a) {
-                    onMicError();
+                    handleError();
                 }
             }
         });

package/build/storage.d.ts

@@ -1,5 +1,2 @@
 export declare const removeStorage: (key: string, local?: boolean) => void;
-export default function useStorage<Value>(key: string, initialValue: Value, { local, save }?: {
-    local?: boolean | undefined;
-    save?: boolean | undefined;
-}): [Value, (value: Value | ((old: Value) => Value)) => void];
+export default function useStorage<Value>(key: string, initialValue: Value, local?: boolean): [Value, (value: Value | ((old: Value) => Value)) => void];

package/build/storage.js

@@ -2,8 +2,6 @@ import { useState } from "react";
 const setStorage = (key, value, local = false) => (local ? localStorage : sessionStorage).setItem(key, JSON.stringify(value));
 export const removeStorage = (key, local = false) => (local ? localStorage : sessionStorage).removeItem(key);
 const getStorage = (key, fallbackValue, local = false) => {
-    if (typeof window === "undefined")
-        return fallbackValue;
     let value = (local ? localStorage : sessionStorage).getItem(key);
     try {
         if (!value)
@@ -22,14 +20,16 @@ const getStorage = (key, fallbackValue, local = false) => {
     }
     return value;
 };
-export default function useStorage(key, initialValue, { local = false, save = false } = {}) {
-    save || (save = getStorage('mode') !== 'online');
-    const [storedValue, setStoredValue] = useState(save ? getStorage(key, initialValue, local) : initialValue);
+export default function useStorage(key, initialValue, local = false) {
+    const [storedValue, setStoredValue] = useState(() => {
+        if (typeof window === "undefined")
+            return initialValue;
+        return getStorage(key, initialValue, local);
+    });
     const setValue = (value) => {
         setStoredValue((old) => {
             const updatedValue = typeof value === 'function' ? value(old) : value;
-            if (save)
-                setStorage(key, updatedValue, local);
+            setStorage(key, updatedValue, local);
             return updatedValue;
         });
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "main": "./build/index.js",
   "type": "module",