@conference-kit/react 0.0.2 → 0.0.4

package/dist/components/AudioPlayer.d.ts

@@ -0,0 +1,5 @@
+export type AudioPlayerProps = React.AudioHTMLAttributes<HTMLAudioElement> & {
+    stream?: MediaStream | null;
+};
+export declare function AudioPlayer({ stream, autoPlay, ...props }: AudioPlayerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AudioPlayer.d.ts.map

package/dist/components/AudioPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.d.ts","sourceRoot":"","sources":["../../src/components/AudioPlayer.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3E,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAe,EACf,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAYlB"}

package/dist/components/AudioPlayer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+export function AudioPlayer({ stream, autoPlay = true, ...props }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (!ref.current || !stream)
+            return;
+        ref.current.srcObject = stream;
+        return () => {
+            if (ref.current)
+                ref.current.srcObject = null;
+        };
+    }, [stream]);
+    return _jsx("audio", { ref: ref, autoPlay: autoPlay, ...props });
+}
+//# sourceMappingURL=AudioPlayer.js.map

package/dist/components/AudioPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.js","sourceRoot":"","sources":["../../src/components/AudioPlayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM1C,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,GAAG,KAAK,EACS;IACjB,MAAM,GAAG,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE,OAAO;QACpC,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,CAAC,OAAO;gBAAE,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI,CAAC;AAC5D,CAAC"}

package/dist/components/ErrorBanner.d.ts

@@ -0,0 +1,6 @@
+type ErrorBannerProps = {
+    message: string;
+};
+export declare function ErrorBanner({ message }: ErrorBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ErrorBanner.d.ts.map

package/dist/components/ErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBanner.tsx"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAexD"}

package/dist/components/ErrorBanner.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ErrorBanner({ message }) {
+    return (_jsx("div", { style: {
+            background: "#fef2f2",
+            color: "#991b1b",
+            padding: "8px 12px",
+            borderRadius: 8,
+            border: "1px solid #fecdd3",
+            fontSize: 14,
+        }, children: message }));
+}
+//# sourceMappingURL=ErrorBanner.js.map

package/dist/components/ErrorBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.js","sourceRoot":"","sources":["../../src/components/ErrorBanner.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAoB;IACvD,OAAO,CACL,cACE,KAAK,EAAE;YACL,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,UAAU;YACnB,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,mBAAmB;YAC3B,QAAQ,EAAE,EAAE;SACb,YAEA,OAAO,GACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/StatusBadge.d.ts

@@ -0,0 +1,7 @@
+type StatusBadgeProps = {
+    label: string;
+    tone?: "neutral" | "success" | "warn" | "error";
+};
+export declare function StatusBadge({ label, tone }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/components/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../src/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;CACjD,CAAC;AAgBF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAgB,EAAE,EAAE,gBAAgB,2CAqBxE"}

package/dist/components/StatusBadge.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const toneStyles = {
+    neutral: "#e5e7eb",
+    success: "#d1fae5",
+    warn: "#fef3c7",
+    error: "#fee2e2",
+};
+const toneText = {
+    neutral: "#111827",
+    success: "#065f46",
+    warn: "#92400e",
+    error: "#991b1b",
+};
+export function StatusBadge({ label, tone = "neutral" }) {
+    const bg = toneStyles[tone];
+    const color = toneText[tone];
+    return (_jsx("span", { style: {
+            display: "inline-flex",
+            alignItems: "center",
+            padding: "4px 8px",
+            borderRadius: 999,
+            background: bg,
+            color,
+            fontSize: 12,
+            fontWeight: 600,
+            textTransform: "uppercase",
+            letterSpacing: 0.3,
+        }, children: label }));
+}
+//# sourceMappingURL=StatusBadge.js.map

package/dist/components/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../src/components/StatusBadge.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,GAA0D;IACxE,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,QAAQ,GAA0D;IACtE,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAoB;IACvE,MAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,GAAG;YACjB,UAAU,EAAE,EAAE;YACd,KAAK;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,GAAG;YACf,aAAa,EAAE,WAAW;YAC1B,aAAa,EAAE,GAAG;SACnB,YAEA,KAAK,GACD,CACR,CAAC;AACJ,CAAC"}

package/dist/components/VideoPlayer.d.ts

@@ -0,0 +1,5 @@
+export type VideoPlayerProps = React.VideoHTMLAttributes<HTMLVideoElement> & {
+    stream?: MediaStream | null;
+};
+export declare function VideoPlayer({ stream, autoPlay, playsInline, muted, ...props }: VideoPlayerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VideoPlayer.d.ts.map

package/dist/components/VideoPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3E,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAe,EACf,WAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAoBlB"}

package/dist/components/VideoPlayer.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+export function VideoPlayer({ stream, autoPlay = true, playsInline = true, muted, ...props }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (!ref.current || !stream)
+            return;
+        ref.current.srcObject = stream;
+        return () => {
+            if (ref.current)
+                ref.current.srcObject = null;
+        };
+    }, [stream]);
+    return (_jsx("video", { ref: ref, autoPlay: autoPlay, playsInline: playsInline, muted: muted ?? stream == null, ...props }));
+}
+//# sourceMappingURL=VideoPlayer.js.map

package/dist/components/VideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM1C,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,GAAG,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE,OAAO;QACpC,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,CAAC,OAAO;gBAAE,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IAAI,MAAM,IAAI,IAAI,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/config/features.d.ts

@@ -0,0 +1,10 @@
+export type FeatureConfig = {
+    enableDataChannel?: boolean;
+    enableScreenShare?: boolean;
+    enableWaitingRoom?: boolean;
+    enableHostControls?: boolean;
+    enableActiveSpeaker?: boolean;
+};
+export declare const defaultFeatures: Required<FeatureConfig>;
+export declare function mergeFeatures(features?: FeatureConfig): Required<FeatureConfig>;
+//# sourceMappingURL=features.d.ts.map

package/dist/config/features.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"features.d.ts","sourceRoot":"","sources":["../../src/config/features.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,aAAa,CAMnD,CAAC;AAEF,wBAAgB,aAAa,CAC3B,QAAQ,CAAC,EAAE,aAAa,GACvB,QAAQ,CAAC,aAAa,CAAC,CAEzB"}

package/dist/config/features.js

@@ -0,0 +1,11 @@
+export const defaultFeatures = {
+    enableDataChannel: true,
+    enableScreenShare: true,
+    enableWaitingRoom: false,
+    enableHostControls: false,
+    enableActiveSpeaker: false,
+};
+export function mergeFeatures(features) {
+    return { ...defaultFeatures, ...(features ?? {}) };
+}
+//# sourceMappingURL=features.js.map

package/dist/config/features.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features.js","sourceRoot":"","sources":["../../src/config/features.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,eAAe,GAA4B;IACtD,iBAAiB,EAAE,IAAI;IACvB,iBAAiB,EAAE,IAAI;IACvB,iBAAiB,EAAE,KAAK;IACxB,kBAAkB,EAAE,KAAK;IACzB,mBAAmB,EAAE,KAAK;CAC3B,CAAC;AAEF,MAAM,UAAU,aAAa,CAC3B,QAAwB;IAExB,OAAO,EAAE,GAAG,eAAe,EAAE,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,CAAC;AACrD,CAAC"}

package/dist/context/WebRTCProvider.d.ts

@@ -0,0 +1,12 @@
+import type { SignalData } from "@conference-kit/core";
+export type WebRTCContextValue = {
+    onSignal?: (data: SignalData) => void;
+    config?: RTCConfiguration;
+    trickle?: boolean;
+};
+export type WebRTCProviderProps = WebRTCContextValue & {
+    children: React.ReactNode;
+};
+export declare function WebRTCProvider({ children, onSignal, config, trickle, }: WebRTCProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useWebRTCContext(): WebRTCContextValue;
+//# sourceMappingURL=WebRTCProvider.d.ts.map

package/dist/context/WebRTCProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebRTCProvider.d.ts","sourceRoot":"","sources":["../../src/context/WebRTCProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAMrB;AAED,wBAAgB,gBAAgB,uBAK/B"}

package/dist/context/WebRTCProvider.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const WebRTCContext = createContext(undefined);
+export function WebRTCProvider({ children, onSignal, config, trickle, }) {
+    return (_jsx(WebRTCContext.Provider, { value: { onSignal, config, trickle }, children: children }));
+}
+export function useWebRTCContext() {
+    const value = useContext(WebRTCContext);
+    if (!value)
+        throw new Error("useWebRTCContext must be used within a WebRTCProvider");
+    return value;
+}
+//# sourceMappingURL=WebRTCProvider.js.map

package/dist/context/WebRTCProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebRTCProvider.js","sourceRoot":"","sources":["../../src/context/WebRTCProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,aAAa,GAAG,aAAa,CAAiC,SAAS,CAAC,CAAC;AAM/E,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,YACzD,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACxC,IAAI,CAAC,KAAK;QACR,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/hooks/useCall.d.ts

@@ -0,0 +1,31 @@
+type CallState = "idle" | "calling" | "ringing" | "connected" | "ended";
+type UseCallOptions = {
+    peerId: string;
+    signalingUrl: string;
+    room?: string | null;
+    autoReconnect?: boolean;
+    mediaConstraints?: MediaStreamConstraints;
+    rtcConfig?: RTCConfiguration;
+    trickle?: boolean;
+};
+export type ReturnTypeUseCall = ReturnType<typeof useCall>;
+export declare function useCall(options: UseCallOptions): {
+    readonly peer: import("@conference-kit/core").Peer | null;
+    readonly callState: CallState;
+    readonly connectionState: RTCPeerConnectionState;
+    readonly iceState: RTCIceConnectionState;
+    readonly localStream: MediaStream | null;
+    readonly remoteStream: MediaStream | null;
+    readonly ready: boolean;
+    readonly requesting: boolean;
+    readonly error: Error | null;
+    readonly call: (to: string) => Promise<void>;
+    readonly answer: () => Promise<void>;
+    readonly hangUp: () => void;
+    readonly reset: () => void;
+    readonly muteAudio: (muted: boolean) => void;
+    readonly muteVideo: (muted: boolean) => void;
+    readonly sendData: (payload: string | ArrayBufferView | ArrayBuffer | Blob) => void;
+};
+export {};
+//# sourceMappingURL=useCall.d.ts.map

package/dist/hooks/useCall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCall.d.ts","sourceRoot":"","sources":["../../src/hooks/useCall.ts"],"names":[],"mappings":"AAMA,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAExE,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAE3D,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc;;;;;;;;;;wBA2HhC,MAAM;;;;gCA8CT,OAAO;gCASP,OAAO;iCA2BH,MAAM,GAAG,eAAe,GAAG,WAAW,GAAG,IAAI;EAW5D"}

package/dist/hooks/useCall.js

@@ -0,0 +1,168 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useMediaStream } from "./useMediaStream";
+import { useWebRTC } from "./useWebRTC";
+import { SignalingClient } from "../signaling/SignalingClient";
+export function useCall(options) {
+    const { peerId, signalingUrl, room, autoReconnect = true, mediaConstraints, rtcConfig, trickle, } = options;
+    const { stream: localStream, ready, requesting, error: mediaError, requestStream, stopStream, } = useMediaStream({ constraints: mediaConstraints });
+    const [callState, setCallState] = useState("idle");
+    const [targetId, setTargetId] = useState(null);
+    const [side, setSide] = useState("initiator");
+    const [callError, setCallError] = useState(null);
+    const pendingSignals = useRef([]);
+    const pendingOutbound = useRef([]);
+    const shouldEnablePeer = targetId !== null || callState !== "idle";
+    const signaling = useMemo(() => new SignalingClient({
+        url: signalingUrl,
+        peerId,
+        room,
+        autoReconnect,
+    }), [autoReconnect, peerId, room, signalingUrl]);
+    useEffect(() => {
+        signaling.connect();
+        return () => signaling.close();
+    }, [signaling]);
+    const { peer, remoteStream, connectionState, iceState, error: webrtcError, signal, sendData, destroy, } = useWebRTC({
+        side,
+        stream: localStream ?? undefined,
+        config: rtcConfig,
+        trickle,
+        enabled: shouldEnablePeer,
+        onSignal: (data) => {
+            if (!targetId) {
+                pendingOutbound.current.push(data);
+                return;
+            }
+            signaling.sendSignal(targetId, data);
+        },
+    });
+    useEffect(() => {
+        if (!webrtcError)
+            return;
+        destroy();
+        setCallState("idle");
+        setTargetId(null);
+        pendingSignals.current = [];
+        pendingOutbound.current = [];
+        stopStream();
+    }, [destroy, stopStream, webrtcError]);
+    useEffect(() => {
+        if (!targetId)
+            return;
+        if (!pendingOutbound.current.length)
+            return;
+        for (const msg of pendingOutbound.current) {
+            signaling.sendSignal(targetId, msg);
+        }
+        pendingOutbound.current = [];
+    }, [signaling, targetId]);
+    useEffect(() => {
+        if (!peer)
+            return;
+        if (pendingSignals.current.length === 0)
+            return;
+        for (const msg of pendingSignals.current) {
+            void signal(msg);
+        }
+        pendingSignals.current = [];
+    }, [peer, signal]);
+    const handleIncoming = useCallback(({ from, data }) => {
+        setTargetId((prev) => prev ?? from);
+        if (callState === "idle")
+            setCallState("ringing");
+        if (callState === "ended")
+            setCallState("ringing");
+        // If peer not ready yet, queue and ensure responder side
+        if (!peer) {
+            pendingSignals.current.push(data);
+            setSide("responder");
+            return;
+        }
+        void signal(data);
+    }, [callState, peer, signal]);
+    useEffect(() => {
+        const onSignal = ({ from, data }) => handleIncoming({ from, data: data });
+        signaling.on("signal", onSignal);
+        return () => signaling.off("signal", onSignal);
+    }, [handleIncoming, signaling]);
+    const call = useCallback(async (to) => {
+        setTargetId(to);
+        setSide("initiator");
+        setCallState("calling");
+        try {
+            if (!ready && !requesting) {
+                await requestStream();
+            }
+        }
+        catch (error) {
+            setCallError(error);
+        }
+    }, [ready, requesting, requestStream]);
+    const answer = useCallback(async () => {
+        setSide("responder");
+        setCallState("connected");
+        try {
+            if (!ready && !requesting) {
+                await requestStream();
+            }
+        }
+        catch (error) {
+            setCallError(error);
+        }
+    }, [ready, requesting, requestStream]);
+    const hangUp = useCallback(() => {
+        destroy();
+        setCallState("idle");
+        setTargetId(null);
+        stopStream();
+    }, [destroy, stopStream]);
+    const reset = useCallback(() => {
+        destroy();
+        pendingSignals.current = [];
+        pendingOutbound.current = [];
+        setCallState("idle");
+        setTargetId(null);
+        setSide("initiator");
+        setCallError(null);
+        stopStream();
+    }, [destroy, stopStream]);
+    const muteAudio = useCallback((muted) => {
+        localStream?.getAudioTracks().forEach((track) => {
+            track.enabled = !muted;
+        });
+    }, [localStream]);
+    const muteVideo = useCallback((muted) => {
+        localStream?.getVideoTracks().forEach((track) => {
+            track.enabled = !muted;
+        });
+    }, [localStream]);
+    const currentError = callError ?? webrtcError ?? mediaError ?? null;
+    return {
+        peer,
+        callState,
+        connectionState,
+        iceState,
+        localStream,
+        remoteStream,
+        ready,
+        requesting,
+        error: currentError,
+        call,
+        answer,
+        hangUp,
+        reset,
+        muteAudio,
+        muteVideo,
+        sendData: useCallback((payload) => {
+            try {
+                if (!peer)
+                    return;
+                peer.send(payload);
+            }
+            catch (error) {
+                setCallError(error);
+            }
+        }, [peer]),
+    };
+}
+//# sourceMappingURL=useCall.js.map

package/dist/hooks/useCall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCall.js","sourceRoot":"","sources":["../../src/hooks/useCall.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAkB/D,MAAM,UAAU,OAAO,CAAC,OAAuB;IAC7C,MAAM,EACJ,MAAM,EACN,YAAY,EACZ,IAAI,EACJ,aAAa,GAAG,IAAI,EACpB,gBAAgB,EAChB,SAAS,EACT,OAAO,GACR,GAAG,OAAO,CAAC;IAEZ,MAAM,EACJ,MAAM,EAAE,WAAW,EACnB,KAAK,EACL,UAAU,EACV,KAAK,EAAE,UAAU,EACjB,aAAa,EACb,UAAU,GACX,GAAG,cAAc,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,MAAM,CAAC,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,WAAW,CAAC,CAAC;IACxD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,MAAM,CAAe,EAAE,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,MAAM,CAAe,EAAE,CAAC,CAAC;IAEjD,MAAM,gBAAgB,GAAG,QAAQ,KAAK,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC;IAEnE,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,IAAI,eAAe,CAAC;QAClB,GAAG,EAAE,YAAY;QACjB,MAAM;QACN,IAAI;QACJ,aAAa;KACd,CAAC,EACJ,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,CAC5C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,EACJ,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,KAAK,EAAE,WAAW,EAClB,MAAM,EACN,QAAQ,EACR,OAAO,GACR,GAAG,SAAS,CAAC;QACZ,IAAI;QACJ,MAAM,EAAE,WAAW,IAAI,SAAS;QAChC,MAAM,EAAE,SAAS;QACjB,OAAO;QACP,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACnC,OAAO;YACT,CAAC;YACD,SAAS,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACvC,CAAC;KACF,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,OAAO,EAAE,CAAC;QACV,YAAY,CAAC,MAAM,CAAC,CAAC;QACrB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC;QAC5B,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;QAC7B,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM;YAAE,OAAO;QAC5C,KAAK,MAAM,GAAG,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1C,SAAS,CAAC,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACtC,CAAC;QACD,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,cAAc,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAChD,KAAK,MAAM,GAAG,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YACzC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC;QACD,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAkB,EAAE,EAAE;QACjC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QACpC,IAAI,SAAS,KAAK,MAAM;YAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QAClD,IAAI,SAAS,KAAK,OAAO;YAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QAEnD,yDAAyD;QACzD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClC,OAAO,CAAC,WAAW,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QAED,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAmC,EAAE,EAAE,CACnE,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAkB,EAAE,CAAC,CAAC;QACrD,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,MAAM,IAAI,GAAG,WAAW,CACtB,KAAK,EAAE,EAAU,EAAE,EAAE;QACnB,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,IAAI,CAAC;YACH,IAAI,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC1B,MAAM,aAAa,EAAE,CAAC;YACxB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,YAAY,CAAC,KAAc,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CACnC,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpC,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,YAAY,CAAC,WAAW,CAAC,CAAC;QAC1B,IAAI,CAAC;YACH,IAAI,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC1B,MAAM,aAAa,EAAE,CAAC;YACxB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,YAAY,CAAC,KAAc,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,OAAO,EAAE,CAAC;QACV,YAAY,CAAC,MAAM,CAAC,CAAC;QACrB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,OAAO,EAAE,CAAC;QACV,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC;QAC5B,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;QAC7B,YAAY,CAAC,MAAM,CAAC,CAAC;QACrB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,CAAC,WAAW,CAAC,CAAC;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAc,EAAE,EAAE;QACjB,WAAW,EAAE,cAAc,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9C,KAAK,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAc,EAAE,EAAE;QACjB,WAAW,EAAE,cAAc,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9C,KAAK,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,YAAY,GAAG,SAAS,IAAI,WAAW,IAAI,UAAU,IAAI,IAAI,CAAC;IAEpE,OAAO;QACL,IAAI;QACJ,SAAS;QACT,eAAe;QACf,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,KAAK;QACL,UAAU;QACV,KAAK,EAAE,YAAY;QACnB,IAAI;QACJ,MAAM;QACN,MAAM;QACN,KAAK;QACL,SAAS;QACT,SAAS;QACT,QAAQ,EAAE,WAAW,CACnB,CAAC,OAAsD,EAAE,EAAE;YACzD,IAAI,CAAC;gBACH,IAAI,CAAC,IAAI;oBAAE,OAAO;gBAClB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,YAAY,CAAC,KAAc,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC,EACD,CAAC,IAAI,CAAC,CACP;KACO,CAAC;AACb,CAAC"}

package/dist/hooks/useCallState.d.ts

@@ -0,0 +1,18 @@
+import type { ReturnTypeUseCall } from "./useCall";
+type UseCallStateOptions = {
+    hasTarget?: boolean;
+};
+type CallStateView = {
+    callLabel: string;
+    connLabel: string;
+    iceLabel: string;
+    canCall: boolean;
+    canAnswer: boolean;
+    canHangUp: boolean;
+    canReset: boolean;
+    inCall: boolean;
+    errorMessage: string | null;
+};
+export declare function useCallState(call: ReturnTypeUseCall, options?: UseCallStateOptions): CallStateView;
+export {};
+//# sourceMappingURL=useCallState.d.ts.map

package/dist/hooks/useCallState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallState.d.ts","sourceRoot":"","sources":["../../src/hooks/useCallState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAEnD,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,YAAY,CAC1B,IAAI,EAAE,iBAAiB,EACvB,OAAO,GAAE,mBAAwB,GAChC,aAAa,CAgCf"}

package/dist/hooks/useCallState.js

@@ -0,0 +1,33 @@
+import { useMemo } from "react";
+export function useCallState(call, options = {}) {
+    const hasTarget = options.hasTarget ?? false;
+    return useMemo(() => {
+        const callLabel = call.callState;
+        const connLabel = call.connectionState;
+        const iceLabel = call.iceState;
+        const canCall = hasTarget && call.callState === "idle";
+        const canAnswer = call.callState === "ringing";
+        const canHangUp = call.callState !== "idle";
+        const canReset = true;
+        const inCall = call.callState === "connected";
+        const errorMessage = call.error?.message ?? null;
+        return {
+            callLabel,
+            connLabel,
+            iceLabel,
+            canCall,
+            canAnswer,
+            canHangUp,
+            canReset,
+            inCall,
+            errorMessage,
+        };
+    }, [
+        call.callState,
+        call.connectionState,
+        call.error,
+        call.iceState,
+        hasTarget,
+    ]);
+}
+//# sourceMappingURL=useCallState.js.map

package/dist/hooks/useCallState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallState.js","sourceRoot":"","sources":["../../src/hooks/useCallState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAmBhC,MAAM,UAAU,YAAY,CAC1B,IAAuB,EACvB,UAA+B,EAAE;IAEjC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,KAAK,CAAC;IAE7C,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,OAAO,GAAG,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;QACvD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,WAAW,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI,IAAI,CAAC;QAEjD,OAAO;YACL,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,SAAS;YACT,SAAS;YACT,QAAQ;YACR,MAAM;YACN,YAAY;SACb,CAAC;IACJ,CAAC,EAAE;QACD,IAAI,CAAC,SAAS;QACd,IAAI,CAAC,eAAe;QACpB,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,QAAQ;QACb,SAAS;KACV,CAAC,CAAC;AACL,CAAC"}

package/dist/hooks/useDataChannel.d.ts

@@ -0,0 +1,13 @@
+import type { Peer } from "@conference-kit/core";
+export type UseDataChannelState = {
+    ready: boolean;
+    lastMessage: unknown;
+    error: Error | null;
+};
+export declare function useDataChannel(peer: Peer | null): {
+    readonly send: (payload: string | ArrayBufferView | ArrayBuffer | Blob) => void;
+    readonly ready: boolean;
+    readonly lastMessage: unknown;
+    readonly error: Error | null;
+};
+//# sourceMappingURL=useDataChannel.d.ts.map

package/dist/hooks/useDataChannel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataChannel.d.ts","sourceRoot":"","sources":["../../src/hooks/useDataChannel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;6BA+BlC,MAAM,GAAG,eAAe,GAAG,WAAW,GAAG,IAAI;oBApClD,OAAO;0BACD,OAAO;oBACb,KAAK,GAAG,IAAI;EA0CpB"}

package/dist/hooks/useDataChannel.js

@@ -0,0 +1,33 @@
+import { useCallback, useEffect, useState } from "react";
+export function useDataChannel(peer) {
+    const [state, setState] = useState({
+        ready: false,
+        lastMessage: null,
+        error: null,
+    });
+    useEffect(() => {
+        if (!peer)
+            return;
+        const handleConnect = () => setState((prev) => ({ ...prev, ready: true }));
+        const handleData = (data) => setState((prev) => ({ ...prev, lastMessage: data }));
+        const handleError = (error) => setState((prev) => ({ ...prev, error }));
+        const handleClose = () => setState((prev) => ({ ...prev, ready: false }));
+        peer.on("connect", handleConnect);
+        peer.on("data", handleData);
+        peer.on("error", handleError);
+        peer.on("close", handleClose);
+        return () => {
+            peer.off("connect", handleConnect);
+            peer.off("data", handleData);
+            peer.off("error", handleError);
+            peer.off("close", handleClose);
+        };
+    }, [peer]);
+    const send = useCallback((payload) => {
+        if (!peer)
+            throw new Error("Peer not ready");
+        peer.send(payload);
+    }, [peer]);
+    return { ...state, send };
+}
+//# sourceMappingURL=useDataChannel.js.map

package/dist/hooks/useDataChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataChannel.js","sourceRoot":"","sources":["../../src/hooks/useDataChannel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASzD,MAAM,UAAU,cAAc,CAAC,IAAiB;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACtD,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,IAAI;QACjB,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3E,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE,CACnC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACvD,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE,CACnC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC3C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAE1E,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,UAAiB,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC9B,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE9B,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACnC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,UAAiB,CAAC,CAAC;YACpC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAC/B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,OAAsD,EAAE,EAAE;QACzD,IAAI,CAAC,IAAI;YAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAC7C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAW,CAAC;AACrC,CAAC"}

package/dist/hooks/useDataChannelMessages.d.ts

@@ -0,0 +1,17 @@
+import type { Peer } from "@conference-kit/core";
+type Options = {
+    limit?: number;
+};
+type MessageEntry = {
+    id: string;
+    direction: "in" | "out";
+    payload: unknown;
+};
+export declare function useDataChannelMessages(peer: Peer | null, options?: Options): {
+    ready: boolean;
+    error: Error | null;
+    messages: MessageEntry[];
+    sendMessage: (payload: string | ArrayBufferView | ArrayBuffer | Blob) => void;
+};
+export {};
+//# sourceMappingURL=useDataChannelMessages.d.ts.map

package/dist/hooks/useDataChannelMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataChannelMessages.d.ts","sourceRoot":"","sources":["../../src/hooks/useDataChannelMessages.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAejD,KAAK,OAAO,GAAG;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO;;;;2BAsB7D,MAAM,GAAG,eAAe,GAAG,WAAW,GAAG,IAAI;EAwB1D"}

package/dist/hooks/useDataChannelMessages.js

@@ -0,0 +1,49 @@
+import { useEffect, useMemo, useState, useCallback } from "react";
+import { useDataChannel } from "./useDataChannel";
+const makeId = () => {
+    if (typeof crypto !== "undefined" &&
+        typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID();
+    }
+    const rand = Math.random().toString(36).slice(2, 10);
+    const time = Date.now().toString(36);
+    return `${time}-${rand}`;
+};
+export function useDataChannelMessages(peer, options) {
+    const limit = options?.limit ?? 50;
+    const channel = useDataChannel(peer);
+    const [messages, setMessages] = useState([]);
+    useEffect(() => {
+        if (channel.lastMessage === null || channel.lastMessage === undefined)
+            return;
+        setMessages((prev) => {
+            const next = [
+                {
+                    id: makeId(),
+                    direction: "in",
+                    payload: channel.lastMessage,
+                },
+                ...prev,
+            ];
+            return next.slice(0, limit);
+        });
+    }, [channel.lastMessage, limit]);
+    const sendMessage = useCallback((payload) => {
+        channel.send(payload);
+        setMessages((prev) => {
+            const next = [
+                { id: makeId(), direction: "out", payload },
+                ...prev,
+            ];
+            return next.slice(0, limit);
+        });
+    }, [channel, limit]);
+    const state = useMemo(() => ({
+        ready: channel.ready,
+        error: channel.error,
+        messages,
+        sendMessage,
+    }), [channel.error, channel.ready, messages, sendMessage]);
+    return state;
+}
+//# sourceMappingURL=useDataChannelMessages.js.map

package/dist/hooks/useDataChannelMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataChannelMessages.js","sourceRoot":"","sources":["../../src/hooks/useDataChannelMessages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,MAAM,GAAG,GAAG,EAAE;IAClB,IACE,OAAO,MAAM,KAAK,WAAW;QAC7B,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EACvC,CAAC;QACD,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,OAAO,GAAG,IAAI,IAAI,IAAI,EAAE,CAAC;AAC3B,CAAC,CAAC;AAYF,MAAM,UAAU,sBAAsB,CAAC,IAAiB,EAAE,OAAiB;IACzE,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,WAAW,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,KAAK,SAAS;YACnE,OAAO;QACT,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG;gBACX;oBACE,EAAE,EAAE,MAAM,EAAE;oBACZ,SAAS,EAAE,IAAa;oBACxB,OAAO,EAAE,OAAO,CAAC,WAAW;iBAC7B;gBACD,GAAG,IAAI;aACR,CAAC;YACF,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,OAAsD,EAAE,EAAE;QACzD,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtB,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG;gBACX,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,KAAc,EAAE,OAAO,EAAE;gBACpD,GAAG,IAAI;aACR,CAAC;YACF,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,EAAE,KAAK,CAAC,CACjB,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,QAAQ;QACR,WAAW;KACZ,CAAC,EACF,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CACtD,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC"}