dsh-liuying-voice 1.2.0 → 1.3.0

package/lib/client.js

@@ -1,4 +1,4 @@
-/**
+/**
  * dsh-liuying-voice client：设置页。
  * 运行时格式与 DSH client 插件一致（__ModuleLoader__.load + require("react")）。
  */
@@ -113,6 +113,16 @@ window.__ModuleLoader__.load({
       return h(
         "div",
         { style: { display: "grid", gap: 12, padding: 4 } },
+        h(
+          "a",
+          {
+            href: "/liuying-voice",
+            target: "_blank",
+            rel: "noreferrer",
+            style: { fontSize: 13, color: "var(--dsh-accent, #4db6a0)", textDecoration: "none" },
+          },
+          "在浏览器打开独立设置页 ↗",
+        ),
         h(
           "label",
           { style: { display: "flex", alignItems: "center", gap: 8 } },

package/lib/index.js

@@ -384,6 +384,26 @@ function mountSettingsPage(ctx) {
   });
 }
 
+function mountPersonaPage(ctx) {
+  const web = ctx.get("webServer");
+  if (!web?.register) return null;
+  return web.register({
+    kind: "exact",
+    path: "/liuying-voice/persona",
+    handler: async (req, res) => {
+      try {
+        const html = readFileSync(path.join(PLUGIN_ROOT, "lib", "persona-page.html"), "utf8");
+        res.statusCode = 200;
+        res.setHeader("content-type", "text/html; charset=utf-8");
+        res.end(html);
+      } catch {
+        res.statusCode = 500;
+        res.end("persona-page.html 缺失");
+      }
+    },
+  });
+}
+
 export async function apply(ctx, config = {}) {
   diag(`apply 开始；webServer=${ctx.get("webServer") ? "有" : "无"}；tools=${ctx.get("tools") ? "有" : "无"}`);
   // 一次性把可能影响 python 子进程的环境变量记下来（排查 edge-tts 用）
@@ -425,6 +445,19 @@ export async function apply(ctx, config = {}) {
   } catch (error) {
     log(`设置页面挂载失败：${error?.message ?? error}`);
   }
+  try {
+    const dispose = mountPersonaPage(ctx);
+    if (typeof dispose === "function") {
+      const prev = disposeSettings;
+      disposeSettings = () => {
+        if (typeof prev === "function") prev();
+        dispose();
+      };
+    }
+    log("人格卡页面已挂载：/liuying-voice/persona");
+  } catch (error) {
+    log(`人格卡页面挂载失败：${error?.message ?? error}`);
+  }
   try {
     const dispose = mountMemory(ctx);
     disposeMemory = typeof dispose === "function" ? dispose : null;

package/lib/persona-page.html

@@ -0,0 +1,123 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>流萤 · 人格卡</title>
+<style>
+  :root { color-scheme: dark; }
+  * { box-sizing: border-box; }
+  body { margin: 0; font: 15px/1.75 "Segoe UI", "Microsoft YaHei", sans-serif; background: #0c1113; color: #d8e6e4; }
+  .wrap { display: flex; min-height: 100vh; }
+  aside { width: 220px; flex: 0 0 220px; border-right: 1px solid #1e2a2d; padding: 22px 14px; background: #0f1517; }
+  aside h1 { font-size: 15px; margin: 0 0 16px; color: #8fd8c8; letter-spacing: .08em; font-weight: 600; }
+  aside a { display: block; color: #9db5b9; text-decoration: none; font-size: 13px; padding: 5px 8px; border-radius: 5px; margin: 2px 0; }
+  aside a:hover { background: #16201f; color: #cfe3e6; }
+  aside a.on { background: #1f3a34; color: #b8f0e2; }
+  main { flex: 1; padding: 30px 40px 60px; max-width: 860px; }
+  main h2 { color: #8fd8c8; font-size: 18px; margin: 26px 0 10px; border-bottom: 1px solid #1e2a2d; padding-bottom: 6px; }
+  main h3 { color: #b8d8d0; font-size: 15px; margin: 20px 0 8px; }
+  main p, main li { color: #c4d6d4; }
+  main strong { color: #eafaf5; }
+  main ul { padding-left: 22px; }
+  main blockquote { margin: 12px 0; padding: 8px 14px; border-left: 3px solid #2f5a50; color: #9db5b9; background: #10191b; }
+  main code { background: #16201f; padding: 1px 5px; border-radius: 4px; font-size: 13px; }
+  .muted { color: #5f7478; font-size: 13px; }
+  .toolbar { margin-bottom: 18px; display: flex; gap: 10px; }
+  .toolbar a { color: #4db6a0; text-decoration: none; font-size: 13px; }
+  .loading { color: #5f7478; }
+</style>
+</head>
+<body>
+<div class="wrap">
+  <aside>
+    <h1>流萤 · 人格卡</h1>
+    <div id="nav" class="muted">加载中…</div>
+  </aside>
+  <main>
+    <div class="toolbar"><a id="rawLink" href="#" target="_blank">查看原文 ↗</a></div>
+    <div id="content" class="loading">加载中…</div>
+  </main>
+</div>
+<script>
+const API = "/liuying-voice/memory";
+const $ = (id) => document.getElementById(id);
+const esc = (s) => String(s).replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+
+// 极简 Markdown 渲染：标题 / 列表 / 粗体 / 代码 / 引用
+function render(md) {
+  const lines = md.split(/\r?\n/);
+  let out = "", inList = false, inQuote = false;
+  const inline = (t) =>
+    esc(t)
+      .replace(/`([^`]+)`/g, "<code>$1</code>")
+      .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>")
+      .replace(/~~([^~]+)~~/g, "<s>$1</s>");
+  const closeList = () => { if (inList) { out += "</ul>"; inList = false; } };
+  for (const line of lines) {
+    const t = line.trim();
+    if (!t) { closeList(); inQuote = false; continue; }
+    if (t.startsWith(">")) {
+      closeList();
+      if (!inQuote) { out += "<blockquote>"; inQuote = true; }
+      out += inline(t.slice(1).trim()) + "<br>";
+      continue;
+    }
+    if (inQuote) { out += "</blockquote>"; inQuote = false; }
+    const h = t.match(/^(#{1,4})\s+(.*)$/);
+    if (h) { closeList(); out += `<h${h[1].length + 1}>${inline(h[2])}</h${h[1].length + 1}>`; continue; }
+    if (/^[-*]\s+/.test(t)) {
+      if (!inList) { out += "<ul>"; inList = true; }
+      out += `<li>${inline(t.replace(/^[-*]\s+/, ""))}</li>`;
+      continue;
+    }
+    closeList();
+    out += `<p>${inline(t)}</p>`;
+  }
+  closeList();
+  if (inQuote) out += "</blockquote>";
+  return out;
+}
+
+function show(file) {
+  $("content").className = "loading";
+  $("content").textContent = "加载中…";
+  fetch(`${API}?p=${encodeURIComponent(file)}`, { cache: "no-store" })
+    .then((r) => r.text())
+    .then((html) => {
+      const m = html.match(/<pre>([\s\S]*)<\/pre>/);
+      const body = m ? m[1] : "";
+      const text = body.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"');
+      $("content").className = "";
+      $("content").innerHTML = render(text);
+      $("rawLink").href = `${API}?p=${encodeURIComponent(file)}`;
+      document.querySelectorAll("aside a").forEach((a) => a.classList.toggle("on", a.dataset.f === file));
+    })
+    .catch((e) => { $("content").textContent = "加载失败：" + e.message; });
+}
+
+fetch(API, { cache: "no-store" })
+  .then((r) => r.text())
+  .then((html) => {
+    const links = [...html.matchAll(/<li><a href="[^"]*?p=([^"&]+)">([^<]+)<\/a><\/li>/g)].map((m) => ({
+      rel: decodeURIComponent(m[1]),
+      name: m[2],
+    }));
+    const order = ["firefly-lore.md", "firefly-stories.md", "penacony-2.0.md", "3.8-终将实现的-台词.md", "penacony-full.md", "penacony-tasks.md", "README.md"];
+    links.sort((a, b) => {
+      const ia = order.indexOf(a.rel), ib = order.indexOf(b.rel);
+      return (ia < 0 ? 99 : ia) - (ib < 0 ? 99 : ib) || a.rel.localeCompare(b.rel);
+    });
+    $("nav").innerHTML = links
+      .map((l) => `<a href="#" data-f="${esc(l.rel)}">${esc(l.rel)}</a>`)
+      .join("");
+    document.querySelectorAll("aside a").forEach((a) => {
+      a.addEventListener("click", (ev) => { ev.preventDefault(); show(a.dataset.f); });
+    });
+    if (links.length) show(links[0].rel);
+    else $("content").textContent = "memory 目录为空";
+  })
+  .catch((e) => { $("nav").textContent = ""; $("content").textContent = "加载失败：" + e.message; });
+</script>
+</body>
+</html>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-liuying-voice",
-  "version": "1.2.0",
-  "description": "流萤语音插件 for DeepSeek Harness：本地 edge-tts + RVC / GPT-SoVITS 双引擎，自带流萤参考音频、一键环境安装脚本和独立设置页面。开源 MIT。",
+  "version": "1.3.0",
+  "description": "流萤语音插件 for DeepSeek Harness：本地 edge-tts + RVC / GPT-SoVITS 双引擎，自带流萤参考音频、一键环境安装脚本、独立设置页面与 DSH 设置入口。开源 MIT。",
   "keywords": [
     "deepseek-harness",
     "dsh",