react-peer-chat 0.11.10 → 0.12.0

package/dist/chunks/chunk-R74TCSLB.js

@@ -1,310 +0,0 @@
-import { getStorage, subscribeToStorage, setStorage } from './chunk-MRYWIJDZ.js';
-import { __spreadValues, __async, __spreadProps } from './chunk-FZ4QVG4I.js';
-import { useState, useRef, useMemo, useEffect } from 'react';
-
-// src/constants.ts
-var turnAccounts = [
-  { username: "70061a377b51f3a3d01c11e3", credential: "lHV4NYJ5Rfl5JNa9" },
-  { username: "13b19eb65bbf6e9f96d64b72", credential: "7R9P/+7y7Q516Etv" },
-  { username: "3469603f5cdc7ca4a1e891ae", credential: "/jMyLSDbbcgqpVQv" },
-  { username: "a7926f4dcc4a688d41f89752", credential: "ZYM8jFYeb8bQkL+N" },
-  { username: "0be25ab7f61d9d733ba94809", credential: "hiiSwWVch+ftt3SX" },
-  { username: "3c25ba948daeab04f9b66187", credential: "FQB3GQwd27Y0dPeK" }
-];
-var defaults = {
-  config: {
-    iceServers: [
-      {
-        urls: ["stun:stun.l.google.com:19302", "stun:stun.relay.metered.ca:80"]
-      }
-    ].concat(
-      turnAccounts.map((account) => __spreadValues({
-        urls: [
-          "turn:standard.relay.metered.ca:80",
-          "turn:standard.relay.metered.ca:80?transport=tcp",
-          "turn:standard.relay.metered.ca:443",
-          "turns:standard.relay.metered.ca:443?transport=tcp"
-        ]
-      }, account))
-    )
-  },
-  peerOptions: {},
-  remotePeerId: []
-};
-var iosRegex = /iPhone|iPad|iPod/i;
-var mobileRegex = /Android|webOS|BlackBerry|IEMobile|Opera Mini/i;
-
-// src/lib/connection.ts
-function closeConnection(conn) {
-  conn.removeAllListeners();
-  conn.close();
-}
-
-// src/lib/utils.ts
-var addPrefix = (str) => `rpc-${str}`;
-function isMobile(iOS = true) {
-  var _a;
-  let result = (_a = navigator.userAgentData) == null ? void 0 : _a.mobile;
-  result != null ? result : result = mobileRegex.test(navigator.userAgent) || iOS && iosRegex.test(navigator.userAgent);
-  return result;
-}
-
-// src/lib/react.ts
-function isSetStateFunction(v) {
-  return typeof v === "function";
-}
-
-// src/hooks.ts
-var { config: defaultConfig, peerOptions: defaultPeerOptions, remotePeerId: defaultRemotePeerId } = defaults;
-function useChat({
-  peerId,
-  name = "Anonymous User",
-  remotePeerId = defaultRemotePeerId,
-  peerOptions = defaultPeerOptions,
-  text = true,
-  recoverChat = false,
-  audio: allowed = true,
-  onError = console.error,
-  onPeerError = console.error,
-  onNetworkError,
-  onMessageSent,
-  onMessageReceived
-}) {
-  const [peerEpoch, setPeerEpoch] = useState(0);
-  const [peerGeneration, setPeerGeneration] = useState(0);
-  const [audio, setAudio] = useAudio(allowed);
-  const peerRef = useRef(null);
-  const scheduleReconnectRef = useRef(null);
-  const connRef = useRef({});
-  const callsRef = useRef({});
-  const localStreamRef = useRef(null);
-  const audioContextRef = useRef(null);
-  const mixerRef = useRef(null);
-  const sourceNodesRef = useRef({});
-  const [messages, setMessages, addMessage] = useMessages();
-  const [remotePeers, setRemotePeers] = useStorage("rpc-remote-peer", {});
-  const { completePeerId, completeRemotePeerIds } = useMemo(() => {
-    const remotePeerIds = Array.isArray(remotePeerId) ? remotePeerId : [remotePeerId];
-    return { completePeerId: addPrefix(peerId), completeRemotePeerIds: remotePeerIds.map(addPrefix) };
-  }, [peerId]);
-  function resetConnections(type = "all") {
-    switch (type) {
-      case "all":
-        resetConnections("data");
-        resetConnections("call");
-        break;
-      case "data":
-        Object.values(connRef.current).forEach(closeConnection);
-        connRef.current = {};
-        break;
-      case "call":
-        Object.values(callsRef.current).forEach(closeConnection);
-        Object.keys(sourceNodesRef.current).forEach(removePeerAudio);
-        callsRef.current = {};
-        break;
-    }
-  }
-  function handleConnection(conn) {
-    const peerId2 = conn.peer;
-    conn.on("open", () => {
-      var _a;
-      (_a = connRef.current[peerId2]) == null ? void 0 : _a.close();
-      connRef.current[peerId2] = conn;
-      conn.on("data", ({ type, message, messages: messages2, remotePeerName }) => {
-        switch (type) {
-          case "init":
-            setRemotePeers((prev) => __spreadProps(__spreadValues({}, prev), { [peerId2]: remotePeerName }));
-            if (recoverChat) setMessages((old) => messages2.length > old.length ? messages2 : old);
-            break;
-          case "message":
-            receiveMessage(message);
-            break;
-        }
-      });
-      conn.send({ type: "init", remotePeerName: name, messages });
-    });
-    conn.on("close", () => {
-      conn.removeAllListeners();
-      if (connRef.current[peerId2] === conn) delete connRef.current[peerId2];
-    });
-  }
-  function handleCall(call) {
-    const peerId2 = call.peer;
-    if (!call.localStream) {
-      if (!localStreamRef.current) return call.close();
-      call.answer(localStreamRef.current);
-    }
-    call.on("stream", () => {
-      var _a;
-      (_a = callsRef.current[peerId2]) == null ? void 0 : _a.close();
-      callsRef.current[peerId2] = call;
-      if (!audioContextRef.current) audioContextRef.current = new AudioContext();
-      if (audioContextRef.current.state === "suspended") audioContextRef.current.resume();
-      if (!mixerRef.current) {
-        mixerRef.current = audioContextRef.current.createGain();
-        mixerRef.current.connect(audioContextRef.current.destination);
-      }
-      removePeerAudio(peerId2);
-      const audio2 = new Audio();
-      audio2.srcObject = call.remoteStream;
-      audio2.autoplay = true;
-      audio2.muted = false;
-      const source = audioContextRef.current.createMediaElementSource(audio2);
-      source.connect(mixerRef.current);
-      sourceNodesRef.current[peerId2] = source;
-    });
-    call.on("close", () => {
-      call.removeAllListeners();
-      if (callsRef.current[peerId2] === call) {
-        removePeerAudio(peerId2);
-        delete callsRef.current[peerId2];
-      }
-    });
-  }
-  function receiveMessage(message) {
-    addMessage(message);
-    onMessageReceived == null ? void 0 : onMessageReceived(message);
-  }
-  function removePeerAudio(peerId2) {
-    const source = sourceNodesRef.current[peerId2];
-    if (!source) return;
-    source.disconnect();
-    delete sourceNodesRef.current[peerId2];
-  }
-  function sendMessage(message) {
-    const event = { type: "message", message: __spreadProps(__spreadValues({}, message), { name }) };
-    addMessage(event.message);
-    Object.values(connRef.current).forEach((conn) => conn.send(event));
-    onMessageSent == null ? void 0 : onMessageSent(event.message);
-  }
-  useEffect(() => {
-    const onOnline = () => {
-      var _a, _b;
-      return ((_a = peerRef.current) == null ? void 0 : _a.disconnected) && ((_b = scheduleReconnectRef.current) == null ? void 0 : _b.call(scheduleReconnectRef));
-    };
-    window.addEventListener("online", onOnline);
-    return () => window.removeEventListener("online", onOnline);
-  }, []);
-  useEffect(() => {
-    if (!text && !audio) return;
-    let destroyed = false;
-    let reconnecting = false;
-    let reconnectTimer;
-    scheduleReconnectRef.current = () => {
-      if (destroyed || reconnecting) return;
-      reconnecting = true;
-      reconnectTimer = setTimeout(() => {
-        const peer = peerRef.current;
-        if (peer) {
-          if (isMobile()) setPeerGeneration((prev) => prev + 1);
-          else peer.reconnect();
-        }
-        reconnecting = false;
-      }, 1e3);
-    };
-    const scheduleReconnect = scheduleReconnectRef.current;
-    import('peerjs').then(
-      ({
-        Peer,
-        util: {
-          supports: { audioVideo, data }
-        }
-      }) => {
-        if (destroyed) return;
-        if (!data || !audioVideo) return onError(new Error("Browser not supported! Try some other browser."));
-        peerRef.current = new Peer(completePeerId, __spreadValues({ config: defaultConfig }, peerOptions));
-        setPeerEpoch((prev) => prev + 1);
-        const peer = peerRef.current;
-        peer.on("connection", handleConnection);
-        peer.on("call", handleCall);
-        peer.on("disconnected", () => {
-          resetConnections();
-          scheduleReconnect();
-        });
-        peer.on("error", (error) => {
-          if (error.type === "network" || error.type === "server-error") {
-            resetConnections();
-            scheduleReconnect();
-            onNetworkError == null ? void 0 : onNetworkError(error);
-          }
-          onPeerError(error);
-        });
-      }
-    );
-    return () => {
-      var _a, _b;
-      destroyed = true;
-      reconnecting = false;
-      clearTimeout(reconnectTimer);
-      (_a = peerRef.current) == null ? void 0 : _a.removeAllListeners();
-      (_b = peerRef.current) == null ? void 0 : _b.destroy();
-      peerRef.current = null;
-    };
-  }, [completePeerId, peerGeneration]);
-  useEffect(() => {
-    if (!text) return;
-    const peer = peerRef.current;
-    if (!peer) return;
-    const connectData = () => completeRemotePeerIds.forEach((id) => handleConnection(peer.connect(id)));
-    if (peer.open) connectData();
-    peer.on("open", connectData);
-    return () => {
-      peer.off("open", connectData);
-      resetConnections("data");
-    };
-  }, [text, peerEpoch]);
-  useEffect(() => {
-    if (!audio) return;
-    const peer = peerRef.current;
-    if (!peer) return;
-    const setupAudio = () => __async(null, null, function* () {
-      try {
-        if (!localStreamRef.current)
-          localStreamRef.current = yield navigator.mediaDevices.getUserMedia({ video: false, audio: { autoGainControl: true, noiseSuppression: true, echoCancellation: true } });
-        completeRemotePeerIds.forEach((id) => localStreamRef.current && handleCall(peer.call(id, localStreamRef.current)));
-      } catch (e) {
-        setAudio(false);
-        onError(new Error("Microphone not accessible"));
-      }
-    });
-    if (peer.open) setupAudio();
-    peer.on("open", setupAudio);
-    return () => {
-      var _a, _b;
-      peer.off("open", setupAudio);
-      (_a = localStreamRef.current) == null ? void 0 : _a.getTracks().forEach((track) => track.stop());
-      resetConnections("call");
-      (_b = audioContextRef.current) == null ? void 0 : _b.close();
-      localStreamRef.current = null;
-      audioContextRef.current = null;
-      mixerRef.current = null;
-    };
-  }, [audio, peerEpoch]);
-  return { peerId: completePeerId, remotePeers, messages, sendMessage, audio, setAudio };
-}
-function useMessages() {
-  const [messages, setMessages] = useStorage("rpc-messages", []);
-  const addMessage = (message) => setMessages((prev) => prev.concat(message));
-  return [messages, setMessages, addMessage];
-}
-function useStorage(key, initialValue, local = false) {
-  const [storedValue, setStoredValue] = useState(() => typeof window === "undefined" ? initialValue : getStorage(key, local, initialValue));
-  const setValue = (value) => {
-    setStoredValue((prev) => {
-      const next = isSetStateFunction(value) ? value(prev) : value;
-      setStorage(key, next, local);
-      return next;
-    });
-  };
-  useEffect(() => {
-    return subscribeToStorage(key, local, (value) => setStoredValue(value != null ? value : initialValue));
-  }, [key, local]);
-  return [storedValue, setValue];
-}
-function useAudio(allowed) {
-  const [audio, setAudio] = useStorage("rpc-audio", false, true);
-  const enabled = audio && allowed;
-  return [enabled, setAudio];
-}
-
-export { useAudio, useChat, useMessages, useStorage };

package/dist/components.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ChatProps } from './types.js';
-import 'peerjs';
-
-declare function Chat({ text, audio, onMessageReceived, dialogOptions, props, children, ...hookProps }: ChatProps): React.JSX.Element;
-
-export { Chat as default };

package/dist/components.js

@@ -1,5 +0,0 @@
-export { Chat as default } from './chunks/chunk-6FW6VHDM.js';
-import './chunks/chunk-R74TCSLB.js';
-import './chunks/chunk-QIPTWGEX.js';
-import './chunks/chunk-MRYWIJDZ.js';
-import './chunks/chunk-FZ4QVG4I.js';

package/dist/hooks.d.ts

@@ -1,11 +0,0 @@
-import { SetStateAction } from 'react';
-import { UseChatProps, UseChatReturn, Message } from './types.js';
-import 'peerjs';
-
-declare function useChat({ peerId, name, remotePeerId, peerOptions, text, recoverChat, audio: allowed, onError, onPeerError, onNetworkError, onMessageSent, onMessageReceived, }: UseChatProps): UseChatReturn;
-declare function useMessages(): readonly [Message[], (value: SetStateAction<Message[]>) => void, (message: Message) => void];
-declare function useStorage<T>(key: string, initialValue: T, local?: boolean): readonly [T, (value: SetStateAction<T>) => void];
-declare function useStorage<T>(key: string, initialValue?: T, local?: boolean): readonly [T | undefined, (value: SetStateAction<T | undefined>) => void];
-declare function useAudio(allowed: boolean): readonly [boolean, (value: SetStateAction<boolean>) => void];
-
-export { useAudio, useChat, useMessages, useStorage };

package/dist/hooks.js

@@ -1,3 +0,0 @@
-export { useAudio, useChat, useMessages, useStorage } from './chunks/chunk-R74TCSLB.js';
-import './chunks/chunk-MRYWIJDZ.js';
-import './chunks/chunk-FZ4QVG4I.js';

package/dist/icons.js

@@ -1,2 +0,0 @@
-export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './chunks/chunk-QIPTWGEX.js';
-import './chunks/chunk-FZ4QVG4I.js';

package/dist/index.d.ts

@@ -1,6 +0,0 @@
-export { default } from './components.js';
-export { useChat } from './hooks.js';
-export { clearChat } from './lib/storage.js';
-import 'react';
-import './types.js';
-import 'peerjs';

package/dist/index.js

@@ -1,5 +0,0 @@
-export { Chat as default } from './chunks/chunk-6FW6VHDM.js';
-export { useChat } from './chunks/chunk-R74TCSLB.js';
-import './chunks/chunk-QIPTWGEX.js';
-export { clearChat } from './chunks/chunk-MRYWIJDZ.js';
-import './chunks/chunk-FZ4QVG4I.js';

package/dist/lib/storage.d.ts

@@ -1,11 +0,0 @@
-import { VoidFunction } from '../types.js';
-import 'peerjs';
-import 'react';
-
-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 +0,0 @@
-export { clearChat, getStorage, removeStorage, setStorage, subscribeToStorage } from '../chunks/chunk-MRYWIJDZ.js';
-import '../chunks/chunk-FZ4QVG4I.js';

package/dist/types.d.ts

@@ -1,59 +0,0 @@
-import { PeerOptions, PeerError, PeerErrorType, DataConnection, MediaConnection } from 'peerjs';
-export { PeerOptions } from 'peerjs';
-import { CSSProperties, DetailedHTMLProps, HTMLAttributes, SetStateAction, ReactNode } from 'react';
-
-type Connection = DataConnection | MediaConnection;
-type ChildrenOptions = {
-    remotePeers: RemotePeers;
-    messages: Message[];
-    sendMessage: (message: InputMessage) => void;
-    audio: boolean;
-    setAudio: (value: SetStateAction<boolean>) => void;
-};
-type ErrorHandler<E = Error> = (error: E) => void;
-type InputMessage = {
-    id: string;
-    text: string;
-};
-type Message = InputMessage & {
-    name: string;
-};
-type MessageEventHandler = (message: Message) => void;
-type PeerErrorHandler = ErrorHandler<PeerError<`${PeerErrorType}`>>;
-
-type RemotePeerId = string | string[];
-type ResetConnectionType = "all" | "data" | "call";
-type UseChatProps = {
-    peerId: string;
-    name?: string;
-    remotePeerId?: RemotePeerId;
-    text?: boolean;
-    recoverChat?: boolean;
-    audio?: boolean;
-    peerOptions?: PeerOptions;
-    onError?: ErrorHandler;
-    onPeerError?: PeerErrorHandler;
-    onNetworkError?: PeerErrorHandler;
-    onMessageSent?: MessageEventHandler;
-    onMessageReceived?: MessageEventHandler;
-};
-type UseChatReturn = ChildrenOptions & {
-    peerId: string;
-};
-type VoidFunction = () => void;
-type IconProps = DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
-type ChatProps = UseChatProps & {
-    dialogOptions?: DialogOptions;
-    props?: DivProps;
-    children?: Children;
-};
-type Children = (childrenOptions: ChildrenOptions) => ReactNode;
-type DialogOptions = {
-    position?: DialogPosition;
-    style?: CSSProperties;
-};
-type DialogPosition = "left" | "center" | "right";
-type DivProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-type RemotePeers = Record<string, string>;
-
-export type { ChatProps, Children, ChildrenOptions, Connection, DialogOptions, DialogPosition, DivProps, ErrorHandler, IconProps, InputMessage, Message, MessageEventHandler, PeerErrorHandler, RemotePeerId, RemotePeers, ResetConnectionType, UseChatProps, UseChatReturn, VoidFunction };

package/dist/types.js

@@ -1 +0,0 @@
-