sa2kit 2.0.1 → 2.0.2

package/dist/screenReceiver/index.mjs

@@ -0,0 +1,273 @@
+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

@@ -0,0 +1 @@
+{"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"]}

package/dist/testYourself/admin/index.d.mts

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import { d as ConfigService, S as SavedConfig } from '../../ConfigService-BxK06xP6.mjs';
+
+/**
+ * 测测你是什么 - 配置管理后台组件
+ * Test Yourself - Configuration Manager Component
+ *
+ * 支持创建、编辑、管理多套测试配置
+ */
+
+interface ConfigManagerProps {
+    /** 配置服务实例 */
+    configService: ConfigService;
+    /** 配置变化回调 */
+    onConfigChange?: (configs: SavedConfig[]) => void;
+    /** 自定义样式 */
+    className?: string;
+    /** 图片上传处理函数 */
+    onImageUpload?: (file: File) => Promise<string>;
+}
+/**
+ * 配置管理器组件
+ */
+declare const ConfigManager: React__default.FC<ConfigManagerProps>;
+
+/**
+ * 测测你是什么 - 配置列表组件
+ * Test Yourself - Configuration List Component
+ *
+ * 用于展示和选择配置
+ */
+
+interface ConfigListProps {
+    /** 配置服务实例 */
+    configService: ConfigService;
+    /** 选择配置回调 */
+    onSelect?: (id: string) => void;
+    /** 编辑配置回调 */
+    onEdit?: (id: string) => void;
+    /** 删除配置回调 */
+    onDelete?: (id: string) => void;
+    /** 是否显示操作按钮 */
+    showActions?: boolean;
+    /** 是否显示预览链接 */
+    showPreviewLink?: boolean;
+    /** 预览基础URL */
+    previewBaseUrl?: string;
+    /** 自定义样式 */
+    className?: string;
+    /** 每页显示数量 */
+    pageSize?: number;
+}
+/**
+ * 配置列表组件
+ */
+declare const ConfigList: React__default.FC<ConfigListProps>;
+
+export { ConfigList, type ConfigListProps, ConfigManager, type ConfigManagerProps };

package/dist/testYourself/admin/index.d.ts

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import { d as ConfigService, S as SavedConfig } from '../../ConfigService-BxK06xP6.js';
+
+/**
+ * 测测你是什么 - 配置管理后台组件
+ * Test Yourself - Configuration Manager Component
+ *
+ * 支持创建、编辑、管理多套测试配置
+ */
+
+interface ConfigManagerProps {
+    /** 配置服务实例 */
+    configService: ConfigService;
+    /** 配置变化回调 */
+    onConfigChange?: (configs: SavedConfig[]) => void;
+    /** 自定义样式 */
+    className?: string;
+    /** 图片上传处理函数 */
+    onImageUpload?: (file: File) => Promise<string>;
+}
+/**
+ * 配置管理器组件
+ */
+declare const ConfigManager: React__default.FC<ConfigManagerProps>;
+
+/**
+ * 测测你是什么 - 配置列表组件
+ * Test Yourself - Configuration List Component
+ *
+ * 用于展示和选择配置
+ */
+
+interface ConfigListProps {
+    /** 配置服务实例 */
+    configService: ConfigService;
+    /** 选择配置回调 */
+    onSelect?: (id: string) => void;
+    /** 编辑配置回调 */
+    onEdit?: (id: string) => void;
+    /** 删除配置回调 */
+    onDelete?: (id: string) => void;
+    /** 是否显示操作按钮 */
+    showActions?: boolean;
+    /** 是否显示预览链接 */
+    showPreviewLink?: boolean;
+    /** 预览基础URL */
+    previewBaseUrl?: string;
+    /** 自定义样式 */
+    className?: string;
+    /** 每页显示数量 */
+    pageSize?: number;
+}
+/**
+ * 配置列表组件
+ */
+declare const ConfigList: React__default.FC<ConfigListProps>;
+
+export { ConfigList, type ConfigListProps, ConfigManager, type ConfigManagerProps };