react-peer-chat 0.4.0 → 0.4.2

package/README.md

@@ -81,9 +81,8 @@ export default function App() {
             style: { padding: '4px' }
         }}
         props={{ title: 'React Peer Chat Component' }}
-        onError={() => {
-            console.error('Microphone not accessible!');
-        }}
+        onError={() => console.error('Browser not supported!')}
+        onMicError={() => console.error('Microphone not accessible!')}
     />
 }
 ```
@@ -99,9 +98,8 @@ export default function App() {
         name='John Doe'
         peerId='my-unique-id'
         remotePeerId='remote-unique-id'
-        onError={() => {
-            console.error('Microphone not accessible!');
-        }}
+        onError={() => console.error('Browser not supported!')}
+        onMicError={() => console.error('Microphone not accessible!')}
     >
         {({ remotePeers, messages, addMessage, audio, setAudio }) => (
             <YourCustomComponent>
@@ -122,7 +120,8 @@ Here is the full API for the `<Chat>` component, these properties can be set on
 | `voice` | `boolean` | No | `true` | Voice chat will be enabled if this property is set to true. |
 | `peerOptions` | [`PeerOptions`](#PeerOptions) | No | - | Options to customize peerjs Peer instance. |
 | `dialogOptions` | [`DialogOptions`](#DialogOptions) | No | { position: 'center' } | Options to customize text dialog box styling. |
-| `onError` | `Function` | No | `() => alert('Microphone not accessible!')` | Function to be executed when microphone is not accessible. |
+| `onError` | `Function` | No | `() => alert('Browser not supported! Try some other browser.')` | Function to be executed if browser doesn't support [WebRTC](https://webrtc.org/). |
+| `onMicError` | `Function` | No | `() => alert('Microphone not accessible!')` | Function to be executed when microphone is not accessible. |
 | `props` | `React.DetailedHTMLProps` | No | - | Props to customize the `<Chat>` component. |
 | `children` | [`Children`](#Children) | No | - | Props to customize the `<Chat>` component. |
 ### Types

package/build/index.d.ts

@@ -32,9 +32,10 @@ export interface ChatProps {
     peerOptions?: PeerOptions;
     dialogOptions?: DialogOptions;
     onError?: Function;
+    onMicError?: Function;
     children?: Children;
     props?: Props;
 }
-export default function Chat({ name, peerId, remotePeerId, peerOptions, text, voice, dialogOptions, onError, children, props }: ChatProps): React.JSX.Element;
+export type { IconProps } from './icons.js';
+export default function Chat({ name, peerId, remotePeerId, peerOptions, text, voice, dialogOptions, onError, onMicError, children, props }: ChatProps): React.JSX.Element;
 export declare const clearChat: () => void;
-export {};

package/build/index.js

@@ -5,7 +5,7 @@ function closeConnection(conn) {
     conn.removeAllListeners();
     conn.close();
 }
-export default function Chat({ name, peerId, remotePeerId = [], peerOptions, text = true, voice = true, dialogOptions, onError = () => alert("Microphone not accessible!"), children, props = {} }) {
+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 });
@@ -47,13 +47,19 @@ 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);
             return;
         }
         (async function () {
-            const { Peer } = await import('peerjs');
+            const { Peer, util: { supports: { audioVideo, data } } } = await import('peerjs');
+            if (!data || !audioVideo)
+                return onError();
             const peer = new Peer(peerId, peerOptions);
             setPeer(peer);
         })();
@@ -91,10 +97,10 @@ export default function Chat({ name, peerId, remotePeerId = [], peerOptions, tex
                             call.on('close', call.removeAllListeners);
                             calls[call.peer] = call;
                         });
-                    }, onError);
+                    }, handleError);
                 }
                 catch (_a) {
-                    onError();
+                    handleError();
                 }
             }
         });
@@ -152,7 +158,7 @@ export default function Chat({ name, peerId, remotePeerId = [], peerOptions, tex
                             React.createElement("input", { ref: inputRef, className: 'rpc-input rpc-font', placeholder: 'Enter a message' }),
                             React.createElement("button", { type: 'submit', className: 'rpc-button' },
                                 React.createElement(GrSend, { title: 'Send message' })))))),
-            voice && React.createElement("div", null, audio ? React.createElement(BsFillMicFill, { title: "Turn mic off", onClick: () => setAudio(false) }) : React.createElement(BsFillMicMuteFill, { title: "Turn mic on", onClick: () => setAudio(true) }))),
+            voice && React.createElement("div", null, audio ? React.createElement(BsFillMicFill, { title: 'Turn mic off', onClick: () => setAudio(false) }) : React.createElement(BsFillMicMuteFill, { title: 'Turn mic on', onClick: () => setAudio(true) }))),
         voice && audio && React.createElement("audio", { ref: streamRef, autoPlay: true, style: { display: 'none' } }));
 }
 export const clearChat = () => {

package/package.json

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