dsh-remote-control 1.0.0 → 1.2.0

package/cordis.patch.yml

@@ -19,3 +19,7 @@
           enabled: true
           idleReleaseSec: 300
           keepDisplay: false
+        # 状态栏那颗 pill：配对的**唯一**入口（`/drc pair` 与右栏自动弹码都在 2026-10-03 删了）。
+        # 关掉它这台主机就没有配对入口了——所以关掉会在 status.json 的 problems 里留一条 warn:pill。
+        pill:
+          enabled: true

package/dist/bundle/client.cjs

@@ -0,0 +1,484 @@
+window.__ModuleLoader__.load({
+  id: "dsh-remote-control",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// client/src/main.ts
+var main_exports = {};
+__export(main_exports, {
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(main_exports);
+
+// client/src/pill.ts
+var STATUS_ROUTE = "/plugins/dsh-remote-control/status";
+var NEW_ROUTE = "/plugins/dsh-remote-control/pairing/new";
+var IMAGE_ROUTE = "/plugins/dsh-remote-control/pairing.png";
+var SLOT_NAME = "conversation.composer.dock";
+var PILL_ID = "dsh-remote-control";
+var PILL_ORDER = 20;
+var STYLE_ID = "dsh-remote-control/pill.css";
+var POLL_MS = 2e3;
+function panelViewFor(answer, httpStatus) {
+  if (!answer || typeof answer !== "object") return { kind: "failed", detail: `HTTP ${httpStatus}` };
+  if (answer.state === "ready") {
+    const token = typeof answer.token === "string" ? answer.token : "";
+    const epoch = typeof answer.epoch === "string" ? answer.epoch : "";
+    const expiresInMs = typeof answer.expiresInMs === "number" ? answer.expiresInMs : 0;
+    if (token === "" || expiresInMs <= 0) return { kind: "failed", detail: "\u53D1\u7801\u56DE\u7B54\u91CC\u7684\u7801\u4E0D\u5B8C\u6574" };
+    return { kind: "qr", token, expiresInMs, imageSrc: `${IMAGE_ROUTE}?e=${encodeURIComponent(epoch)}` };
+  }
+  if (answer.state === "unavailable") {
+    return {
+      kind: "unavailable",
+      reason: answer.reason === "relay-offline" ? "\u4E2D\u7EE7\u8FD8\u6CA1\u8FDE\u4E0A\uFF0C\u6682\u65F6\u65E0\u6CD5\u914D\u5BF9\u3002" : "\u73B0\u5728\u53D1\u4E0D\u51FA\u914D\u5BF9\u7801\u3002"
+    };
+  }
+  return {
+    kind: "failed",
+    // 把宿主说的那道守卫一起印出来：这条路由在浏览器里点，屏幕上的这句话就是唯一的现场。
+    detail: typeof answer.error === "string" ? typeof answer.guard === "string" ? `${answer.error}\uFF08${answer.guard}\uFF09` : answer.error : `HTTP ${httpStatus}`
+  };
+}
+function pillLabel(status) {
+  const relay = status?.relay;
+  if (relay === "idle") return { text: "\u8FDC\u7A0B\u672A\u542F\u52A8", tone: "off" };
+  if (relay === "offline") return { text: "\u8FDC\u7A0B\u672A\u8FDE\u63A5", tone: "off" };
+  if (relay === "connecting") return { text: "\u8FDE\u63A5\u4E2D", tone: "wait" };
+  if (relay !== "online") return { text: "\u8FDC\u7A0B\u63A7\u5236", tone: "off" };
+  const paired = typeof status?.paired === "number" ? status.paired : 0;
+  return paired > 0 ? { text: "\u5DF2\u914D\u5BF9", tone: "on" } : { text: "\u672A\u914D\u5BF9", tone: "off" };
+}
+var RELAY_TEXT = {
+  online: "\u5DF2\u8FDE\u63A5",
+  connecting: "\u8FDE\u63A5\u4E2D",
+  offline: "\u672A\u8FDE\u63A5",
+  idle: "\u672A\u542F\u52A8"
+};
+function relayAddress(url) {
+  if (typeof url !== "string" || url.trim() === "") return "";
+  const withoutScheme = url.trim().replace(/^[a-z][a-z0-9+.-]*:\/\//i, "");
+  const authority = /^[^/?]*/.exec(withoutScheme)?.[0] ?? "";
+  return authority.slice(0, 40);
+}
+function infoRows(status) {
+  const rows = [];
+  const label = typeof status?.hostLabel === "string" ? status.hostLabel.trim() : "";
+  if (label !== "") rows.push(["\u672C\u673A", label]);
+  const server = relayAddress(status?.serverUrl);
+  if (server !== "") rows.push(["\u4E2D\u7EE7", server]);
+  const relay = typeof status?.relay === "string" ? status.relay : "";
+  rows.push(["\u72B6\u6001", RELAY_TEXT[relay] ?? "\u672A\u77E5"]);
+  rows.push(["\u5DF2\u914D\u5BF9", `${typeof status?.paired === "number" ? status.paired : 0} \u53F0`]);
+  return rows;
+}
+function secondsText(ms) {
+  const whole = Math.max(0, Math.round(ms / 1e3));
+  if (whole < 60) return `${whole} \u79D2`;
+  return `${Math.floor(whole / 60)} \u5206 ${whole % 60} \u79D2`;
+}
+var CSS = `
+.drc-pill { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 2px 8px;
+  border: 0; border-radius: 999px; background: transparent; color: inherit; font: inherit;
+  font-size: 12px; line-height: 18px; cursor: pointer;
+  /* \u5BBF\u4E3B\u90A3\u4E00\u6392\u6324\u4E0D\u4E0B\u65F6\u4F1A\u81EA\u5DF1\u622A\u65AD\uFF08\u300C6 \u8F6E \u2026\u300D\u90A3\u79CD\uFF09\uFF0C\u6211\u4EEC\u4E5F\u8DDF\u8FD9\u4E2A\u5F62\u72B6\u8D70\uFF1A
+     \u4E00\u884C\u5199\u5B8C\uFF0C\u5199\u4E0D\u4E0B\u5C31\u7701\u7565\u53F7\u3002**\u6CA1\u6709\u8FD9\u4E24\u6761**\u7684\u8BDD\uFF0Cflex \u9879\u4F1A\u88AB\u538B\u5230\u300C\u4E2D\u6587\u6700\u5C0F\u5185\u5BB9\u5BBD\u5EA6
+     = \u4E00\u4E2A\u5B57\u300D\uFF0C\u4E8E\u662F\u300C\u5DF2\u8FDE 1 \u53F0\u300D\u7AD6\u7740\u6392\u6210\u56DB\u884C\uFF082026-10-03 \u771F\u5C4F\u5E55\u622A\u56FE\uFF09\u3002 */
+  flex: 0 1 auto; white-space: nowrap; }
+.drc-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.drc-pill:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04)); }
+.drc-dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--dsw-alias-label-dimmed, #9aa0a6); }
+.drc-dot[data-tone="wait"] { background: var(--dsw-alias-state-warn-primary, #faad14); }
+.drc-dot[data-tone="on"] { background: var(--dsw-alias-state-success-primary, #52c41a); }
+.drc-panel { position: absolute; bottom: calc(100% + 8px); right: 0; z-index: 30; width: 240px;
+  padding: 12px 14px; border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.1)); border-radius: 12px;
+  background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-1, #ffffff));
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.06);
+  color: var(--dsw-alias-label-primary); font-size: 12px; line-height: 18px; }
+/* \u8FDE\u63A5\u4FE1\u606F\u90A3\u4E00\u680F\uFF1A\u952E\u5DE6\u503C\u53F3\uFF0C\u503C\u88AB\u622A\u65AD\u65F6\u7701\u7565\u53F7\u2014\u2014\u548C\u90A3\u9897 pill \u540C\u4E00\u5957"\u6324\u4E0D\u4E0B\u5C31\u622A\u6587\u5B57\u4E0D\u6491\u5BB9\u5668"\u3002 */
+.drc-info { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px;
+  padding-bottom: 6px; border-bottom: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08)); }
+.drc-row { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; }
+.drc-key { flex: 0 0 auto; color: var(--dsw-alias-label-tertiary); }
+.drc-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; text-align: right; }
+.drc-qr { display: block; width: 200px; height: 200px; margin: 0 auto; image-rendering: pixelated; }
+.drc-code { margin: 8px 0 0; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 2px; }
+.drc-note { margin: 4px 0 0; text-align: center; color: var(--dsw-alias-label-tertiary); }
+.drc-note[data-kind="failed"] { color: var(--dsw-alias-state-error-primary, #ff4d4f); }
+.drc-actions { display: flex; gap: 6px; justify-content: center; margin-top: 8px; }
+.drc-btn { padding: 2px 10px; border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.1));
+  border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 12px; cursor: pointer; }
+`;
+function isSlots(value) {
+  if (!value || typeof value !== "object") return false;
+  const record = value;
+  return typeof record.inject === "function" && typeof record.register === "function";
+}
+function pickSlots(source) {
+  if (isSlots(source)) return source;
+  const asGettable = source;
+  if (asGettable && typeof asGettable.get === "function") {
+    try {
+      const got = asGettable.get("slots", true);
+      if (isSlots(got)) return got;
+    } catch {
+    }
+  }
+  return void 0;
+}
+function findCreateElement() {
+  try {
+    if (typeof require !== "function") return void 0;
+    const moduleId = "react";
+    const react = require(moduleId);
+    const create = react?.createElement ?? react?.default?.createElement;
+    return typeof create === "function" ? create : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function warn(message, error) {
+  try {
+    const detail = error instanceof Error ? error.message : error === void 0 ? "" : String(error);
+    console.warn(`[dsh-remote-control pill] ${message} ${detail}`);
+  } catch {
+  }
+}
+function ensureStyle(doc) {
+  try {
+    if (doc.querySelector(`style[data-plugin-css="${STYLE_ID}"]`)) return;
+    const element = doc.createElement("style");
+    element.setAttribute("data-plugin-css", STYLE_ID);
+    element.textContent = CSS;
+    doc.head.appendChild(element);
+  } catch (error) {
+    warn("\u6837\u5F0F\u6CE8\u5165\u5931\u8D25\uFF08pill \u4ECD\u53EF\u7528\uFF0C\u53EA\u662F\u6CA1\u914D\u8272\uFF09", error);
+  }
+}
+function buildPill(root, deps) {
+  const doc = root.ownerDocument;
+  ensureStyle(doc);
+  const button = doc.createElement("button");
+  button.type = "button";
+  button.className = "drc-pill";
+  button.setAttribute("aria-haspopup", "dialog");
+  button.setAttribute("aria-expanded", "false");
+  const dot = doc.createElement("span");
+  dot.className = "drc-dot";
+  dot.setAttribute("aria-hidden", "true");
+  const label = doc.createElement("span");
+  label.className = "drc-label";
+  button.appendChild(dot);
+  button.appendChild(label);
+  root.appendChild(button);
+  let panel;
+  let statusTimer;
+  let countTimer;
+  let view = { kind: "info" };
+  let expiresInMs = 0;
+  let lastStatus;
+  let disposed = false;
+  const pairedNow = () => typeof lastStatus?.paired === "number" ? lastStatus.paired : 0;
+  const write = () => {
+    const next = pillLabel(lastStatus);
+    label.textContent = next.text;
+    dot.setAttribute("data-tone", next.tone);
+    button.setAttribute("title", `dsh-remote-control\uFF1A${next.text}`);
+    button.setAttribute("aria-label", next.text);
+  };
+  const text = (tag, className, content) => {
+    const node = doc.createElement(tag);
+    node.className = className;
+    node.textContent = content;
+    return node;
+  };
+  const buttonOf = (content, onClick) => {
+    const node = doc.createElement("button");
+    node.type = "button";
+    node.className = "drc-btn";
+    node.textContent = content;
+    node.addEventListener("click", onClick);
+    return node;
+  };
+  const infoBlock = () => {
+    if (!lastStatus) return void 0;
+    const box = doc.createElement("div");
+    box.className = "drc-info";
+    for (const [key, value] of infoRows(lastStatus)) {
+      const row = doc.createElement("div");
+      row.className = "drc-row";
+      row.appendChild(text("span", "drc-key", key));
+      row.appendChild(text("span", "drc-value", value));
+      box.appendChild(row);
+    }
+    return box;
+  };
+  const paint = () => {
+    if (!panel) return;
+    panel.replaceChildren();
+    const info = infoBlock();
+    if (info) panel.appendChild(info);
+    if (view.kind === "info") {
+      const actions2 = doc.createElement("div");
+      actions2.className = "drc-actions";
+      actions2.appendChild(buttonOf(pairedNow() > 0 ? "\u518D\u914D\u4E00\u53F0" : "\u751F\u6210\u914D\u5BF9\u7801", () => void requestPairing()));
+      panel.appendChild(actions2);
+      return;
+    }
+    if (view.kind === "loading") {
+      panel.appendChild(text("p", "drc-note", "\u6B63\u5728\u751F\u6210\u914D\u5BF9\u7801\u2026"));
+      return;
+    }
+    if (view.kind === "qr") {
+      const image = doc.createElement("img");
+      image.className = "drc-qr";
+      image.setAttribute("alt", "\u914D\u5BF9\u4E8C\u7EF4\u7801");
+      image.src = view.imageSrc;
+      panel.appendChild(image);
+      panel.appendChild(text("p", "drc-code", view.token));
+      panel.appendChild(text("p", "drc-note", `\u626B\u7801\u914D\u5BF9 \xB7 ${secondsText(expiresInMs)}\u540E\u8FC7\u671F`));
+      const actions2 = doc.createElement("div");
+      actions2.className = "drc-actions";
+      actions2.appendChild(buttonOf("\u6362\u4E00\u5F20", () => void requestPairing()));
+      panel.appendChild(actions2);
+      return;
+    }
+    const note = view.kind === "unavailable" ? text("p", "drc-note", view.reason) : (() => {
+      const node = text("p", "drc-note", `\u914D\u5BF9\u8BF7\u6C42\u6CA1\u6210\u529F\uFF1A${view.detail}`);
+      node.setAttribute("data-kind", "failed");
+      return node;
+    })();
+    panel.appendChild(note);
+    const actions = doc.createElement("div");
+    actions.className = "drc-actions";
+    actions.appendChild(buttonOf("\u518D\u8BD5\u4E00\u6B21", () => void requestPairing()));
+    panel.appendChild(actions);
+  };
+  const closePanel = () => {
+    if (countTimer !== void 0) {
+      clearInterval(countTimer);
+      countTimer = void 0;
+    }
+    if (panel) {
+      panel.remove();
+      panel = void 0;
+    }
+    button.setAttribute("aria-expanded", "false");
+  };
+  async function requestPairing() {
+    if (disposed || !panel) return;
+    view = { kind: "loading" };
+    paint();
+    let answer;
+    let httpStatus = 0;
+    try {
+      const response = await deps.fetchImpl(NEW_ROUTE, {
+        method: "POST",
+        headers: { "x-drc-pair": "1" },
+        credentials: "same-origin"
+      });
+      httpStatus = typeof response?.status === "number" ? response.status : 0;
+      answer = await response?.json?.();
+    } catch (error) {
+      view = { kind: "failed", detail: error instanceof Error ? error.message : String(error) };
+      paint();
+      return;
+    }
+    if (disposed || !panel) return;
+    view = panelViewFor(answer, httpStatus);
+    if (view.kind === "qr") {
+      expiresInMs = view.expiresInMs;
+      if (countTimer === void 0) {
+        countTimer = setInterval(() => {
+          expiresInMs -= 1e3;
+          if (expiresInMs <= 0) void requestPairing();
+          else paint();
+        }, 1e3);
+      }
+    }
+    paint();
+  }
+  const openPanel = () => {
+    if (panel || disposed) return;
+    panel = doc.createElement("div");
+    panel.className = "drc-panel";
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-label", "dsh-remote-control \u8FDE\u63A5\u4FE1\u606F");
+    panel.tabIndex = -1;
+    root.appendChild(panel);
+    button.setAttribute("aria-expanded", "true");
+    view = { kind: "info" };
+    paint();
+    try {
+      panel.focus();
+    } catch {
+    }
+  };
+  const inside = (candidate) => {
+    if (!candidate || typeof candidate !== "object") return false;
+    try {
+      return root.contains(candidate) || (panel?.contains(candidate) ?? false);
+    } catch {
+      return false;
+    }
+  };
+  const onPointerDown = (event) => {
+    if (!panel) return;
+    if (inside(event?.target)) return;
+    closePanel();
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") closePanel();
+  };
+  async function pollStatus() {
+    if (disposed) return;
+    try {
+      if (doc.visibilityState === "hidden") return;
+    } catch {
+    }
+    try {
+      const response = await deps.fetchImpl(`${STATUS_ROUTE}?t=${Date.now()}`, {
+        headers: { accept: "application/json" },
+        credentials: "same-origin"
+      });
+      if (!response || response.status !== 200) return;
+      const body = await response.json?.();
+      if (!body || typeof body !== "object") return;
+      lastStatus = body;
+      write();
+    } catch (error) {
+      deps.warn?.("status poll failed");
+      warn("status poll failed\uFF08pill \u4F1A\u505C\u5728\u9ED8\u8BA4\u6587\u6848\u4E0A\uFF09", error);
+    }
+  }
+  button.addEventListener("click", () => {
+    if (panel) closePanel();
+    else openPanel();
+  });
+  doc.addEventListener("pointerdown", onPointerDown, true);
+  doc.addEventListener("keydown", onKeyDown);
+  write();
+  void pollStatus();
+  statusTimer = setInterval(() => void pollStatus(), POLL_MS);
+  return () => {
+    if (disposed) return;
+    disposed = true;
+    if (statusTimer !== void 0) clearInterval(statusTimer);
+    closePanel();
+    doc.removeEventListener("pointerdown", onPointerDown, true);
+    doc.removeEventListener("keydown", onKeyDown);
+    button.remove();
+  };
+}
+function mountPill(ctx, createElement) {
+  if (!createElement) {
+    warn("\u88C5\u8F7D\u5668\u7ED9\u4E0D\u51FA react\uFF1A\u914D\u5BF9\u90A3\u9897 pill \u4E0D\u4F1A\u51FA\u73B0");
+    return false;
+  }
+  let mounted = false;
+  const mount = (slots) => {
+    if (mounted) return;
+    let cleanup;
+    const attach = (node) => {
+      const element = node;
+      if (element && typeof element.appendChild === "function" && element.ownerDocument) {
+        if (cleanup) return;
+        element.style.position = "relative";
+        cleanup = buildPill(element, {
+          fetchImpl: (input, init) => globalThis.fetch(input, init)
+        });
+      } else if (cleanup) {
+        cleanup();
+        cleanup = void 0;
+      }
+    };
+    const component = () => createElement("span", { ref: attach });
+    mounted = true;
+    try {
+      slots.inject(SLOT_NAME, () => {
+        try {
+          slots.register({ name: SLOT_NAME, id: PILL_ID, order: PILL_ORDER, inject: () => ({}) }, component);
+        } catch (error) {
+          warn("\u69FD\u4F4D\u6CE8\u518C\u5931\u8D25\uFF08\u90A3\u9897 pill \u4E0D\u51FA\u73B0\uFF09", error);
+        }
+      });
+    } catch (error) {
+      mounted = false;
+      warn("\u69FD\u4F4D\u6CE8\u5165\u5931\u8D25\uFF08\u90A3\u9897 pill \u4E0D\u51FA\u73B0\uFF09", error);
+      return;
+    }
+    try {
+      ctx.effect?.(() => () => {
+        if (cleanup) {
+          cleanup();
+          cleanup = void 0;
+        }
+      });
+    } catch {
+    }
+  };
+  let early;
+  try {
+    early = pickSlots(ctx.slots) ?? pickSlots(ctx.get?.("slots", true));
+  } catch {
+  }
+  if (early) mount(early);
+  try {
+    ctx.inject?.(["slots"], ((...args) => {
+      for (const candidate of [...args, ctx]) {
+        const found = pickSlots(candidate);
+        if (found) {
+          mount(found);
+          return;
+        }
+      }
+    }));
+  } catch (error) {
+    warn("ctx.inject \u53E3\u4E0D\u53EF\u7528\uFF1Aslots \u518D\u665A\u5230\u4E5F\u6CA1\u4EBA\u8865\u6302", error);
+  }
+  if (!mounted) {
+    warn("apply \u65F6\u6CA1\u63A2\u5230 slots\uFF08\u5DF2\u6302\u6CE8\u5165\u56DE\u8C03\u7B49\u5B83\u665A\u5230\uFF09\uFF1Bpill \u4E00\u76F4\u4E0D\u51FA\u73B0\u5C31\u662F\u8FD9\u4EE3\u5BBF\u4E3B\u6CA1\u8FD9\u4E2A\u670D\u52A1");
+  }
+  return mounted;
+}
+
+// client/src/main.ts
+var name = "dsh-remote-control";
+var inject = ["slots"];
+function apply(ctx) {
+  try {
+    mountPill(ctx, findCreateElement());
+  } catch (error) {
+    try {
+      console.error("[dsh-remote-control] pill \u6302\u8F7D\u629B\u9519\uFF08\u5DF2\u541E\u6389\uFF09\uFF1A", error);
+    } catch {
+    }
+  }
+}
+
+    return module.exports;
+  },
+});
+