sa2kit 3.2.0 → 3.2.2

package/dist/business/qqbot/ui/web/index.mjs

@@ -0,0 +1,99 @@
+import React, { useState, useMemo } from 'react';
+
+// src/business/qqbot/ui/web/NapCatConsole.tsx
+var panelStyle = {
+  border: "1px solid #d9e2ec",
+  borderRadius: 12,
+  padding: 16,
+  display: "grid",
+  gap: 12,
+  background: "linear-gradient(145deg, #fffef9, #f3f8ff)",
+  boxShadow: "0 8px 24px rgba(15, 23, 42, 0.08)"
+};
+var NapCatConsole = ({
+  endpoint,
+  initialAction = "send_group_msg",
+  request = fetch
+}) => {
+  const [action, setAction] = useState(initialAction);
+  const [payloadText, setPayloadText] = useState('{\n  "group_id": 123456,\n  "message": "Hello from sa2kit"\n}');
+  const [result, setResult] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const prettyResult = useMemo(() => {
+    if (!result) return "";
+    return JSON.stringify(result, null, 2);
+  }, [result]);
+  const onSubmit = async () => {
+    setSubmitting(true);
+    try {
+      const payload = JSON.parse(payloadText);
+      const response = await request(`${endpoint}/action/${action}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      const body = await response.json();
+      setResult(body);
+    } catch (error) {
+      setResult({
+        ok: false,
+        error: error instanceof Error ? error.message : "Request failed"
+      });
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("section", { style: panelStyle }, /* @__PURE__ */ React.createElement("h3", { style: { margin: 0, fontSize: 20, fontFamily: "Avenir Next, Helvetica, sans-serif" } }, "NapCat QQ Bot Console"), /* @__PURE__ */ React.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 600 } }, "OneBot Action"), /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      value: action,
+      onChange: (event) => setAction(event.target.value),
+      placeholder: "send_group_msg",
+      style: { border: "1px solid #bcccdc", borderRadius: 8, padding: "10px 12px" }
+    }
+  )), /* @__PURE__ */ React.createElement("label", { style: { display: "grid", gap: 6 } }, /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 600 } }, "JSON Payload"), /* @__PURE__ */ React.createElement(
+    "textarea",
+    {
+      rows: 8,
+      value: payloadText,
+      onChange: (event) => setPayloadText(event.target.value),
+      style: { border: "1px solid #bcccdc", borderRadius: 8, padding: "10px 12px", fontFamily: "Menlo, monospace" }
+    }
+  )), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: onSubmit,
+      disabled: submitting,
+      style: {
+        border: 0,
+        borderRadius: 8,
+        padding: "10px 14px",
+        cursor: submitting ? "not-allowed" : "pointer",
+        color: "#fff",
+        background: submitting ? "#829ab1" : "#0b7285",
+        width: 180,
+        fontWeight: 700
+      }
+    },
+    submitting ? "Requesting..." : "Run Action"
+  ), prettyResult ? /* @__PURE__ */ React.createElement(
+    "pre",
+    {
+      style: {
+        margin: 0,
+        padding: 12,
+        borderRadius: 8,
+        background: "#102a43",
+        color: "#f0f4f8",
+        overflowX: "auto",
+        fontSize: 12
+      }
+    },
+    prettyResult
+  ) : null);
+};
+
+export { NapCatConsole };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/business/qqbot/ui/web/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/business/qqbot/ui/web/NapCatConsole.tsx"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { NapCatWebApiResponse } from '../../types';\n\nexport interface NapCatConsoleProps {\n  endpoint: string;\n  initialAction?: string;\n  request?: (input: RequestInfo | URL, init?: RequestInit) => Promise<Response>;\n}\n\nconst panelStyle: React.CSSProperties = {\n  border: '1px solid #d9e2ec',\n  borderRadius: 12,\n  padding: 16,\n  display: 'grid',\n  gap: 12,\n  background: 'linear-gradient(145deg, #fffef9, #f3f8ff)',\n  boxShadow: '0 8px 24px rgba(15, 23, 42, 0.08)',\n};\n\nexport const NapCatConsole: React.FC<NapCatConsoleProps> = ({\n  endpoint,\n  initialAction = 'send_group_msg',\n  request = fetch,\n}) => {\n  const [action, setAction] = useState(initialAction);\n  const [payloadText, setPayloadText] = useState('{\\n  \"group_id\": 123456,\\n  \"message\": \"Hello from sa2kit\"\\n}');\n  const [result, setResult] = useState<NapCatWebApiResponse<unknown> | null>(null);\n  const [submitting, setSubmitting] = useState(false);\n\n  const prettyResult = useMemo(() => {\n    if (!result) return '';\n    return JSON.stringify(result, null, 2);\n  }, [result]);\n\n  const onSubmit = async () => {\n    setSubmitting(true);\n    try {\n      const payload = JSON.parse(payloadText);\n      const response = await request(`${endpoint}/action/${action}`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(payload),\n      });\n\n      const body = (await response.json()) as NapCatWebApiResponse<unknown>;\n      setResult(body);\n    } catch (error) {\n      setResult({\n        ok: false,\n        error: error instanceof Error ? error.message : 'Request failed',\n      });\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  return (\n    <section style={panelStyle}>\n      <h3 style={{ margin: 0, fontSize: 20, fontFamily: 'Avenir Next, Helvetica, sans-serif' }}>NapCat QQ Bot Console</h3>\n      <label style={{ display: 'grid', gap: 6 }}>\n        <span style={{ fontWeight: 600 }}>OneBot Action</span>\n        <input\n          value={action}\n          onChange={(event) => setAction(event.target.value)}\n          placeholder=\"send_group_msg\"\n          style={{ border: '1px solid #bcccdc', borderRadius: 8, padding: '10px 12px' }}\n        />\n      </label>\n      <label style={{ display: 'grid', gap: 6 }}>\n        <span style={{ fontWeight: 600 }}>JSON Payload</span>\n        <textarea\n          rows={8}\n          value={payloadText}\n          onChange={(event) => setPayloadText(event.target.value)}\n          style={{ border: '1px solid #bcccdc', borderRadius: 8, padding: '10px 12px', fontFamily: 'Menlo, monospace' }}\n        />\n      </label>\n      <button\n        type=\"button\"\n        onClick={onSubmit}\n        disabled={submitting}\n        style={{\n          border: 0,\n          borderRadius: 8,\n          padding: '10px 14px',\n          cursor: submitting ? 'not-allowed' : 'pointer',\n          color: '#fff',\n          background: submitting ? '#829ab1' : '#0b7285',\n          width: 180,\n          fontWeight: 700,\n        }}\n      >\n        {submitting ? 'Requesting...' : 'Run Action'}\n      </button>\n      {prettyResult ? (\n        <pre\n          style={{\n            margin: 0,\n            padding: 12,\n            borderRadius: 8,\n            background: '#102a43',\n            color: '#f0f4f8',\n            overflowX: 'auto',\n            fontSize: 12,\n          }}\n        >\n          {prettyResult}\n        </pre>\n      ) : null}\n    </section>\n  );\n};\n"]}

package/dist/business/screenReceiver/index.d.mts

@@ -0,0 +1,2 @@
+export { R as ResolveScreenReceiverSignalUrlOptions, a as ScreenReceiverClientRole, k as ScreenReceiverErrorMessage, e as ScreenReceiverIncomingMessage, c as ScreenReceiverJoinMessage, f as ScreenReceiverJoinedMessage, l as ScreenReceiverLogEntry, o as ScreenReceiverPanel, n as ScreenReceiverPanelProps, g as ScreenReceiverPeerJoinedMessage, h as ScreenReceiverPeerLeftMessage, S as ScreenReceiverRole, j as ScreenReceiverRoomStateMessage, d as ScreenReceiverSignalMessage, b as ScreenReceiverSignalType, U as UseScreenReceiverOptions, m as UseScreenReceiverReturn, r as resolveScreenReceiverSignalUrl, u as useScreenReceiver } from '../../index-C_GhVhOT.mjs';
+import 'react';

package/dist/business/screenReceiver/index.d.ts

@@ -0,0 +1,2 @@
+export { R as ResolveScreenReceiverSignalUrlOptions, a as ScreenReceiverClientRole, k as ScreenReceiverErrorMessage, e as ScreenReceiverIncomingMessage, c as ScreenReceiverJoinMessage, f as ScreenReceiverJoinedMessage, l as ScreenReceiverLogEntry, o as ScreenReceiverPanel, n as ScreenReceiverPanelProps, g as ScreenReceiverPeerJoinedMessage, h as ScreenReceiverPeerLeftMessage, S as ScreenReceiverRole, j as ScreenReceiverRoomStateMessage, d as ScreenReceiverSignalMessage, b as ScreenReceiverSignalType, U as UseScreenReceiverOptions, m as UseScreenReceiverReturn, r as resolveScreenReceiverSignalUrl, u as useScreenReceiver } from '../../index-C_GhVhOT.js';
+import 'react';

package/dist/business/screenReceiver/index.js

@@ -0,0 +1,281 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/business/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/business/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/business/screenReceiver/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/business/screenReceiver/useScreenReceiver.ts","../../../src/business/screenReceiver/signalUrl.ts","../../../src/business/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"]}