dsh-live2dwaifu 0.5.0 → 0.6.0

package/assets/persona.html

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+<meta charset="utf-8" />
+<title>人设卡 — dsh-live2dwaifu</title>
+<style>
+  :root { --bg:#12141a; --card:#171a20; --line:#2c313a; --txt:#dfe4ec; --dim:#7d858f; --acc:#6aa9ff; }
+  * { box-sizing: border-box; }
+  body { margin:0; min-height:100vh; background:radial-gradient(1100px 560px at 50% -10%, #1b1f27, var(--bg));
+    color:var(--txt); font:13px/1.6 "Microsoft YaHei", system-ui, sans-serif;
+    display:flex; align-items:flex-start; justify-content:center; gap:26px; padding:26px; flex-wrap:wrap; }
+  .left { display:flex; flex-direction:column; gap:10px; width:330px; }
+  .card { width:330px; height:440px; background:var(--card); border:1px solid var(--line); border-radius:14px;
+    overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.45); }
+  .card iframe { display:block; width:100%; height:100%; border:0; }
+  .panel { width:460px; }
+  .panel h1 { font-size:15px; margin:0 0 3px; font-weight:600; }
+  .panel p.sub { margin:0 0 14px; color:var(--dim); font-size:12px; }
+  .group { border:1px solid var(--line); border-radius:12px; padding:12px; margin-bottom:12px; background:#15181e; }
+  .group h2 { font-size:11px; letter-spacing:.6px; color:var(--dim); margin:0 0 10px; font-weight:600; }
+  select { width:100%; padding:8px 10px; border-radius:9px; border:1px solid #3c424c; background:#181c22;
+    color:var(--txt); font:inherit; font-size:13px; }
+  textarea { width:100%; height:300px; resize:vertical; padding:10px 12px; border-radius:10px;
+    border:1px solid #3c424c; background:#181c22; color:var(--txt);
+    font:12px/1.75 "Microsoft YaHei", system-ui, sans-serif; outline:none; }
+  textarea:focus { border-color:#3f4a5c; }
+  .switch { display:flex; align-items:flex-start; gap:10px; padding:4px 0; cursor:pointer; }
+  .switch input { margin-top:3px; accent-color:var(--acc); }
+  .switch b { font-weight:600; font-size:12.5px; }
+  .switch em { display:block; font-style:normal; color:var(--dim); font-size:11.5px; line-height:1.6; }
+  .foot { display:flex; align-items:center; gap:10px; }
+  button.act { padding:9px 16px; border-radius:9px; border:1px solid #3c424c; background:#232830;
+    color:#dfe4ec; cursor:pointer; font:inherit; font-size:12px; }
+  button.act.primary { background:#27405f; border-color:#3e6b9e; color:#eaf2ff; }
+  button.act:hover { filter:brightness(1.12); }
+  .state { color:var(--dim); font-size:11px; margin-left:auto; }
+  .tip { color:#6f7783; font-size:11px; margin-top:10px; line-height:1.7; }
+</style>
+</head>
+<body>
+
+<div class="left">
+  <div class="card"><iframe id="live" src="/dsh-live2d/viewer?embed=1"></iframe></div>
+  <div class="tip">左边就是她本人。改完存一下，她下一句就按新的人设说。</div>
+</div>
+
+<div class="panel">
+  <h1>人设卡</h1>
+  <p class="sub">她是谁、怎么说话，全在这段字里。</p>
+
+  <div class="group">
+    <h2>配给哪个模型</h2>
+    <select id="models"></select>
+  </div>
+
+  <div class="group">
+    <h2>人设</h2>
+    <textarea id="persona" spellcheck="false"></textarea>
+  </div>
+
+  <div class="group">
+    <h2>世界隔离</h2>
+    <label class="switch">
+      <input type="checkbox" id="isolation" checked />
+      <span>
+        <b>让她待在自己的世界里</b>
+        <em>打开后，她不知道什么是程序、界面、插件、模型。问起来就当你在她身边，不提“系统”“设置”“网页”。关掉她就会老老实实承认自己是插件里的角色。</em>
+      </span>
+    </label>
+  </div>
+
+  <div class="foot">
+    <button class="act primary" id="save">存</button>
+    <button class="act" id="reload">撤销改动</button>
+    <span class="state" id="state"></span>
+  </div>
+  <div class="tip">存在 <code>~/.dsh/dsh-live2d/models/&lt;id&gt;/meta.json</code> 的 <code>persona</code> 字段里，想手改也行。</div>
+</div>
+
+<script>
+(function () {
+  var frame = document.getElementById('live');
+  var sel = document.getElementById('models');
+  var area = document.getElementById('persona');
+  var iso = document.getElementById('isolation');
+  var state = document.getElementById('state');
+  var modelId = '';
+
+  function $(id) { return document.getElementById(id); }
+
+  function load() {
+    if (!modelId) return;
+    state.textContent = '读…';
+    fetch('/dsh-live2d/api/persona?id=' + encodeURIComponent(modelId))
+      .then(function (r) { return r.json(); })
+      .then(function (d) {
+        area.value = d.persona || '';
+        iso.checked = d.isolation !== false;
+        state.textContent = d.custom ? '这份是手写的' : '还是默认那份';
+      })
+      .catch(function (e) { state.textContent = '读不了：' + e.message; });
+  }
+
+  function save() {
+    if (!modelId) return;
+    state.textContent = '存…';
+    fetch('/dsh-live2d/api/persona', {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      body: JSON.stringify({ id: modelId, persona: area.value, isolation: iso.checked })
+    })
+      .then(function (r) { return r.json(); })
+      .then(function (d) {
+        state.textContent = d.ok ? '存好了' : '没存上：' + (d.error || '?');
+        if (d.ok) {
+          frame.src = '/dsh-live2d/viewer?embed=1&t=' + Date.now();
+        }
+      })
+      .catch(function (e) { state.textContent = '没存上：' + e.message; });
+  }
+
+  $('save').addEventListener('click', save);
+  $('reload').addEventListener('click', load);
+  sel.addEventListener('change', function () {
+    modelId = sel.value;
+    load();
+  });
+
+  fetch('/dsh-live2d/api/models')
+    .then(function (r) { return r.json(); })
+    .then(function (d) {
+      var list = d.models || [];
+      sel.innerHTML = '';
+      list.forEach(function (m) {
+        var o = document.createElement('option');
+        o.value = m.id;
+        o.textContent = (m.name || m.id) + (m.id === d.selected ? '（正在显示）' : '');
+        sel.appendChild(o);
+      });
+      modelId = d.selected || (list[0] && list[0].id) || '';
+      if (modelId) sel.value = modelId;
+      if (!list.length) { state.textContent = '还没有模型'; return; }
+      load();
+    })
+    .catch(function (e) { state.textContent = '读不了模型表：' + e.message; });
+})();
+</script>
+</body>
+</html>

package/lib/client.js

@@ -177,6 +177,7 @@
 
       const manage = () => ref.current && ref.current.contentWindow.postMessage({ type: 'dsh-live2d/manage' }, '*');
       const openTone = () => window.open(BASE + '/tone', '_blank', 'width=1140,height=780');
+      const openPersona = () => window.open(BASE + '/persona', '_blank', 'width=1080,height=740');
 
       const send = () => {
         const t = draft.trim();
@@ -222,6 +223,7 @@
             open && h('button', { title: '模型管理', onPointerDown: noDrag, onClick: manage }, '⚙'),
             open && h('button', { title: '背景：' + BG_LABEL[bg], onPointerDown: noDrag, onClick: cycleBg }, '◐'),
             open && h('button', { title: '音色', onPointerDown: noDrag, onClick: openTone }, '♪'),
+            open && h('button', { title: '人设卡', onPointerDown: noDrag, onClick: openPersona }, '✎'),
             open && h('button', { title: '刷新', onPointerDown: noDrag, onClick: () => setNonce((n) => n + 1) }, '↻'),
             h('button', { title: open ? '收起' : '展开', onPointerDown: noDrag, onClick: () => setOpen(!open) }, open ? '⌄' : '⌃'),
           ),

package/lib/index.js

@@ -100,6 +100,23 @@ const DEFAULT_PERSONA = [
   '不解释心情，不总结，不升华，不写括号里的动作。',
 ].join('\n');
 
+/** 没说清要让你挑什么的时候，按情绪给两个短答 */
+const FALLBACK_CHOICES = {
+  开心: ['好', '嗯嗯'],
+  生气: ['……', '别气'],
+  委屈: ['我在', '怎么了'],
+  害羞: ['唔', '别看'],
+  无语: ['行吧', '你说'],
+  困: ['睡吧', '嗯'],
+  平静: ['嗯', '在的'],
+};
+
+const ISOLATION = [
+  '【世界隔离】你不知道什么是程序、界面、插件、模型、参数。',
+  '有人问起，你就当他就站在你身边。不要提“系统”“设置”“网页”“token”这些词。',
+  '你不知道他那边什么样，得他讲给你听。',
+].join('\n');
+
 function personaOf(meta) {
   const p = typeof meta?.persona === 'string' ? meta.persona.trim() : '';
   return p || DEFAULT_PERSONA;
@@ -403,6 +420,7 @@ async function handle(req, res, ctx) {
       .join('\n');
     const prompt = [
       personaOf(meta),
+      meta.isolation === false ? '' : ISOLATION,
       '现在是 ' + nowText() + '。',
       lines ? '你们之前说的：\n' + lines : '',
       '他说：' + text,
@@ -421,8 +439,11 @@ async function handle(req, res, ctx) {
     LAST_ACTIVE.at = Date.now();
     const parsed = splitChoices(reply || '');
     let line = parsed.text;
-    const choices = st.choices ? parsed.choices : [];
+    let choices = st.choices ? parsed.choices : [];
     if (line.length > 240) line = line.slice(0, 240);
+    if (st.choices && !choices.length && line) {
+      choices = FALLBACK_CHOICES[guessMood(line)] || FALLBACK_CHOICES['平静'];
+    }
     if (!line && !choices.length) return sendJson(res, 200, { ok: true, reply: '', id });
     const image = st.memes && guessMood(line) && Math.random() < 0.35 ? pickMeme(guessMood(line)) : null;
 
@@ -437,7 +458,12 @@ async function handle(req, res, ctx) {
   if (path === '/api/persona' && method === 'GET') {
     const id = String(url.searchParams.get('id') ?? '');
     const meta = id ? readMeta(id) : null;
-    return sendJson(res, 200, { id, persona: personaOf(meta), custom: typeof meta?.persona === 'string' && !!meta.persona.trim() });
+    return sendJson(res, 200, {
+      id,
+      persona: personaOf(meta),
+      custom: typeof meta?.persona === 'string' && !!meta.persona.trim(),
+      isolation: meta?.isolation !== false,
+    });
   }
 
   if (path === '/api/persona' && method === 'POST') {
@@ -445,9 +471,10 @@ async function handle(req, res, ctx) {
     const id = String(body.id ?? '');
     const meta = id ? readMeta(id) : null;
     if (!meta) return sendJson(res, 404, { error: 'model not found' });
-    const persona = typeof body.persona === 'string' ? body.persona : '';
-    writeFileSync(join(MODELS, id, 'meta.json'), JSON.stringify({ ...meta, persona }, null, 2), 'utf8');
-    return sendJson(res, 200, { ok: true, persona: personaOf({ persona }) });
+    const persona = typeof body.persona === 'string' ? body.persona : meta.persona;
+    const isolation = typeof body.isolation === 'boolean' ? body.isolation : meta.isolation !== false;
+    writeFileSync(join(MODELS, id, 'meta.json'), JSON.stringify({ ...meta, persona, isolation }, null, 2), 'utf8');
+    return sendJson(res, 200, { ok: true, persona: personaOf({ persona }), isolation });
   }
 
   // 开关：哪些功能开着
@@ -490,6 +517,11 @@ async function handle(req, res, ctx) {
     return sendJson(res, 200, { seq: outSeq, items: OUTBOX.filter((m) => m.seq > since) });
   }
 
+  // 人设卡页
+  if (path === '/persona' || path === '/persona.html') {
+    return sendFile(res, join(ASSETS, 'persona.html'), MIME['.html']);
+  }
+
   // 音色调音页
   if (path === '/tone' || path === '/tone.html') {
     return sendFile(res, join(ASSETS, 'tone.html'), MIME['.html']);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-live2dwaifu",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "给 DSH 网页右下角请一个 Live2D 角色：会眨眼、会呼吸、视线跟着鼠标、点她有反应、说话时嘴动、心情变了眉毛跟着动。模型不用内置——谁装谁放自己的文件夹；支持自定义 .exp3.json 表情和 .motion3.json 动作，卡片能拖能缩，背景可换。",
   "type": "module",
   "main": "lib/index.js",