react-peer-chat 0.1.8 → 0.1.10

package/build/icons.js

@@ -1,12 +1,12 @@
 import React from "react";
 export function BsFillMicFill(props) {
-    return React.createElement("span", { ...props },
+    return React.createElement("span", Object.assign({}, props),
         React.createElement("svg", { fill: "currentColor", width: '16px', height: '16px' },
             React.createElement("path", { d: "M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0V3z" }),
             React.createElement("path", { d: "M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z" })));
 }
 export function BsFillMicMuteFill(props) {
-    return React.createElement("span", { ...props },
+    return React.createElement("span", Object.assign({}, props),
         React.createElement("svg", { fill: "currentColor", width: '16px', height: '16px' },
             React.createElement("path", { d: "M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4.02 4.02 0 0 0 12 8V7a.5.5 0 0 1 1 0v1zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a4.973 4.973 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4zm3-9v4.879L5.158 2.037A3.001 3.001 0 0 1 11 3z" }),
             React.createElement("path", { d: "M9.486 10.607 5 6.12V8a3 3 0 0 0 4.486 2.607zm-7.84-9.253 12 12 .708-.708-12-12-.708.708z" })));

package/build/index.js

@@ -1,7 +1,17 @@
-import React, { useEffect, useRef } from 'react';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useEffect, useRef, useState } from 'react';
 import useStorage from './useStorage';
 import { BsFillMicFill, BsFillMicMuteFill } from './icons';
 export default function Chat({ peerId, remotePeerId, peerOptions, onError = () => console.error("Can not access microphone!") }) {
+    const [peer, setPeer] = useState();
     const [audio, setAudio] = useStorage('rpc-audio', false, { local: true, save: true });
     const streamRef = useRef(null);
     const localStream = useRef();
@@ -9,8 +19,17 @@ export default function Chat({ peerId, remotePeerId, peerOptions, onError = () =
     useEffect(() => {
         if (!audio)
             return;
-        const Peer = require('peerjs').default;
-        const peer = new Peer(`rpc-${peerId}`, peerOptions);
+        (function loadPeer() {
+            return __awaiter(this, void 0, void 0, function* () {
+                const Peer = (yield import('peerjs')).default;
+                const peer = new Peer(`rpc-${peerId}`, peerOptions);
+                setPeer(peer);
+            });
+        })();
+    }, [audio]);
+    useEffect(() => {
+        if (!peer)
+            return;
         let call;
         peer.on('open', () => {
             const getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
@@ -35,13 +54,14 @@ export default function Chat({ peerId, remotePeerId, peerOptions, onError = () =
             }, onError);
         });
         return () => {
-            localStream.current?.getTracks().forEach(track => track.stop());
-            call?.removeAllListeners();
-            call?.close();
+            var _a;
+            (_a = localStream.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(track => track.stop());
+            call === null || call === void 0 ? void 0 : call.removeAllListeners();
+            call === null || call === void 0 ? void 0 : call.close();
             peer.removeAllListeners();
             peer.destroy();
         };
-    }, [audio]);
+    }, [peer]);
     return React.createElement("button", { onClick: () => setAudio(audio => !audio) }, audio ? React.createElement(React.Fragment, null,
         React.createElement("audio", { ref: streamRef, autoPlay: true, className: 'hidden' }),
         React.createElement(BsFillMicFill, { title: "Turn mic off" })) : React.createElement(BsFillMicMuteFill, { title: "Turn mic on" }));

package/build/useStorage.js

@@ -10,7 +10,7 @@ const getStorage = (key, fallbackValue, local = false) => {
             throw new Error("Value doesn't exist");
         value = JSON.parse(value);
     }
-    catch {
+    catch (_a) {
         if (fallbackValue !== undefined) {
             value = fallbackValue;
             setStorage(key, value, local);
@@ -23,7 +23,7 @@ const getStorage = (key, fallbackValue, local = false) => {
     return value;
 };
 export default function useStorage(key, initialValue, { local = false, save = false } = {}) {
-    save ||= getStorage('mode') !== 'online';
+    save || (save = getStorage('mode') !== 'online');
     const [storedValue, setStoredValue] = useState(save ? getStorage(key, initialValue, local) : initialValue);
     const setValue = (value) => {
         setStoredValue((old) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "main": "./build/index.js",
   "scripts": {
@@ -32,7 +32,6 @@
     "react-dom": ">=16.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.5.9",
     "@types/react": "^18.2.21"
   },
   "dependencies": {