dsh-live2dwaifu 1.2.0 → 1.2.2

package/README.md

@@ -380,6 +380,17 @@ curl -X POST http://127.0.0.1:<端口>/dsh-live2d/api/push \
 
 版本号怎么走：动了功能和结构就抬第二位（1.2.0），只补洞和小修就抬第三位（1.2.1）。
 
+### 1.2.2
+
+- 人设卡、音色、语料三个页面的按钮和说明改成通用说法：保存／追加保存／覆盖保存／放弃修改／选择文件／播放／关掉。
+- 状态提示统一成「读取中／已读取／保存中／已保存／保存失败」，不再出现「读…」「存好了」这种。
+- 语料页的示例和解析结果里，标签从「他／你」换成「对方／角色」。
+
+### 1.2.1
+
+- 人设卡、音色、语料三个页面右上角各加了一个「关掉」。之前只能点外层那条栏上的按钮，页面本身没出口。
+- 外层那条栏的按钮改成「× 关掉」，更好认。
+
 ### 1.2.0
 
 - 语料吃的文件多了：`.md`、`.csv`、`.srt`、`.vtt`、`.ass`。字幕会自动去掉序号、时间轴和样式标签。

package/assets/corpus.html

@@ -37,37 +37,43 @@
   .tips { color:#6f7783; font-size:11.5px; line-height:1.8; margin-top:10px; }
   code { background:rgba(255,255,255,.06); border-radius:4px; padding:1px 5px; font-size:11px; }
   .state { color:var(--dim); font-size:11.5px; margin-left:auto; }
+
+  .sheet-close { position: fixed; right: 18px; top: 14px; z-index: 20;
+    padding: 7px 14px; border-radius: 9px; border: 1px solid rgba(255,255,255,.16);
+    background: rgba(30,36,45,.92); color: #dfe4ec; font: inherit; font-size: 12px;
+    cursor: pointer; backdrop-filter: blur(6px); }
+  .sheet-close:hover { background: rgba(46,55,68,.96); }
 </style>
 </head>
 <body>
 
 <h1>语料</h1>
-<p class="sub">把角色说过的话喂进来，之后说话就照这个调子。不用排版整齐，能读懂就行。</p>
+<p class="sub">导入角色说过的话，作为生成回复时的语气参考。不要求格式整齐，能解析即可。</p>
 
 <div class="row">
   <select id="models"></select>
   <div class="btns">
-    <button class="act" id="pick">选文件</button>
-    <button class="act primary" id="append">加进去</button>
-    <button class="act" id="replace">替换成这些</button>
+    <button class="act" id="pick">选择文件</button>
+    <button class="act primary" id="append">追加保存</button>
+    <button class="act" id="replace">覆盖保存</button>
   </div>
   <span class="state" id="state"></span>
 </div>
 
 <div class="cols">
   <div class="col box">
-    <h2>把话贴进来</h2>
-    <textarea id="raw" spellcheck="false" placeholder="随便贴，几种写法都认：
+    <h2>粘贴文本</h2>
+    <textarea id="raw" spellcheck="false" placeholder="直接粘贴，支持以下几种写法：
 
-他：今天吃啥
-你：锅里还有，热的。
+对方：今天忙吗
+角色：刚坐下，手还是湿的。
 
-或者只贴角色的台词，一行一句：
-锅里还有，热的。
-先坐下。水在桌上。
+或者只粘贴角色台词，一行一句：
+刚坐下，手还是湿的。
+水在桌上。
 
-也支持带引号的一句：「嗯。我也是。」"></textarea>
-    <div id="drop">拖文件进来，或者点一下选（可以多选）<br /><span style="font-size:11px">文本、字幕、表格都认；图片和视频见下面</span></div>
+也支持带引号的一句：「嗯，我也是。」"></textarea>
+    <div id="drop">拖放文件到此处，或点击选择文件（支持多选）<br /><span style="font-size:11px">支持文本、字幕、表格；图片与视频见下方说明</span></div>
     <input id="files" type="file" multiple accept=".txt,.json,.jsonl,.csv,.md,.srt,.vtt,.ass,image/*,video/*" style="display:none" />
     <div class="tips">
       认得的写法：<code>对方：… / 角色：…</code>、<code>「…」</code>、<code>- …</code>、一行一句、
@@ -78,8 +84,8 @@
   </div>
 
   <div class="col box">
-    <h2>解析出来长这样</h2>
-    <div class="stat" id="stat">还没有内容</div>
+    <h2>解析结果</h2>
+    <div class="stat" id="stat">暂无内容</div>
     <div id="preview"></div>
     <div class="tips" id="saved"></div>
   </div>
@@ -162,10 +168,10 @@
     box.innerHTML = '';
     var show = [];
     for (var i = 0; i < parsed.pairs.length && show.length < 8; i += 1) {
-      show.push('他：' + parsed.pairs[i].user + '<br>你：' + parsed.pairs[i].assistant);
+      show.push('对方：' + parsed.pairs[i].user + '<br>角色：' + parsed.pairs[i].assistant);
     }
     for (var j = 0; j < parsed.lines.length && show.length < 14; j += 1) {
-      show.push('你：' + parsed.lines[j]);
+      show.push('角色：' + parsed.lines[j]);
     }
     show.forEach(function (html) {
       var d = document.createElement('div');
@@ -185,15 +191,15 @@
 
   function load() {
     if (!modelId) return;
-    $('state').textContent = '读…';
+    $('state').textContent = '读取中';
     fetch('/dsh-live2d/api/corpus?id=' + encodeURIComponent(modelId))
       .then(function (r) { return r.json(); })
       .then(function (d) {
         stored = { lines: d.lines || [], pairs: d.pairs || [] };
-        $('state').textContent = '读好了';
+        $('state').textContent = '已读取';
         render();
       })
-      .catch(function (e) { $('state').textContent = '读不了：' + e.message; });
+      .catch(function (e) { $('state').textContent = '读取失败：' + e.message; });
   }
 
   function save(mode) {
@@ -208,10 +214,10 @@
       };
     }
     if (!payload.lines.length && !payload.pairs.length) {
-      $('state').textContent = '没有可存的内容';
+      $('state').textContent = '没有可保存的内容';
       return;
     }
-    $('state').textContent = '存…';
+    $('state').textContent = '保存中';
     fetch('/dsh-live2d/api/corpus', {
       method: 'POST',
       headers: { 'content-type': 'application/json' },
@@ -219,13 +225,13 @@
     })
       .then(function (r) { return r.json(); })
       .then(function (d) {
-        if (!d.ok) { $('state').textContent = '没存上：' + (d.error || '?'); return; }
-        $('state').textContent = '存好了，共 ' + d.total + ' 条';
+        if (!d.ok) { $('state').textContent = '保存失败：' + (d.error || '未知错误'); return; }
+        $('state').textContent = '已保存，共 ' + d.total + ' 条';
         $('raw').value = '';
         files = [];
         load();
       })
-      .catch(function (e) { $('state').textContent = '没存上：' + e.message; });
+      .catch(function (e) { $('state').textContent = '保存失败：' + e.message; });
   }
 
   $('raw').addEventListener('input', reparse);
@@ -256,17 +262,17 @@
       texts.push(f);
     });
     if (skipped.length) {
-      $('saved').textContent = '这些没读：' + skipped.join('、') + ' —— 图片先留着当形象参考，视频请导出字幕(.srt)或直接贴台词。';
+      $('saved').textContent = '未读取：' + skipped.join('、') + '。图片可留作形象参考；视频请先导出字幕（.srt）或直接粘贴台词。';
     }
-    if (!texts.length) { $('state').textContent = '没有可读的文本'; return; }
-    $('state').textContent = '读文件…';
+    if (!texts.length) { $('state').textContent = '没有可读取的文本文件'; return; }
+    $('state').textContent = '正在读取文件';
     var left = texts.length;
     texts.forEach(function (f) {
       var reader = new FileReader();
       reader.onload = function () {
         files.push(String(reader.result || ''));
         left -= 1;
-        if (left === 0) { $('state').textContent = '读好了 ' + texts.length + ' 个文件'; reparse(); }
+        if (left === 0) { $('state').textContent = '已读取 ' + texts.length + ' 个文件'; reparse(); }
       };
       reader.onerror = function () { left -= 1; if (left === 0) reparse(); };
       reader.readAsText(f, 'utf-8');
@@ -299,10 +305,10 @@
       });
       modelId = d.selected || (list[0] && list[0].id) || '';
       if (modelId) sel.value = modelId;
-      if (!list.length) { $('state').textContent = '还没有模型'; return; }
+      if (!list.length) { $('state').textContent = '尚未导入模型'; return; }
       load();
     })
-    .catch(function (e) { $('state').textContent = '读不了模型表：' + e.message; });
+    .catch(function (e) { $('state').textContent = '读取模型列表失败：' + e.message; });
 
   $('models').addEventListener('change', function (e) {
     modelId = e.target.value;
@@ -310,5 +316,15 @@
   });
 })();
 </script>
+<button id="sheet-close" class="sheet-close">关掉</button>
+
+<script>
+(function () {
+  var b = document.getElementById('sheet-close');
+  if (b) b.onclick = function () {
+    try { window.parent.postMessage({ type: 'dsh-live2d/close' }, '*'); } catch (e) {}
+  };
+})();
+</script>
 </body>
 </html>

package/assets/persona.html

@@ -35,26 +35,32 @@
   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; }
+
+  .sheet-close { position: fixed; right: 18px; top: 14px; z-index: 20;
+    padding: 7px 14px; border-radius: 9px; border: 1px solid rgba(255,255,255,.16);
+    background: rgba(30,36,45,.92); color: #dfe4ec; font: inherit; font-size: 12px;
+    cursor: pointer; backdrop-filter: blur(6px); }
+  .sheet-close:hover { background: rgba(46,55,68,.96); }
 </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 class="tip">左侧是当前模型预览。保存后，下一次回答就会按新的设定生成。</div>
 </div>
 
 <div class="panel">
   <h1>人设卡</h1>
-  <p class="sub">她是谁、怎么说话，全在这段字里。</p>
+  <p class="sub">角色的身份、性格、说话方式，都写在这里。</p>
 
   <div class="group">
-    <h2>配给哪个模型</h2>
+    <h2>目标模型</h2>
     <select id="models"></select>
   </div>
 
   <div class="group">
-    <h2>人设</h2>
+    <h2>角色设定</h2>
     <textarea id="persona" spellcheck="false"></textarea>
   </div>
 
@@ -63,18 +69,18 @@
     <label class="switch">
       <input type="checkbox" id="isolation" checked />
       <span>
-        <b>让她待在自己的世界里</b>
-        <em>打开后，她不知道什么是程序、界面、插件、模型。问起来就当你在她身边，不提“系统”“设置”“网页”。关掉她就会老老实实承认自己是插件里的角色。</em>
+        <b>角色视角隔离</b>
+        <em>打开后，角色不会提到程序、界面、插件、模型这些词，按设定世界的视角回答。关闭后角色会承认自己是插件里的角色。</em>
       </span>
     </label>
   </div>
 
   <div class="foot">
-    <button class="act primary" id="save">存</button>
-    <button class="act" id="reload">撤销改动</button>
+    <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 class="tip">保存在 <code>~/.dsh/dsh-live2d/models/&lt;id&gt;/meta.json</code> 的 <code>persona</code> 字段，也可以直接编辑该文件。</div>
 </div>
 
 <script>
@@ -90,20 +96,20 @@
 
   function load() {
     if (!modelId) return;
-    state.textContent = '读…';
+    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 ? '这份是手写的' : '还是默认那份';
+        state.textContent = d.custom ? '已自定义' : '使用默认设定';
       })
-      .catch(function (e) { state.textContent = '读不了：' + e.message; });
+      .catch(function (e) { state.textContent = '读取失败：' + e.message; });
   }
 
   function save() {
     if (!modelId) return;
-    state.textContent = '存…';
+    state.textContent = '保存中';
     fetch('/dsh-live2d/api/persona', {
       method: 'POST',
       headers: { 'content-type': 'application/json' },
@@ -111,12 +117,12 @@
     })
       .then(function (r) { return r.json(); })
       .then(function (d) {
-        state.textContent = d.ok ? '存好了' : '没存上：' + (d.error || '?');
+        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; });
+      .catch(function (e) { state.textContent = '保存失败：' + e.message; });
   }
 
   $('save').addEventListener('click', save);
@@ -139,10 +145,20 @@
       });
       modelId = d.selected || (list[0] && list[0].id) || '';
       if (modelId) sel.value = modelId;
-      if (!list.length) { state.textContent = '还没有模型'; return; }
+      if (!list.length) { state.textContent = '尚未导入模型'; return; }
       load();
     })
-    .catch(function (e) { state.textContent = '读不了模型表：' + e.message; });
+    .catch(function (e) { state.textContent = '读取模型列表失败：' + e.message; });
+})();
+</script>
+<button id="sheet-close" class="sheet-close">关掉</button>
+
+<script>
+(function () {
+  var b = document.getElementById('sheet-close');
+  if (b) b.onclick = function () {
+    try { window.parent.postMessage({ type: 'dsh-live2d/close' }, '*'); } catch (e) {}
+  };
 })();
 </script>
 </body>

package/assets/tone.html

@@ -38,26 +38,32 @@
   .foot { display:flex; align-items:center; gap:10px; }
   .state { color:var(--dim); font-size:11px; margin-left:auto; }
   .tip { color:#6f7783; font-size:11px; margin-top:10px; line-height:1.7; }
+
+  .sheet-close { position: fixed; right: 18px; top: 14px; z-index: 20;
+    padding: 7px 14px; border-radius: 9px; border: 1px solid rgba(255,255,255,.16);
+    background: rgba(30,36,45,.92); color: #dfe4ec; font: inherit; font-size: 12px;
+    cursor: pointer; backdrop-filter: blur(6px); }
+  .sheet-close:hover { background: rgba(46,55,68,.96); }
 </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 class="tip">没有声音时，先点击一次页面——浏览器要求先有用户操作才允许播放。</div>
 </div>
 
 <div class="panel">
-  <h1>音色</h1>
-  <p class="sub">一个字一声短音。音量 0 就是安静，只留气泡和口型。</p>
+  <h1>声音</h1>
+  <p class="sub">每说一个字发一声短音。音量调到 0 即静音，只保留文字和口型。</p>
 
   <div class="group">
-    <h2>配给哪个模型</h2>
+    <h2>目标模型</h2>
     <select id="models"></select>
   </div>
 
   <div class="group">
-    <h2>音色</h2>
+    <h2>音色预设</h2>
     <div class="presets" id="presets">
       <button data-p="soft" class="on">柔和</button>
       <button data-p="crisp">清脆</button>
@@ -76,19 +82,19 @@
   </div>
 
   <div class="group">
-    <h2>试一句</h2>
+    <h2>试听</h2>
     <div class="typebox">
       <input id="text" value="窗台那盆，红了。" />
-      <button class="act primary" id="say">说</button>
+      <button class="act primary" id="say">播放</button>
     </div>
   </div>
 
   <div class="foot">
-    <button class="act primary" id="save">存到这只模型</button>
+    <button class="act primary" id="save">保存</button>
     <button class="act" id="reset">恢复默认</button>
     <span class="state" id="state"></span>
   </div>
-  <div class="tip">每只模型各存一份。换模型、换人，声音跟着换。</div>
+  <div class="tip">每只模型单独保存一份音色设置。</div>
 </div>
 
 <script>
@@ -179,12 +185,12 @@
     voice = Object.assign({}, DEFAULTS);
     show();
     pushTone();
-    state.textContent = '已恢复默认，还没存';
+    state.textContent = '已恢复默认值，尚未保存';
   });
 
   $('save').addEventListener('click', function () {
     if (!modelId) return;
-    state.textContent = '存…';
+    state.textContent = '保存中';
     fetch('/dsh-live2d/api/voice', {
       method: 'POST',
       headers: { 'content-type': 'application/json' },
@@ -192,9 +198,9 @@
     })
       .then(function (r) { return r.json(); })
       .then(function (d) {
-        state.textContent = d.ok ? '存好了' : '没存上：' + (d.error || '?');
+        state.textContent = d.ok ? '已保存' : '保存失败：' + (d.error || '未知错误');
       })
-      .catch(function (e) { state.textContent = '没存上：' + e.message; });
+      .catch(function (e) { state.textContent = '保存失败：' + e.message; });
   });
 
   sel.addEventListener('change', function () {
@@ -204,7 +210,7 @@
 
   function loadVoice(alsoSwitch) {
     if (!modelId) return;
-    state.textContent = '读…';
+    state.textContent = '读取中';
     if (alsoSwitch) {
       fetch('/dsh-live2d/api/select', {
         method: 'POST',
@@ -221,9 +227,9 @@
         show();
         pushTone();
         setTimeout(pushTone, 900);
-        state.textContent = '读好了';
+        state.textContent = '已读取';
       })
-      .catch(function (e) { state.textContent = '读不了：' + e.message; });
+      .catch(function (e) { state.textContent = '读取失败：' + e.message; });
   }
 
   fetch('/dsh-live2d/api/models')
@@ -240,17 +246,27 @@
       modelId = d.selected || (list[0] && list[0].id) || '';
       if (modelId) sel.value = modelId;
       if (!list.length) {
-        state.textContent = '还没有模型';
+        state.textContent = '尚未导入模型';
         return;
       }
       loadVoice(false);
     })
-      .catch(function (e) { state.textContent = '读不了模型表：' + e.message; });
+      .catch(function (e) { state.textContent = '读取模型列表失败：' + e.message; });
 
   frame.addEventListener('load', function () {
     pushTone();
   });
 })();
 </script>
+<button id="sheet-close" class="sheet-close">关掉</button>
+
+<script>
+(function () {
+  var b = document.getElementById('sheet-close');
+  if (b) b.onclick = function () {
+    try { window.parent.postMessage({ type: 'dsh-live2d/close' }, '*'); } catch (e) {}
+  };
+})();
+</script>
 </body>
 </html>

package/lib/client.js

@@ -101,6 +101,7 @@
         const onMsg = (e) => {
           const d = e.data || {};
           if (d.type === 'dsh-live2d/open' && d.sheet) setSheet(String(d.sheet));
+          if (d.type === 'dsh-live2d/close') setSheet(null);
         };
         window.addEventListener('message', onMsg);
         return () => window.removeEventListener('message', onMsg);
@@ -265,7 +266,7 @@
               'div',
               { className: 'dsh-l2d-sheet-bar' },
               h('span', null, SHEET_TITLE[sheet] || sheet),
-              h('button', { onClick: () => setSheet(null) }, '关掉'),
+              h('button', { onClick: () => setSheet(null) }, '× 关掉'),
             ),
             h('iframe', { className: 'dsh-l2d-sheet-body', src: BASE + '/' + sheet }),
           )

package/package.json

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