react-peer-chat 0.3.2 → 0.3.4

package/build/index.d.ts

@@ -26,7 +26,7 @@ type Props = {
     dialogOptions?: DialogOptions;
     onError?: () => void;
     children?: (childrenOptions: ChildrenOptions) => ReactNode;
-    props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    props?: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 };
 export default function Chat({ name, peerId, remotePeerId, peerOptions, text, voice, dialogOptions, onError, children, props }: Props): React.JSX.Element;
 export declare const clearChat: () => void;

package/build/index.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import useStorage, { removeStorage } from './storage.js';
 import { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './icons.js';
-export default function Chat({ name, peerId, remotePeerId, peerOptions, text = true, voice = true, dialogOptions, onError = () => console.error("Can not access microphone!"), children, props }) {
+export default function Chat({ name, peerId, remotePeerId, peerOptions, text = true, voice = true, dialogOptions, onError = () => alert("Microphone not accessible!"), children, props = {} }) {
     const [peer, setPeer] = useState();
     const [notification, setNotification] = useState(false);
     const [remotePeer, setRemotePeer] = useStorage('rpc-remote-peer', '', { save: true });
@@ -64,27 +64,32 @@ export default function Chat({ name, peerId, remotePeerId, peerOptions, text = t
             }
             if (audio) {
                 const getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
-                getUserMedia({
-                    video: false,
-                    audio: {
-                        autoGainControl: false,
-                        noiseSuppression: true,
-                        echoCancellation: true
-                    }
-                }, (stream) => {
-                    localStream.current = stream;
-                    if (remotePeerId) {
-                        call = peer.call(remotePeerId, stream);
-                        call.on('stream', handleRemoteStream);
-                        call.on('close', call.removeAllListeners);
-                    }
-                    peer.on('call', e => {
-                        call = e;
-                        call.answer(stream);
-                        call.on('stream', handleRemoteStream);
-                        call.on('close', call.removeAllListeners);
-                    });
-                }, onError);
+                try {
+                    getUserMedia({
+                        video: false,
+                        audio: {
+                            autoGainControl: false,
+                            noiseSuppression: true,
+                            echoCancellation: true
+                        }
+                    }, (stream) => {
+                        localStream.current = stream;
+                        if (remotePeerId) {
+                            call = peer.call(remotePeerId, stream);
+                            call.on('stream', handleRemoteStream);
+                            call.on('close', call.removeAllListeners);
+                        }
+                        peer.on('call', e => {
+                            call = e;
+                            call.answer(stream);
+                            call.on('stream', handleRemoteStream);
+                            call.on('close', call.removeAllListeners);
+                        });
+                    }, onError);
+                }
+                catch (_a) {
+                    onError();
+                }
             }
         });
         peer.on('connection', handleConnection);

package/package.json

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