sa2kit 3.1.0 → 3.2.0

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

@@ -1,99 +0,0 @@
-import React, { useState, useMemo } from 'react';
-
-// src/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/qqbot/ui/web/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/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/request/index.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var chunkGSNGCENJ_js = require('../chunk-GSNGCENJ.js');
-var chunkPBI7FKMB_js = require('../chunk-PBI7FKMB.js');
-require('../chunk-NSBPE2FW.js');
-
-
-
-Object.defineProperty(exports, "MiniappRequestAdapter", {
-  enumerable: true,
-  get: function () { return chunkGSNGCENJ_js.MiniappRequestAdapter; }
-});
-Object.defineProperty(exports, "ReactNativeRequestAdapter", {
-  enumerable: true,
-  get: function () { return chunkGSNGCENJ_js.ReactNativeRequestAdapter; }
-});
-Object.defineProperty(exports, "WebRequestAdapter", {
-  enumerable: true,
-  get: function () { return chunkPBI7FKMB_js.WebRequestAdapter; }
-});
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/request/index.mjs

@@ -1,5 +0,0 @@
-export { MiniappRequestAdapter, ReactNativeRequestAdapter } from '../chunk-EQXPL7TN.mjs';
-export { WebRequestAdapter } from '../chunk-G7UBMCUT.mjs';
-import '../chunk-MAI35PU6.mjs';
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/screenReceiver/index.d.mts

@@ -1,86 +0,0 @@
-import React__default, { RefObject } from 'react';
-
-type ScreenReceiverRole = 'viewer' | 'broadcaster';
-type ScreenReceiverClientRole = ScreenReceiverRole | 'sender';
-type ScreenReceiverSignalType = 'offer' | 'answer' | 'ice';
-interface ScreenReceiverJoinMessage {
-    type: 'join';
-    roomId: string;
-    role?: ScreenReceiverClientRole;
-    peerId?: string;
-}
-interface ScreenReceiverSignalMessage {
-    type: ScreenReceiverSignalType;
-    sdp?: string;
-    candidate?: RTCIceCandidateInit;
-    targetPeerId?: string;
-}
-type ScreenReceiverIncomingMessage = ScreenReceiverJoinMessage | ScreenReceiverSignalMessage | Record<string, unknown>;
-interface ScreenReceiverJoinedMessage {
-    type: 'joined';
-    roomId: string;
-    peerId: string;
-    role: ScreenReceiverRole;
-}
-interface ScreenReceiverPeerJoinedMessage {
-    type: 'peer_joined';
-    roomId: string;
-    peerId: string;
-    role: ScreenReceiverRole;
-}
-interface ScreenReceiverPeerLeftMessage {
-    type: 'peer_left';
-    roomId: string;
-    peerId: string;
-}
-interface ScreenReceiverRoomStateMessage {
-    type: 'room_state';
-    roomId: string;
-    peers: Array<{
-        peerId: string;
-        role: ScreenReceiverRole;
-    }>;
-}
-interface ScreenReceiverErrorMessage {
-    type: 'error';
-    reason: string;
-}
-
-interface ScreenReceiverLogEntry {
-    id: number;
-    text: string;
-}
-interface UseScreenReceiverOptions {
-    wsUrl: string;
-    roomId: string;
-    iceServers?: RTCIceServer[];
-    maxLogs?: number;
-}
-interface UseScreenReceiverReturn {
-    connect: () => Promise<void>;
-    disconnect: () => void;
-    clearLogs: () => void;
-    logs: ScreenReceiverLogEntry[];
-    isConnected: boolean;
-    connectionState: RTCPeerConnectionState | 'idle';
-    iceConnectionState: RTCIceConnectionState | 'idle';
-    videoRef: RefObject<HTMLVideoElement>;
-    stream: MediaStream | null;
-}
-declare function useScreenReceiver(options: UseScreenReceiverOptions): UseScreenReceiverReturn;
-
-interface ResolveScreenReceiverSignalUrlOptions {
-    signalUrl?: string;
-    path?: string;
-    port?: number;
-}
-declare function resolveScreenReceiverSignalUrl(options?: ResolveScreenReceiverSignalUrlOptions): string;
-
-interface ScreenReceiverPanelProps {
-    defaultSignalUrl?: string;
-    defaultRoomId?: string;
-    className?: string;
-}
-declare function ScreenReceiverPanel(props: ScreenReceiverPanelProps): React__default.JSX.Element;
-
-export { type ResolveScreenReceiverSignalUrlOptions, type ScreenReceiverClientRole, type ScreenReceiverErrorMessage, type ScreenReceiverIncomingMessage, type ScreenReceiverJoinMessage, type ScreenReceiverJoinedMessage, type ScreenReceiverLogEntry, ScreenReceiverPanel, type ScreenReceiverPanelProps, type ScreenReceiverPeerJoinedMessage, type ScreenReceiverPeerLeftMessage, type ScreenReceiverRole, type ScreenReceiverRoomStateMessage, type ScreenReceiverSignalMessage, type ScreenReceiverSignalType, type UseScreenReceiverOptions, type UseScreenReceiverReturn, resolveScreenReceiverSignalUrl, useScreenReceiver };

package/dist/screenReceiver/index.d.ts

@@ -1,86 +0,0 @@
-import React__default, { RefObject } from 'react';
-
-type ScreenReceiverRole = 'viewer' | 'broadcaster';
-type ScreenReceiverClientRole = ScreenReceiverRole | 'sender';
-type ScreenReceiverSignalType = 'offer' | 'answer' | 'ice';
-interface ScreenReceiverJoinMessage {
-    type: 'join';
-    roomId: string;
-    role?: ScreenReceiverClientRole;
-    peerId?: string;
-}
-interface ScreenReceiverSignalMessage {
-    type: ScreenReceiverSignalType;
-    sdp?: string;
-    candidate?: RTCIceCandidateInit;
-    targetPeerId?: string;
-}
-type ScreenReceiverIncomingMessage = ScreenReceiverJoinMessage | ScreenReceiverSignalMessage | Record<string, unknown>;
-interface ScreenReceiverJoinedMessage {
-    type: 'joined';
-    roomId: string;
-    peerId: string;
-    role: ScreenReceiverRole;
-}
-interface ScreenReceiverPeerJoinedMessage {
-    type: 'peer_joined';
-    roomId: string;
-    peerId: string;
-    role: ScreenReceiverRole;
-}
-interface ScreenReceiverPeerLeftMessage {
-    type: 'peer_left';
-    roomId: string;
-    peerId: string;
-}
-interface ScreenReceiverRoomStateMessage {
-    type: 'room_state';
-    roomId: string;
-    peers: Array<{
-        peerId: string;
-        role: ScreenReceiverRole;
-    }>;
-}
-interface ScreenReceiverErrorMessage {
-    type: 'error';
-    reason: string;
-}
-
-interface ScreenReceiverLogEntry {
-    id: number;
-    text: string;
-}
-interface UseScreenReceiverOptions {
-    wsUrl: string;
-    roomId: string;
-    iceServers?: RTCIceServer[];
-    maxLogs?: number;
-}
-interface UseScreenReceiverReturn {
-    connect: () => Promise<void>;
-    disconnect: () => void;
-    clearLogs: () => void;
-    logs: ScreenReceiverLogEntry[];
-    isConnected: boolean;
-    connectionState: RTCPeerConnectionState | 'idle';
-    iceConnectionState: RTCIceConnectionState | 'idle';
-    videoRef: RefObject<HTMLVideoElement>;
-    stream: MediaStream | null;
-}
-declare function useScreenReceiver(options: UseScreenReceiverOptions): UseScreenReceiverReturn;
-
-interface ResolveScreenReceiverSignalUrlOptions {
-    signalUrl?: string;
-    path?: string;
-    port?: number;
-}
-declare function resolveScreenReceiverSignalUrl(options?: ResolveScreenReceiverSignalUrlOptions): string;
-
-interface ScreenReceiverPanelProps {
-    defaultSignalUrl?: string;
-    defaultRoomId?: string;
-    className?: string;
-}
-declare function ScreenReceiverPanel(props: ScreenReceiverPanelProps): React__default.JSX.Element;
-
-export { type ResolveScreenReceiverSignalUrlOptions, type ScreenReceiverClientRole, type ScreenReceiverErrorMessage, type ScreenReceiverIncomingMessage, type ScreenReceiverJoinMessage, type ScreenReceiverJoinedMessage, type ScreenReceiverLogEntry, ScreenReceiverPanel, type ScreenReceiverPanelProps, type ScreenReceiverPeerJoinedMessage, type ScreenReceiverPeerLeftMessage, type ScreenReceiverRole, type ScreenReceiverRoomStateMessage, type ScreenReceiverSignalMessage, type ScreenReceiverSignalType, type UseScreenReceiverOptions, type UseScreenReceiverReturn, resolveScreenReceiverSignalUrl, useScreenReceiver };

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"]}