sa2kit 3.0.0 → 3.2.0

package/dist/screenReceiver/index.js

@@ -1,281 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/screenReceiver/useScreenReceiver.ts
-var DEFAULT_STUN_SERVER = { urls: "stun:stun.l.google.com:19302" };
-function parseMessage(payload) {
-  try {
-    if (typeof payload === "string") return JSON.parse(payload);
-    if (payload instanceof ArrayBuffer) return JSON.parse(new TextDecoder().decode(payload));
-    return JSON.parse(String(payload));
-  } catch {
-    return null;
-  }
-}
-function useScreenReceiver(options) {
-  const { wsUrl, roomId, iceServers = [DEFAULT_STUN_SERVER], maxLogs = 80 } = options;
-  const [logs, setLogs] = React.useState([]);
-  const [isConnected, setIsConnected] = React.useState(false);
-  const [connectionState, setConnectionState] = React.useState("idle");
-  const [iceConnectionState, setIceConnectionState] = React.useState("idle");
-  const [stream, setStream] = React.useState(null);
-  const logIdRef = React.useRef(0);
-  const peerRef = React.useRef({ pendingCandidates: [] });
-  const videoRef = React.useRef(null);
-  const appendLog = React.useCallback(
-    (text) => {
-      logIdRef.current += 1;
-      setLogs((prev) => [...prev, { id: logIdRef.current, text }].slice(-maxLogs));
-    },
-    [maxLogs]
-  );
-  const disconnect = React.useCallback(() => {
-    peerRef.current.ws?.close();
-    peerRef.current.pc?.close();
-    peerRef.current = { pendingCandidates: [] };
-    setIsConnected(false);
-    setConnectionState("idle");
-    setIceConnectionState("idle");
-    setStream(null);
-  }, []);
-  const connect = React.useCallback(async () => {
-    disconnect();
-    const normalizedWsUrl = wsUrl.trim();
-    const normalizedRoomId = roomId.trim();
-    if (!normalizedWsUrl) {
-      appendLog("ws url is empty");
-      return;
-    }
-    if (!normalizedRoomId) {
-      appendLog("room id is empty");
-      return;
-    }
-    appendLog(`connecting: ${normalizedWsUrl}`);
-    let ws;
-    try {
-      ws = new WebSocket(normalizedWsUrl);
-    } catch (error) {
-      appendLog(`ws create error: ${String(error)}`);
-      return;
-    }
-    const pc = new RTCPeerConnection({ iceServers });
-    pc.addTransceiver("video", { direction: "recvonly" });
-    peerRef.current.ws = ws;
-    peerRef.current.pc = pc;
-    peerRef.current.pendingCandidates = [];
-    ws.onopen = () => {
-      appendLog("ws connected");
-      setIsConnected(true);
-      ws.send(JSON.stringify({ type: "join", roomId: normalizedRoomId, role: "viewer" }));
-    };
-    ws.onclose = () => {
-      appendLog("ws closed");
-      setIsConnected(false);
-    };
-    ws.onerror = (event) => {
-      appendLog(`ws error: ${event.type}`);
-    };
-    ws.onmessage = async (event) => {
-      const message = parseMessage(event.data);
-      if (!message) {
-        appendLog("ws message parse error");
-        return;
-      }
-      if (message.type === "joined") {
-        const joined = message;
-        peerRef.current.selfPeerId = joined.peerId;
-        appendLog(`joined room ${joined.roomId} as ${joined.peerId}`);
-        return;
-      }
-      if (message.type === "room_state") {
-        const roomState = message;
-        const broadcaster = roomState.peers.find((peer) => peer.role === "broadcaster");
-        if (broadcaster) {
-          peerRef.current.publisherPeerId = broadcaster.peerId;
-          appendLog(`broadcaster online: ${broadcaster.peerId}`);
-        }
-        return;
-      }
-      if (message.type === "offer" && typeof message.sdp === "string") {
-        appendLog("offer received");
-        peerRef.current.publisherPeerId = typeof message.fromPeerId === "string" ? message.fromPeerId : void 0;
-        await pc.setRemoteDescription({ type: "offer", sdp: message.sdp });
-        for (const candidate of peerRef.current.pendingCandidates) {
-          try {
-            await pc.addIceCandidate(candidate);
-          } catch (error) {
-            appendLog(`ice err: ${String(error)}`);
-          }
-        }
-        peerRef.current.pendingCandidates = [];
-        const answer = await pc.createAnswer();
-        await pc.setLocalDescription(answer);
-        ws.send(
-          JSON.stringify({
-            type: "answer",
-            sdp: answer.sdp,
-            targetPeerId: peerRef.current.publisherPeerId
-          })
-        );
-        appendLog("answer sent");
-        return;
-      }
-      if (message.type === "ice" && message.candidate) {
-        if (!pc.remoteDescription) {
-          peerRef.current.pendingCandidates.push(message.candidate);
-          return;
-        }
-        try {
-          await pc.addIceCandidate(message.candidate);
-        } catch (error) {
-          appendLog(`ice err: ${String(error)}`);
-        }
-        return;
-      }
-      if (message.type === "peer_left") {
-        const peerLeft = message;
-        if (peerLeft.peerId === peerRef.current.publisherPeerId) {
-          peerRef.current.publisherPeerId = void 0;
-          appendLog(`publisher left: ${peerLeft.peerId}`);
-        }
-        return;
-      }
-      if (message.type === "error") {
-        appendLog(`server error: ${String(message.reason ?? "unknown")}`);
-      }
-    };
-    pc.ontrack = (event) => {
-      const receivedStream = event.streams[0];
-      if (receivedStream) {
-        setStream(receivedStream);
-        appendLog("track received");
-      }
-    };
-    pc.onicecandidate = (event) => {
-      if (!event.candidate) return;
-      ws.send(
-        JSON.stringify({
-          type: "ice",
-          candidate: event.candidate,
-          targetPeerId: peerRef.current.publisherPeerId
-        })
-      );
-    };
-    pc.onconnectionstatechange = () => {
-      const state = pc.connectionState || "new";
-      setConnectionState(state);
-      appendLog(`pc state: ${state}`);
-    };
-    pc.oniceconnectionstatechange = () => {
-      const state = pc.iceConnectionState || "new";
-      setIceConnectionState(state);
-      appendLog(`ice state: ${state}`);
-    };
-  }, [appendLog, disconnect, iceServers, roomId, wsUrl]);
-  React.useEffect(() => () => disconnect(), [disconnect]);
-  React.useEffect(() => {
-    if (!videoRef.current) return;
-    videoRef.current.srcObject = stream;
-  }, [stream]);
-  const clearLogs = React.useCallback(() => setLogs([]), []);
-  return React.useMemo(
-    () => ({
-      connect,
-      disconnect,
-      clearLogs,
-      logs,
-      isConnected,
-      connectionState,
-      iceConnectionState,
-      videoRef,
-      stream
-    }),
-    [clearLogs, connect, connectionState, disconnect, iceConnectionState, isConnected, logs, stream]
-  );
-}
-
-// src/screenReceiver/signalUrl.ts
-var DEFAULT_PORT = 8787;
-var DEFAULT_PATH = "/ws";
-function resolveScreenReceiverSignalUrl(options = {}) {
-  const { signalUrl, path = DEFAULT_PATH, port = DEFAULT_PORT } = options;
-  if (signalUrl && signalUrl.trim()) return signalUrl.trim();
-  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
-  if (typeof window !== "undefined") {
-    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-    return `${protocol}//${window.location.host}${normalizedPath}`;
-  }
-  return `ws://127.0.0.1:${port}${normalizedPath}`;
-}
-var DEFAULT_ROOM_ID = "screen-room-1";
-function ScreenReceiverPanel(props) {
-  const { defaultSignalUrl, defaultRoomId = DEFAULT_ROOM_ID, className } = props;
-  const initialSignalUrl = React.useMemo(
-    () => resolveScreenReceiverSignalUrl({ signalUrl: defaultSignalUrl }),
-    [defaultSignalUrl]
-  );
-  const [wsUrl, setWsUrl] = React.useState(initialSignalUrl);
-  const [roomId, setRoomId] = React.useState(defaultRoomId);
-  const receiver = useScreenReceiver({ wsUrl, roomId });
-  const logs = React.useMemo(() => receiver.logs.map((entry) => entry.text).join("\n"), [receiver.logs]);
-  return /* @__PURE__ */ React__default.default.createElement("div", { className }, /* @__PURE__ */ React__default.default.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React__default.default.createElement("div", { className: "grid gap-3 md:grid-cols-[2fr,1fr,auto]" }, /* @__PURE__ */ React__default.default.createElement("label", { className: "flex flex-col gap-1 text-sm" }, /* @__PURE__ */ React__default.default.createElement("span", null, "Signaling WS"), /* @__PURE__ */ React__default.default.createElement(
-    "input",
-    {
-      className: "rounded-md border px-3 py-2",
-      value: wsUrl,
-      onChange: (event) => setWsUrl(event.target.value)
-    }
-  )), /* @__PURE__ */ React__default.default.createElement("label", { className: "flex flex-col gap-1 text-sm" }, /* @__PURE__ */ React__default.default.createElement("span", null, "Room"), /* @__PURE__ */ React__default.default.createElement(
-    "input",
-    {
-      className: "rounded-md border px-3 py-2",
-      value: roomId,
-      onChange: (event) => setRoomId(event.target.value)
-    }
-  )), /* @__PURE__ */ React__default.default.createElement("div", { className: "flex items-end gap-2" }, /* @__PURE__ */ React__default.default.createElement(
-    "button",
-    {
-      onClick: () => void receiver.connect(),
-      className: "rounded-md border bg-black px-4 py-2 text-sm text-white"
-    },
-    receiver.isConnected ? "Reconnect" : "Connect"
-  ), /* @__PURE__ */ React__default.default.createElement(
-    "button",
-    {
-      onClick: receiver.disconnect,
-      className: "rounded-md border px-4 py-2 text-sm"
-    },
-    "Disconnect"
-  ))), /* @__PURE__ */ React__default.default.createElement("div", { className: "grid gap-3 md:grid-cols-3" }, /* @__PURE__ */ React__default.default.createElement(StatusItem, { label: "WebSocket", value: receiver.isConnected ? "connected" : "idle" }), /* @__PURE__ */ React__default.default.createElement(StatusItem, { label: "PeerConnection", value: receiver.connectionState }), /* @__PURE__ */ React__default.default.createElement(StatusItem, { label: "ICE State", value: receiver.iceConnectionState })), /* @__PURE__ */ React__default.default.createElement("div", { className: "grid gap-4 lg:grid-cols-[3fr,2fr]" }, /* @__PURE__ */ React__default.default.createElement("div", { className: "rounded-xl border bg-black p-3" }, /* @__PURE__ */ React__default.default.createElement(
-    "video",
-    {
-      ref: receiver.videoRef,
-      autoPlay: true,
-      playsInline: true,
-      controls: true,
-      muted: true,
-      className: "h-[360px] w-full rounded-lg bg-black"
-    }
-  )), /* @__PURE__ */ React__default.default.createElement("div", { className: "rounded-xl border p-3" }, /* @__PURE__ */ React__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React__default.default.createElement("p", { className: "text-sm font-semibold" }, "Session Log"), /* @__PURE__ */ React__default.default.createElement(
-    "button",
-    {
-      onClick: receiver.clearLogs,
-      className: "text-xs underline-offset-2 hover:underline"
-    },
-    "Clear"
-  )), /* @__PURE__ */ React__default.default.createElement("pre", { className: "mt-3 h-[320px] overflow-auto rounded-lg border bg-slate-50 p-3 text-xs" }, logs || "No logs yet.")))));
-}
-function StatusItem({ label, value }) {
-  return /* @__PURE__ */ React__default.default.createElement("div", { className: "rounded-md border px-3 py-2" }, /* @__PURE__ */ React__default.default.createElement("p", { className: "text-xs text-slate-500" }, label), /* @__PURE__ */ React__default.default.createElement("p", { className: "text-sm font-medium" }, value));
-}
-
-exports.ScreenReceiverPanel = ScreenReceiverPanel;
-exports.resolveScreenReceiverSignalUrl = resolveScreenReceiverSignalUrl;
-exports.useScreenReceiver = useScreenReceiver;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/screenReceiver/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/screenReceiver/useScreenReceiver.ts","../../src/screenReceiver/signalUrl.ts","../../src/screenReceiver/ScreenReceiverPanel.tsx"],"names":["useState","useRef","useCallback","useEffect","useMemo","React"],"mappings":"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","file":"index.js","sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type {\n  ScreenReceiverJoinedMessage,\n  ScreenReceiverPeerLeftMessage,\n  ScreenReceiverRoomStateMessage,\n} from './types';\n\nconst DEFAULT_STUN_SERVER: RTCIceServer = { urls: 'stun:stun.l.google.com:19302' };\n\nexport interface ScreenReceiverLogEntry {\n  id: number;\n  text: string;\n}\n\nexport interface UseScreenReceiverOptions {\n  wsUrl: string;\n  roomId: string;\n  iceServers?: RTCIceServer[];\n  maxLogs?: number;\n}\n\nexport interface UseScreenReceiverReturn {\n  connect: () => Promise<void>;\n  disconnect: () => void;\n  clearLogs: () => void;\n  logs: ScreenReceiverLogEntry[];\n  isConnected: boolean;\n  connectionState: RTCPeerConnectionState | 'idle';\n  iceConnectionState: RTCIceConnectionState | 'idle';\n  videoRef: RefObject<HTMLVideoElement>;\n  stream: MediaStream | null;\n}\n\ntype PeerContext = {\n  ws?: WebSocket;\n  pc?: RTCPeerConnection;\n  pendingCandidates: RTCIceCandidateInit[];\n  selfPeerId?: string;\n  publisherPeerId?: string;\n};\n\nfunction parseMessage(payload: MessageEvent['data']): Record<string, any> | null {\n  try {\n    if (typeof payload === 'string') return JSON.parse(payload);\n    if (payload instanceof ArrayBuffer) return JSON.parse(new TextDecoder().decode(payload));\n    return JSON.parse(String(payload));\n  } catch {\n    return null;\n  }\n}\n\nexport function useScreenReceiver(options: UseScreenReceiverOptions): UseScreenReceiverReturn {\n  const { wsUrl, roomId, iceServers = [DEFAULT_STUN_SERVER], maxLogs = 80 } = options;\n  const [logs, setLogs] = useState<ScreenReceiverLogEntry[]>([]);\n  const [isConnected, setIsConnected] = useState(false);\n  const [connectionState, setConnectionState] = useState<RTCPeerConnectionState | 'idle'>('idle');\n  const [iceConnectionState, setIceConnectionState] = useState<RTCIceConnectionState | 'idle'>('idle');\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const logIdRef = useRef(0);\n  const peerRef = useRef<PeerContext>({ pendingCandidates: [] });\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const appendLog = useCallback(\n    (text: string) => {\n      logIdRef.current += 1;\n      setLogs((prev) => [...prev, { id: logIdRef.current, text }].slice(-maxLogs));\n    },\n    [maxLogs],\n  );\n\n  const disconnect = useCallback(() => {\n    peerRef.current.ws?.close();\n    peerRef.current.pc?.close();\n    peerRef.current = { pendingCandidates: [] };\n    setIsConnected(false);\n    setConnectionState('idle');\n    setIceConnectionState('idle');\n    setStream(null);\n  }, []);\n\n  const connect = useCallback(async () => {\n    disconnect();\n\n    const normalizedWsUrl = wsUrl.trim();\n    const normalizedRoomId = roomId.trim();\n    if (!normalizedWsUrl) {\n      appendLog('ws url is empty');\n      return;\n    }\n    if (!normalizedRoomId) {\n      appendLog('room id is empty');\n      return;\n    }\n\n    appendLog(`connecting: ${normalizedWsUrl}`);\n\n    let ws: WebSocket;\n    try {\n      ws = new WebSocket(normalizedWsUrl);\n    } catch (error) {\n      appendLog(`ws create error: ${String(error)}`);\n      return;\n    }\n\n    const pc = new RTCPeerConnection({ iceServers });\n    pc.addTransceiver('video', { direction: 'recvonly' });\n\n    peerRef.current.ws = ws;\n    peerRef.current.pc = pc;\n    peerRef.current.pendingCandidates = [];\n\n    ws.onopen = () => {\n      appendLog('ws connected');\n      setIsConnected(true);\n      ws.send(JSON.stringify({ type: 'join', roomId: normalizedRoomId, role: 'viewer' }));\n    };\n\n    ws.onclose = () => {\n      appendLog('ws closed');\n      setIsConnected(false);\n    };\n\n    ws.onerror = (event) => {\n      appendLog(`ws error: ${event.type}`);\n    };\n\n    ws.onmessage = async (event) => {\n      const message = parseMessage(event.data);\n      if (!message) {\n        appendLog('ws message parse error');\n        return;\n      }\n\n      if (message.type === 'joined') {\n        const joined = message as ScreenReceiverJoinedMessage;\n        peerRef.current.selfPeerId = joined.peerId;\n        appendLog(`joined room ${joined.roomId} as ${joined.peerId}`);\n        return;\n      }\n\n      if (message.type === 'room_state') {\n        const roomState = message as ScreenReceiverRoomStateMessage;\n        const broadcaster = roomState.peers.find((peer) => peer.role === 'broadcaster');\n        if (broadcaster) {\n          peerRef.current.publisherPeerId = broadcaster.peerId;\n          appendLog(`broadcaster online: ${broadcaster.peerId}`);\n        }\n        return;\n      }\n\n      if (message.type === 'offer' && typeof message.sdp === 'string') {\n        appendLog('offer received');\n        peerRef.current.publisherPeerId = typeof message.fromPeerId === 'string' ? message.fromPeerId : undefined;\n        await pc.setRemoteDescription({ type: 'offer', sdp: message.sdp });\n        for (const candidate of peerRef.current.pendingCandidates) {\n          try {\n            await pc.addIceCandidate(candidate);\n          } catch (error) {\n            appendLog(`ice err: ${String(error)}`);\n          }\n        }\n        peerRef.current.pendingCandidates = [];\n\n        const answer = await pc.createAnswer();\n        await pc.setLocalDescription(answer);\n        ws.send(\n          JSON.stringify({\n            type: 'answer',\n            sdp: answer.sdp,\n            targetPeerId: peerRef.current.publisherPeerId,\n          }),\n        );\n        appendLog('answer sent');\n        return;\n      }\n\n      if (message.type === 'ice' && message.candidate) {\n        if (!pc.remoteDescription) {\n          peerRef.current.pendingCandidates.push(message.candidate as RTCIceCandidateInit);\n          return;\n        }\n        try {\n          await pc.addIceCandidate(message.candidate as RTCIceCandidateInit);\n        } catch (error) {\n          appendLog(`ice err: ${String(error)}`);\n        }\n        return;\n      }\n\n      if (message.type === 'peer_left') {\n        const peerLeft = message as ScreenReceiverPeerLeftMessage;\n        if (peerLeft.peerId === peerRef.current.publisherPeerId) {\n          peerRef.current.publisherPeerId = undefined;\n          appendLog(`publisher left: ${peerLeft.peerId}`);\n        }\n        return;\n      }\n\n      if (message.type === 'error') {\n        appendLog(`server error: ${String(message.reason ?? 'unknown')}`);\n      }\n    };\n\n    pc.ontrack = (event) => {\n      const receivedStream = event.streams[0];\n      if (receivedStream) {\n        setStream(receivedStream);\n        appendLog('track received');\n      }\n    };\n\n    pc.onicecandidate = (event) => {\n      if (!event.candidate) return;\n      ws.send(\n        JSON.stringify({\n          type: 'ice',\n          candidate: event.candidate,\n          targetPeerId: peerRef.current.publisherPeerId,\n        }),\n      );\n    };\n\n    pc.onconnectionstatechange = () => {\n      const state = pc.connectionState || 'new';\n      setConnectionState(state);\n      appendLog(`pc state: ${state}`);\n    };\n\n    pc.oniceconnectionstatechange = () => {\n      const state = pc.iceConnectionState || 'new';\n      setIceConnectionState(state);\n      appendLog(`ice state: ${state}`);\n    };\n  }, [appendLog, disconnect, iceServers, roomId, wsUrl]);\n\n  useEffect(() => () => disconnect(), [disconnect]);\n\n  useEffect(() => {\n    if (!videoRef.current) return;\n    videoRef.current.srcObject = stream;\n  }, [stream]);\n\n  const clearLogs = useCallback(() => setLogs([]), []);\n\n  return useMemo(\n    () => ({\n      connect,\n      disconnect,\n      clearLogs,\n      logs,\n      isConnected,\n      connectionState,\n      iceConnectionState,\n      videoRef,\n      stream,\n    }),\n    [clearLogs, connect, connectionState, disconnect, iceConnectionState, isConnected, logs, stream],\n  );\n}\n","const DEFAULT_PORT = 8787;\nconst DEFAULT_PATH = '/ws';\n\nexport interface ResolveScreenReceiverSignalUrlOptions {\n  signalUrl?: string;\n  path?: string;\n  port?: number;\n}\n\nexport function resolveScreenReceiverSignalUrl(\n  options: ResolveScreenReceiverSignalUrlOptions = {},\n): string {\n  const { signalUrl, path = DEFAULT_PATH, port = DEFAULT_PORT } = options;\n  if (signalUrl && signalUrl.trim()) return signalUrl.trim();\n\n  const normalizedPath = path.startsWith('/') ? path : `/${path}`;\n  if (typeof window !== 'undefined') {\n    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';\n    return `${protocol}//${window.location.host}${normalizedPath}`;\n  }\n\n  return `ws://127.0.0.1:${port}${normalizedPath}`;\n}\n","import React, { useMemo, useState } from 'react';\nimport { resolveScreenReceiverSignalUrl } from './signalUrl';\nimport { useScreenReceiver } from './useScreenReceiver';\n\nexport interface ScreenReceiverPanelProps {\n  defaultSignalUrl?: string;\n  defaultRoomId?: string;\n  className?: string;\n}\n\nconst DEFAULT_ROOM_ID = 'screen-room-1';\n\nexport function ScreenReceiverPanel(props: ScreenReceiverPanelProps) {\n  const { defaultSignalUrl, defaultRoomId = DEFAULT_ROOM_ID, className } = props;\n  const initialSignalUrl = useMemo(\n    () => resolveScreenReceiverSignalUrl({ signalUrl: defaultSignalUrl }),\n    [defaultSignalUrl],\n  );\n  const [wsUrl, setWsUrl] = useState(initialSignalUrl);\n  const [roomId, setRoomId] = useState(defaultRoomId);\n  const receiver = useScreenReceiver({ wsUrl, roomId });\n  const logs = useMemo(() => receiver.logs.map((entry) => entry.text).join('\\n'), [receiver.logs]);\n\n  return (\n    <div className={className}>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"grid gap-3 md:grid-cols-[2fr,1fr,auto]\">\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span>Signaling WS</span>\n            <input\n              className=\"rounded-md border px-3 py-2\"\n              value={wsUrl}\n              onChange={(event) => setWsUrl(event.target.value)}\n            />\n          </label>\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span>Room</span>\n            <input\n              className=\"rounded-md border px-3 py-2\"\n              value={roomId}\n              onChange={(event) => setRoomId(event.target.value)}\n            />\n          </label>\n          <div className=\"flex items-end gap-2\">\n            <button\n              onClick={() => void receiver.connect()}\n              className=\"rounded-md border bg-black px-4 py-2 text-sm text-white\"\n            >\n              {receiver.isConnected ? 'Reconnect' : 'Connect'}\n            </button>\n            <button\n              onClick={receiver.disconnect}\n              className=\"rounded-md border px-4 py-2 text-sm\"\n            >\n              Disconnect\n            </button>\n          </div>\n        </div>\n\n        <div className=\"grid gap-3 md:grid-cols-3\">\n          <StatusItem label=\"WebSocket\" value={receiver.isConnected ? 'connected' : 'idle'} />\n          <StatusItem label=\"PeerConnection\" value={receiver.connectionState} />\n          <StatusItem label=\"ICE State\" value={receiver.iceConnectionState} />\n        </div>\n\n        <div className=\"grid gap-4 lg:grid-cols-[3fr,2fr]\">\n          <div className=\"rounded-xl border bg-black p-3\">\n            <video\n              ref={receiver.videoRef}\n              autoPlay\n              playsInline\n              controls\n              muted\n              className=\"h-[360px] w-full rounded-lg bg-black\"\n            />\n          </div>\n          <div className=\"rounded-xl border p-3\">\n            <div className=\"flex items-center justify-between\">\n              <p className=\"text-sm font-semibold\">Session Log</p>\n              <button\n                onClick={receiver.clearLogs}\n                className=\"text-xs underline-offset-2 hover:underline\"\n              >\n                Clear\n              </button>\n            </div>\n            <pre className=\"mt-3 h-[320px] overflow-auto rounded-lg border bg-slate-50 p-3 text-xs\">\n              {logs || 'No logs yet.'}\n            </pre>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction StatusItem({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"rounded-md border px-3 py-2\">\n      <p className=\"text-xs text-slate-500\">{label}</p>\n      <p className=\"text-sm font-medium\">{value}</p>\n    </div>\n  );\n}\n"]}

package/dist/screenReceiver/index.mjs

@@ -1,273 +0,0 @@
-import React, { useState, useRef, useCallback, useEffect, useMemo } from 'react';
-
-// src/screenReceiver/useScreenReceiver.ts
-var DEFAULT_STUN_SERVER = { urls: "stun:stun.l.google.com:19302" };
-function parseMessage(payload) {
-  try {
-    if (typeof payload === "string") return JSON.parse(payload);
-    if (payload instanceof ArrayBuffer) return JSON.parse(new TextDecoder().decode(payload));
-    return JSON.parse(String(payload));
-  } catch {
-    return null;
-  }
-}
-function useScreenReceiver(options) {
-  const { wsUrl, roomId, iceServers = [DEFAULT_STUN_SERVER], maxLogs = 80 } = options;
-  const [logs, setLogs] = useState([]);
-  const [isConnected, setIsConnected] = useState(false);
-  const [connectionState, setConnectionState] = useState("idle");
-  const [iceConnectionState, setIceConnectionState] = useState("idle");
-  const [stream, setStream] = useState(null);
-  const logIdRef = useRef(0);
-  const peerRef = useRef({ pendingCandidates: [] });
-  const videoRef = useRef(null);
-  const appendLog = useCallback(
-    (text) => {
-      logIdRef.current += 1;
-      setLogs((prev) => [...prev, { id: logIdRef.current, text }].slice(-maxLogs));
-    },
-    [maxLogs]
-  );
-  const disconnect = useCallback(() => {
-    peerRef.current.ws?.close();
-    peerRef.current.pc?.close();
-    peerRef.current = { pendingCandidates: [] };
-    setIsConnected(false);
-    setConnectionState("idle");
-    setIceConnectionState("idle");
-    setStream(null);
-  }, []);
-  const connect = useCallback(async () => {
-    disconnect();
-    const normalizedWsUrl = wsUrl.trim();
-    const normalizedRoomId = roomId.trim();
-    if (!normalizedWsUrl) {
-      appendLog("ws url is empty");
-      return;
-    }
-    if (!normalizedRoomId) {
-      appendLog("room id is empty");
-      return;
-    }
-    appendLog(`connecting: ${normalizedWsUrl}`);
-    let ws;
-    try {
-      ws = new WebSocket(normalizedWsUrl);
-    } catch (error) {
-      appendLog(`ws create error: ${String(error)}`);
-      return;
-    }
-    const pc = new RTCPeerConnection({ iceServers });
-    pc.addTransceiver("video", { direction: "recvonly" });
-    peerRef.current.ws = ws;
-    peerRef.current.pc = pc;
-    peerRef.current.pendingCandidates = [];
-    ws.onopen = () => {
-      appendLog("ws connected");
-      setIsConnected(true);
-      ws.send(JSON.stringify({ type: "join", roomId: normalizedRoomId, role: "viewer" }));
-    };
-    ws.onclose = () => {
-      appendLog("ws closed");
-      setIsConnected(false);
-    };
-    ws.onerror = (event) => {
-      appendLog(`ws error: ${event.type}`);
-    };
-    ws.onmessage = async (event) => {
-      const message = parseMessage(event.data);
-      if (!message) {
-        appendLog("ws message parse error");
-        return;
-      }
-      if (message.type === "joined") {
-        const joined = message;
-        peerRef.current.selfPeerId = joined.peerId;
-        appendLog(`joined room ${joined.roomId} as ${joined.peerId}`);
-        return;
-      }
-      if (message.type === "room_state") {
-        const roomState = message;
-        const broadcaster = roomState.peers.find((peer) => peer.role === "broadcaster");
-        if (broadcaster) {
-          peerRef.current.publisherPeerId = broadcaster.peerId;
-          appendLog(`broadcaster online: ${broadcaster.peerId}`);
-        }
-        return;
-      }
-      if (message.type === "offer" && typeof message.sdp === "string") {
-        appendLog("offer received");
-        peerRef.current.publisherPeerId = typeof message.fromPeerId === "string" ? message.fromPeerId : void 0;
-        await pc.setRemoteDescription({ type: "offer", sdp: message.sdp });
-        for (const candidate of peerRef.current.pendingCandidates) {
-          try {
-            await pc.addIceCandidate(candidate);
-          } catch (error) {
-            appendLog(`ice err: ${String(error)}`);
-          }
-        }
-        peerRef.current.pendingCandidates = [];
-        const answer = await pc.createAnswer();
-        await pc.setLocalDescription(answer);
-        ws.send(
-          JSON.stringify({
-            type: "answer",
-            sdp: answer.sdp,
-            targetPeerId: peerRef.current.publisherPeerId
-          })
-        );
-        appendLog("answer sent");
-        return;
-      }
-      if (message.type === "ice" && message.candidate) {
-        if (!pc.remoteDescription) {
-          peerRef.current.pendingCandidates.push(message.candidate);
-          return;
-        }
-        try {
-          await pc.addIceCandidate(message.candidate);
-        } catch (error) {
-          appendLog(`ice err: ${String(error)}`);
-        }
-        return;
-      }
-      if (message.type === "peer_left") {
-        const peerLeft = message;
-        if (peerLeft.peerId === peerRef.current.publisherPeerId) {
-          peerRef.current.publisherPeerId = void 0;
-          appendLog(`publisher left: ${peerLeft.peerId}`);
-        }
-        return;
-      }
-      if (message.type === "error") {
-        appendLog(`server error: ${String(message.reason ?? "unknown")}`);
-      }
-    };
-    pc.ontrack = (event) => {
-      const receivedStream = event.streams[0];
-      if (receivedStream) {
-        setStream(receivedStream);
-        appendLog("track received");
-      }
-    };
-    pc.onicecandidate = (event) => {
-      if (!event.candidate) return;
-      ws.send(
-        JSON.stringify({
-          type: "ice",
-          candidate: event.candidate,
-          targetPeerId: peerRef.current.publisherPeerId
-        })
-      );
-    };
-    pc.onconnectionstatechange = () => {
-      const state = pc.connectionState || "new";
-      setConnectionState(state);
-      appendLog(`pc state: ${state}`);
-    };
-    pc.oniceconnectionstatechange = () => {
-      const state = pc.iceConnectionState || "new";
-      setIceConnectionState(state);
-      appendLog(`ice state: ${state}`);
-    };
-  }, [appendLog, disconnect, iceServers, roomId, wsUrl]);
-  useEffect(() => () => disconnect(), [disconnect]);
-  useEffect(() => {
-    if (!videoRef.current) return;
-    videoRef.current.srcObject = stream;
-  }, [stream]);
-  const clearLogs = useCallback(() => setLogs([]), []);
-  return useMemo(
-    () => ({
-      connect,
-      disconnect,
-      clearLogs,
-      logs,
-      isConnected,
-      connectionState,
-      iceConnectionState,
-      videoRef,
-      stream
-    }),
-    [clearLogs, connect, connectionState, disconnect, iceConnectionState, isConnected, logs, stream]
-  );
-}
-
-// src/screenReceiver/signalUrl.ts
-var DEFAULT_PORT = 8787;
-var DEFAULT_PATH = "/ws";
-function resolveScreenReceiverSignalUrl(options = {}) {
-  const { signalUrl, path = DEFAULT_PATH, port = DEFAULT_PORT } = options;
-  if (signalUrl && signalUrl.trim()) return signalUrl.trim();
-  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
-  if (typeof window !== "undefined") {
-    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-    return `${protocol}//${window.location.host}${normalizedPath}`;
-  }
-  return `ws://127.0.0.1:${port}${normalizedPath}`;
-}
-var DEFAULT_ROOM_ID = "screen-room-1";
-function ScreenReceiverPanel(props) {
-  const { defaultSignalUrl, defaultRoomId = DEFAULT_ROOM_ID, className } = props;
-  const initialSignalUrl = useMemo(
-    () => resolveScreenReceiverSignalUrl({ signalUrl: defaultSignalUrl }),
-    [defaultSignalUrl]
-  );
-  const [wsUrl, setWsUrl] = useState(initialSignalUrl);
-  const [roomId, setRoomId] = useState(defaultRoomId);
-  const receiver = useScreenReceiver({ wsUrl, roomId });
-  const logs = useMemo(() => receiver.logs.map((entry) => entry.text).join("\n"), [receiver.logs]);
-  return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "grid gap-3 md:grid-cols-[2fr,1fr,auto]" }, /* @__PURE__ */ React.createElement("label", { className: "flex flex-col gap-1 text-sm" }, /* @__PURE__ */ React.createElement("span", null, "Signaling WS"), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      className: "rounded-md border px-3 py-2",
-      value: wsUrl,
-      onChange: (event) => setWsUrl(event.target.value)
-    }
-  )), /* @__PURE__ */ React.createElement("label", { className: "flex flex-col gap-1 text-sm" }, /* @__PURE__ */ React.createElement("span", null, "Room"), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      className: "rounded-md border px-3 py-2",
-      value: roomId,
-      onChange: (event) => setRoomId(event.target.value)
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "flex items-end gap-2" }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      onClick: () => void receiver.connect(),
-      className: "rounded-md border bg-black px-4 py-2 text-sm text-white"
-    },
-    receiver.isConnected ? "Reconnect" : "Connect"
-  ), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      onClick: receiver.disconnect,
-      className: "rounded-md border px-4 py-2 text-sm"
-    },
-    "Disconnect"
-  ))), /* @__PURE__ */ React.createElement("div", { className: "grid gap-3 md:grid-cols-3" }, /* @__PURE__ */ React.createElement(StatusItem, { label: "WebSocket", value: receiver.isConnected ? "connected" : "idle" }), /* @__PURE__ */ React.createElement(StatusItem, { label: "PeerConnection", value: receiver.connectionState }), /* @__PURE__ */ React.createElement(StatusItem, { label: "ICE State", value: receiver.iceConnectionState })), /* @__PURE__ */ React.createElement("div", { className: "grid gap-4 lg:grid-cols-[3fr,2fr]" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-xl border bg-black p-3" }, /* @__PURE__ */ React.createElement(
-    "video",
-    {
-      ref: receiver.videoRef,
-      autoPlay: true,
-      playsInline: true,
-      controls: true,
-      muted: true,
-      className: "h-[360px] w-full rounded-lg bg-black"
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "rounded-xl border p-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-semibold" }, "Session Log"), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      onClick: receiver.clearLogs,
-      className: "text-xs underline-offset-2 hover:underline"
-    },
-    "Clear"
-  )), /* @__PURE__ */ React.createElement("pre", { className: "mt-3 h-[320px] overflow-auto rounded-lg border bg-slate-50 p-3 text-xs" }, logs || "No logs yet.")))));
-}
-function StatusItem({ label, value }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "rounded-md border px-3 py-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-slate-500" }, label), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium" }, value));
-}
-
-export { ScreenReceiverPanel, resolveScreenReceiverSignalUrl, useScreenReceiver };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/screenReceiver/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/screenReceiver/useScreenReceiver.ts","../../src/screenReceiver/signalUrl.ts","../../src/screenReceiver/ScreenReceiverPanel.tsx"],"names":["useMemo","useState"],"mappings":"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","file":"index.mjs","sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type {\n  ScreenReceiverJoinedMessage,\n  ScreenReceiverPeerLeftMessage,\n  ScreenReceiverRoomStateMessage,\n} from './types';\n\nconst DEFAULT_STUN_SERVER: RTCIceServer = { urls: 'stun:stun.l.google.com:19302' };\n\nexport interface ScreenReceiverLogEntry {\n  id: number;\n  text: string;\n}\n\nexport interface UseScreenReceiverOptions {\n  wsUrl: string;\n  roomId: string;\n  iceServers?: RTCIceServer[];\n  maxLogs?: number;\n}\n\nexport interface UseScreenReceiverReturn {\n  connect: () => Promise<void>;\n  disconnect: () => void;\n  clearLogs: () => void;\n  logs: ScreenReceiverLogEntry[];\n  isConnected: boolean;\n  connectionState: RTCPeerConnectionState | 'idle';\n  iceConnectionState: RTCIceConnectionState | 'idle';\n  videoRef: RefObject<HTMLVideoElement>;\n  stream: MediaStream | null;\n}\n\ntype PeerContext = {\n  ws?: WebSocket;\n  pc?: RTCPeerConnection;\n  pendingCandidates: RTCIceCandidateInit[];\n  selfPeerId?: string;\n  publisherPeerId?: string;\n};\n\nfunction parseMessage(payload: MessageEvent['data']): Record<string, any> | null {\n  try {\n    if (typeof payload === 'string') return JSON.parse(payload);\n    if (payload instanceof ArrayBuffer) return JSON.parse(new TextDecoder().decode(payload));\n    return JSON.parse(String(payload));\n  } catch {\n    return null;\n  }\n}\n\nexport function useScreenReceiver(options: UseScreenReceiverOptions): UseScreenReceiverReturn {\n  const { wsUrl, roomId, iceServers = [DEFAULT_STUN_SERVER], maxLogs = 80 } = options;\n  const [logs, setLogs] = useState<ScreenReceiverLogEntry[]>([]);\n  const [isConnected, setIsConnected] = useState(false);\n  const [connectionState, setConnectionState] = useState<RTCPeerConnectionState | 'idle'>('idle');\n  const [iceConnectionState, setIceConnectionState] = useState<RTCIceConnectionState | 'idle'>('idle');\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const logIdRef = useRef(0);\n  const peerRef = useRef<PeerContext>({ pendingCandidates: [] });\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const appendLog = useCallback(\n    (text: string) => {\n      logIdRef.current += 1;\n      setLogs((prev) => [...prev, { id: logIdRef.current, text }].slice(-maxLogs));\n    },\n    [maxLogs],\n  );\n\n  const disconnect = useCallback(() => {\n    peerRef.current.ws?.close();\n    peerRef.current.pc?.close();\n    peerRef.current = { pendingCandidates: [] };\n    setIsConnected(false);\n    setConnectionState('idle');\n    setIceConnectionState('idle');\n    setStream(null);\n  }, []);\n\n  const connect = useCallback(async () => {\n    disconnect();\n\n    const normalizedWsUrl = wsUrl.trim();\n    const normalizedRoomId = roomId.trim();\n    if (!normalizedWsUrl) {\n      appendLog('ws url is empty');\n      return;\n    }\n    if (!normalizedRoomId) {\n      appendLog('room id is empty');\n      return;\n    }\n\n    appendLog(`connecting: ${normalizedWsUrl}`);\n\n    let ws: WebSocket;\n    try {\n      ws = new WebSocket(normalizedWsUrl);\n    } catch (error) {\n      appendLog(`ws create error: ${String(error)}`);\n      return;\n    }\n\n    const pc = new RTCPeerConnection({ iceServers });\n    pc.addTransceiver('video', { direction: 'recvonly' });\n\n    peerRef.current.ws = ws;\n    peerRef.current.pc = pc;\n    peerRef.current.pendingCandidates = [];\n\n    ws.onopen = () => {\n      appendLog('ws connected');\n      setIsConnected(true);\n      ws.send(JSON.stringify({ type: 'join', roomId: normalizedRoomId, role: 'viewer' }));\n    };\n\n    ws.onclose = () => {\n      appendLog('ws closed');\n      setIsConnected(false);\n    };\n\n    ws.onerror = (event) => {\n      appendLog(`ws error: ${event.type}`);\n    };\n\n    ws.onmessage = async (event) => {\n      const message = parseMessage(event.data);\n      if (!message) {\n        appendLog('ws message parse error');\n        return;\n      }\n\n      if (message.type === 'joined') {\n        const joined = message as ScreenReceiverJoinedMessage;\n        peerRef.current.selfPeerId = joined.peerId;\n        appendLog(`joined room ${joined.roomId} as ${joined.peerId}`);\n        return;\n      }\n\n      if (message.type === 'room_state') {\n        const roomState = message as ScreenReceiverRoomStateMessage;\n        const broadcaster = roomState.peers.find((peer) => peer.role === 'broadcaster');\n        if (broadcaster) {\n          peerRef.current.publisherPeerId = broadcaster.peerId;\n          appendLog(`broadcaster online: ${broadcaster.peerId}`);\n        }\n        return;\n      }\n\n      if (message.type === 'offer' && typeof message.sdp === 'string') {\n        appendLog('offer received');\n        peerRef.current.publisherPeerId = typeof message.fromPeerId === 'string' ? message.fromPeerId : undefined;\n        await pc.setRemoteDescription({ type: 'offer', sdp: message.sdp });\n        for (const candidate of peerRef.current.pendingCandidates) {\n          try {\n            await pc.addIceCandidate(candidate);\n          } catch (error) {\n            appendLog(`ice err: ${String(error)}`);\n          }\n        }\n        peerRef.current.pendingCandidates = [];\n\n        const answer = await pc.createAnswer();\n        await pc.setLocalDescription(answer);\n        ws.send(\n          JSON.stringify({\n            type: 'answer',\n            sdp: answer.sdp,\n            targetPeerId: peerRef.current.publisherPeerId,\n          }),\n        );\n        appendLog('answer sent');\n        return;\n      }\n\n      if (message.type === 'ice' && message.candidate) {\n        if (!pc.remoteDescription) {\n          peerRef.current.pendingCandidates.push(message.candidate as RTCIceCandidateInit);\n          return;\n        }\n        try {\n          await pc.addIceCandidate(message.candidate as RTCIceCandidateInit);\n        } catch (error) {\n          appendLog(`ice err: ${String(error)}`);\n        }\n        return;\n      }\n\n      if (message.type === 'peer_left') {\n        const peerLeft = message as ScreenReceiverPeerLeftMessage;\n        if (peerLeft.peerId === peerRef.current.publisherPeerId) {\n          peerRef.current.publisherPeerId = undefined;\n          appendLog(`publisher left: ${peerLeft.peerId}`);\n        }\n        return;\n      }\n\n      if (message.type === 'error') {\n        appendLog(`server error: ${String(message.reason ?? 'unknown')}`);\n      }\n    };\n\n    pc.ontrack = (event) => {\n      const receivedStream = event.streams[0];\n      if (receivedStream) {\n        setStream(receivedStream);\n        appendLog('track received');\n      }\n    };\n\n    pc.onicecandidate = (event) => {\n      if (!event.candidate) return;\n      ws.send(\n        JSON.stringify({\n          type: 'ice',\n          candidate: event.candidate,\n          targetPeerId: peerRef.current.publisherPeerId,\n        }),\n      );\n    };\n\n    pc.onconnectionstatechange = () => {\n      const state = pc.connectionState || 'new';\n      setConnectionState(state);\n      appendLog(`pc state: ${state}`);\n    };\n\n    pc.oniceconnectionstatechange = () => {\n      const state = pc.iceConnectionState || 'new';\n      setIceConnectionState(state);\n      appendLog(`ice state: ${state}`);\n    };\n  }, [appendLog, disconnect, iceServers, roomId, wsUrl]);\n\n  useEffect(() => () => disconnect(), [disconnect]);\n\n  useEffect(() => {\n    if (!videoRef.current) return;\n    videoRef.current.srcObject = stream;\n  }, [stream]);\n\n  const clearLogs = useCallback(() => setLogs([]), []);\n\n  return useMemo(\n    () => ({\n      connect,\n      disconnect,\n      clearLogs,\n      logs,\n      isConnected,\n      connectionState,\n      iceConnectionState,\n      videoRef,\n      stream,\n    }),\n    [clearLogs, connect, connectionState, disconnect, iceConnectionState, isConnected, logs, stream],\n  );\n}\n","const DEFAULT_PORT = 8787;\nconst DEFAULT_PATH = '/ws';\n\nexport interface ResolveScreenReceiverSignalUrlOptions {\n  signalUrl?: string;\n  path?: string;\n  port?: number;\n}\n\nexport function resolveScreenReceiverSignalUrl(\n  options: ResolveScreenReceiverSignalUrlOptions = {},\n): string {\n  const { signalUrl, path = DEFAULT_PATH, port = DEFAULT_PORT } = options;\n  if (signalUrl && signalUrl.trim()) return signalUrl.trim();\n\n  const normalizedPath = path.startsWith('/') ? path : `/${path}`;\n  if (typeof window !== 'undefined') {\n    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';\n    return `${protocol}//${window.location.host}${normalizedPath}`;\n  }\n\n  return `ws://127.0.0.1:${port}${normalizedPath}`;\n}\n","import React, { useMemo, useState } from 'react';\nimport { resolveScreenReceiverSignalUrl } from './signalUrl';\nimport { useScreenReceiver } from './useScreenReceiver';\n\nexport interface ScreenReceiverPanelProps {\n  defaultSignalUrl?: string;\n  defaultRoomId?: string;\n  className?: string;\n}\n\nconst DEFAULT_ROOM_ID = 'screen-room-1';\n\nexport function ScreenReceiverPanel(props: ScreenReceiverPanelProps) {\n  const { defaultSignalUrl, defaultRoomId = DEFAULT_ROOM_ID, className } = props;\n  const initialSignalUrl = useMemo(\n    () => resolveScreenReceiverSignalUrl({ signalUrl: defaultSignalUrl }),\n    [defaultSignalUrl],\n  );\n  const [wsUrl, setWsUrl] = useState(initialSignalUrl);\n  const [roomId, setRoomId] = useState(defaultRoomId);\n  const receiver = useScreenReceiver({ wsUrl, roomId });\n  const logs = useMemo(() => receiver.logs.map((entry) => entry.text).join('\\n'), [receiver.logs]);\n\n  return (\n    <div className={className}>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"grid gap-3 md:grid-cols-[2fr,1fr,auto]\">\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span>Signaling WS</span>\n            <input\n              className=\"rounded-md border px-3 py-2\"\n              value={wsUrl}\n              onChange={(event) => setWsUrl(event.target.value)}\n            />\n          </label>\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span>Room</span>\n            <input\n              className=\"rounded-md border px-3 py-2\"\n              value={roomId}\n              onChange={(event) => setRoomId(event.target.value)}\n            />\n          </label>\n          <div className=\"flex items-end gap-2\">\n            <button\n              onClick={() => void receiver.connect()}\n              className=\"rounded-md border bg-black px-4 py-2 text-sm text-white\"\n            >\n              {receiver.isConnected ? 'Reconnect' : 'Connect'}\n            </button>\n            <button\n              onClick={receiver.disconnect}\n              className=\"rounded-md border px-4 py-2 text-sm\"\n            >\n              Disconnect\n            </button>\n          </div>\n        </div>\n\n        <div className=\"grid gap-3 md:grid-cols-3\">\n          <StatusItem label=\"WebSocket\" value={receiver.isConnected ? 'connected' : 'idle'} />\n          <StatusItem label=\"PeerConnection\" value={receiver.connectionState} />\n          <StatusItem label=\"ICE State\" value={receiver.iceConnectionState} />\n        </div>\n\n        <div className=\"grid gap-4 lg:grid-cols-[3fr,2fr]\">\n          <div className=\"rounded-xl border bg-black p-3\">\n            <video\n              ref={receiver.videoRef}\n              autoPlay\n              playsInline\n              controls\n              muted\n              className=\"h-[360px] w-full rounded-lg bg-black\"\n            />\n          </div>\n          <div className=\"rounded-xl border p-3\">\n            <div className=\"flex items-center justify-between\">\n              <p className=\"text-sm font-semibold\">Session Log</p>\n              <button\n                onClick={receiver.clearLogs}\n                className=\"text-xs underline-offset-2 hover:underline\"\n              >\n                Clear\n              </button>\n            </div>\n            <pre className=\"mt-3 h-[320px] overflow-auto rounded-lg border bg-slate-50 p-3 text-xs\">\n              {logs || 'No logs yet.'}\n            </pre>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction StatusItem({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"rounded-md border px-3 py-2\">\n      <p className=\"text-xs text-slate-500\">{label}</p>\n      <p className=\"text-sm font-medium\">{value}</p>\n    </div>\n  );\n}\n"]}