dsh-live2dwaifu 1.0.4 → 1.0.6

package/README.md

@@ -47,8 +47,8 @@ dsh plugin --profile desktop add dsh-live2dwaifu
 |---|---|
 | **⚙** | 抽屉：模型列表、自定义表情、全部开关 |
 | **◐** | 换背景：透明 / 深色 / 浅色 / 纸质 |
-| **♪** | 音色调色页（每只模型各存一份音色） |
-| **✎** | 人设卡编辑页 |
+| **♪** | 音色调色页（每只模型各存一份音色），在卡片里盖一层打开 |
+| **✎** | 人设卡编辑页，同样盖一层打开 |
 | **↻** | 重载 iframe（模型卡住时点这个） |
 | **⌄ / ⌃** | 收起 / 展开 |
 
@@ -123,6 +123,8 @@ dsh plugin --profile desktop add dsh-live2dwaifu
 
 提示词里还会明确禁止：不总结、不分点、不讲道理、不解释心情、你没问就不给建议。
 
+另外给了几组说话样例（“他：今天吃啥 —— 你：锅里还有，热的。”这种），让她照着那个密度和信息量说，不是照着内容抄。长度硬卡在四十字上下，超了会被截。
+
 > 还是觉得哪句像 AI？记下来告诉作者，往规则里加。
 
 ### 她偶尔给你选项

package/lib/client.js

@@ -47,6 +47,16 @@
         transition:opacity .15s ease,background .15s ease;border-radius:16px 0 8px 0;z-index:2;
         background:repeating-linear-gradient(135deg,transparent 0 2px,rgba(255,255,255,.45) 2px 3px) no-repeat left top/10px 10px}
       .dsh-l2d-grip:hover{opacity:1;background-color:rgba(255,255,255,.08)}
+      .dsh-l2d-sheet{position:fixed;inset:0;z-index:9500;background:rgba(10,12,16,.74);
+        backdrop-filter:blur(4px);display:flex;flex-direction:column;padding:18px 18px 22px}
+      .dsh-l2d-sheet-bar{display:flex;align-items:center;gap:10px;padding:0 0 10px;
+        color:#cfd6e2;font-size:12px;letter-spacing:.5px}
+      .dsh-l2d-sheet-bar span{margin-right:auto}
+      .dsh-l2d-sheet-bar button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);
+        border-radius:8px;color:#dfe4ec;font:inherit;font-size:11px;padding:5px 12px;cursor:pointer}
+      .dsh-l2d-sheet-bar button:hover{background:rgba(255,255,255,.16)}
+      .dsh-l2d-sheet-body{flex:1;border:0;border-radius:14px;background:#12141a;
+        box-shadow:0 24px 60px rgba(0,0,0,.6)}
       .dsh-l2d-card.resizing{cursor:nwse-resize;box-shadow:0 0 0 1px rgba(106,169,255,.45),0 22px 58px rgba(0,0,0,.6)}
       .dsh-l2d-card.moving{cursor:move;box-shadow:0 0 0 1px rgba(106,169,255,.35),0 22px 58px rgba(0,0,0,.6)}
     `;
@@ -85,6 +95,7 @@
       const [pos, setPos] = react.useState(readPos);
       const [draft, setDraft] = react.useState('');
       const [busy, setBusy] = react.useState(false);
+      const [sheet, setSheet] = react.useState(null);
       const [nonce, setNonce] = react.useState(0);
       const ref = react.useRef(null);
 
@@ -151,73 +162,61 @@
           .catch(() => setTitle('Live2D'));
       }, [nonce]);
 
-      // 拖动时把 iframe 的指针事件关掉，否则光标一进 iframe 父窗口就收不到事件，手感像粘住
-      const lockPointer = (on, cls, cardEl) => {
-        const f = ref.current;
-        if (f) f.style.pointerEvents = on ? 'none' : '';
-        if (cardEl && cardEl.classList) {
-          cardEl.classList.toggle('resizing', on && cls === 'resizing');
-          cardEl.classList.toggle('moving', on && cls === 'moving');
-        }
-        document.body.style.userSelect = on ? 'none' : '';
-      };
-
-      const bindDrag = (move, cls, cardEl) => {
-        const up = () => {
-          window.removeEventListener('pointermove', move);
-          window.removeEventListener('pointerup', up);
-          window.removeEventListener('pointercancel', up);
-          lockPointer(false, cls, cardEl);
-        };
-        window.addEventListener('pointermove', move);
-        window.addEventListener('pointerup', up);
-        window.addEventListener('pointercancel', up);
-      };
-
-      // 卡片钉在右下角，所以只有左上角会动：往左上拖变大，往右下拖变小
-      const startDrag = (e) => {
+      // 拖动时盖一层全屏透明遮罩：既挡住 iframe 吃事件，也保证 pointermove 一定落在父窗口
+      const beginDrag = (e, kind) => {
+        if (e.button !== undefined && e.button !== 0) return;
         e.preventDefault();
         e.stopPropagation();
-        const cardEl = e.currentTarget.closest('.dsh-l2d-card');
+        const cardEl = e.currentTarget && e.currentTarget.closest ? e.currentTarget.closest('.dsh-l2d-card') : null;
         const sx = e.clientX;
         const sy = e.clientY;
         const w0 = size.w;
         const h0 = size.h;
-        lockPointer(true, 'resizing', cardEl);
-        bindDrag((ev) => {
-          const maxW = Math.min(720, Math.max(240, window.innerWidth - 60));
-          const maxH = Math.max(240, window.innerHeight - 80);
-          const w = Math.max(200, Math.min(maxW, w0 + (sx - ev.clientX)));
-          const hh = Math.max(220, Math.min(maxH, h0 + (sy - ev.clientY)));
-          setSize({ w: Math.round(w), h: Math.round(hh) });
-        }, 'resizing', cardEl);
-      };
-
-      const startMove = (e) => {
-        if (e.button !== undefined && e.button !== 0) return;
-        const cardEl = e.currentTarget.closest('.dsh-l2d-card');
-        const sx = e.clientX;
-        const sy = e.clientY;
         const x0 = pos.x;
         const y0 = pos.y;
-        const w = size.w;
-        const hh = open ? size.h : 38;
-        lockPointer(true, 'moving', cardEl);
-        bindDrag((ev) => {
-          const nx = x0 + (ev.clientX - sx);
-          const ny = y0 + (ev.clientY - sy);
-          // 至少留八十像素在视口里，别拖丢
-          setPos({
-            x: Math.round(Math.min(window.innerWidth - 80, Math.max(-w + 80, nx))),
-            y: Math.round(Math.min(window.innerHeight - 44, Math.max(-hh + 44, ny))),
-          });
-        }, 'moving', cardEl);
+        const cls = kind === 'resize' ? 'resizing' : 'moving';
+        const shield = document.createElement('div');
+        shield.setAttribute('data-dsh-l2d-shield', '1');
+        shield.style.cssText =
+          'position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;background:transparent;touch-action:none;cursor:' +
+          (kind === 'resize' ? 'nwse-resize' : 'move');
+        document.body.appendChild(shield);
+        if (cardEl && cardEl.classList) cardEl.classList.add(cls);
+
+        const move = (ev) => {
+          if (kind === 'resize') {
+            const maxW = Math.max(240, Math.min(760, window.innerWidth - 40));
+            const maxH = Math.max(240, window.innerHeight - 60);
+            const w = Math.max(200, Math.min(maxW, w0 + (sx - ev.clientX)));
+            const hh = Math.max(200, Math.min(maxH, h0 + (sy - ev.clientY)));
+            setSize({ w: Math.round(w), h: Math.round(hh) });
+          } else {
+            setPos({ x: Math.round(x0 + (ev.clientX - sx)), y: Math.round(y0 + (ev.clientY - sy)) });
+          }
+        };
+
+        const finish = () => {
+          shield.removeEventListener('pointermove', move);
+          if (shield.parentNode) shield.parentNode.removeChild(shield);
+          if (cardEl && cardEl.classList) cardEl.classList.remove(cls);
+          window.removeEventListener('pointermove', move);
+          window.removeEventListener('pointerup', finish);
+          window.removeEventListener('pointercancel', finish);
+        };
+
+        shield.addEventListener('pointermove', move);
+        window.addEventListener('pointermove', move);
+        window.addEventListener('pointerup', finish);
+        window.addEventListener('pointercancel', finish);
       };
+
+      const startDrag = (e) => beginDrag(e, 'resize');
+      const startMove = (e) => beginDrag(e, 'move');
       const noDrag = (e) => e.stopPropagation();
 
       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 openTone = () => setSheet('tone');
+      const openPersona = () => setSheet('persona');
 
       const send = () => {
         const t = draft.trim();
@@ -249,7 +248,21 @@
         ? { width: size.w + 'px', height: size.h + 'px', transform: 'translate(' + pos.x + 'px,' + pos.y + 'px)' }
         : { transform: 'translate(' + pos.x + 'px,' + pos.y + 'px)' };
 
-      return h(
+      const overlay = sheet
+        ? h(
+            'div',
+            { className: 'dsh-l2d-sheet', onPointerDown: noDrag },
+            h(
+              'div',
+              { className: 'dsh-l2d-sheet-bar' },
+              h('span', null, sheet === 'tone' ? '音色' : '人设卡'),
+              h('button', { onClick: () => setSheet(null) }, '关掉'),
+            ),
+            h('iframe', { className: 'dsh-l2d-sheet-body', src: BASE + '/' + sheet }),
+          )
+        : null;
+
+      const card = h(
         'div',
         { className: 'dsh-l2d-card' + (open ? '' : ' collapsed'), style: cardStyle },
         h(
@@ -299,6 +312,8 @@
           : null,
         open ? h('div', { className: 'dsh-l2d-grip', onPointerDown: startDrag, title: '拖动改大小' }) : null,
       );
+
+      return h(react.Fragment, null, card, overlay);
     }
 
     let frameWin = null;

package/lib/index.js

@@ -156,22 +156,28 @@ function guessMood(text) {
 /** 默认音色：一个字一声短音 */
 const DEFAULT_VOICE = { preset: 'soft', type: 'triangle', base: 400, jit: 10, dur: 60, vol: 32, spd: 62 };
 
-/** 没写人设卡时，就用这一句兜底 */
+/** 没写人设卡时用的通用版，不绑定具体角色 */
 const DEFAULT_PERSONA = [
-  '你是若妍，二十六岁，跟老弟过日子。',
-  '说话短，一句常常不到十五个字；不用感叹号，不写书面语；情绪落在具体的事上——盐、番茄、袖口、手凉不凉。',
-  '不解释心情，不总结，不升华，不写括号里的动作。',
+  '你叫{name}。',
+  '说话短，一句常常不到十五个字；不用感叹号，不写书面语，不解释心情。',
+  '情绪落在具体的东西上——桌上有什么、手上在做什么、外面天色怎样。',
+  '不总结，不升华，不写括号里的动作。',
 ].join('\n');
 
-const ISOLATION = [
-  '【世界隔离】你不知道什么是程序、界面、插件、模型、参数。',
-  '有人问起，你就当他就站在你身边。不要提“系统”“设置”“网页”“token”这些词。',
-  '你不知道他那边什么样，得他讲给你听。',
+/** 参考密度：只给节奏和信息量，不是让模型照抄内容 */
+const TALK_SAMPLES = [
+  '他：今天吃啥 —— 你：锅里还有，热的。',
+  '他：累死了 —— 你：先坐下。水在桌上。',
+  '他：你在干嘛 —— 你：擦桌子。手是湿的。',
+  '他：我想你了 —— 你：嗯。我也是。',
+  '他：明天要早起 —— 你：那我今晚早点关灯。',
 ].join('\n');
 
 function personaOf(meta) {
   const p = typeof meta?.persona === 'string' ? meta.persona.trim() : '';
-  return p || DEFAULT_PERSONA;
+  if (p) return p;
+  const nm = String(meta?.name || '她').trim() || '她';
+  return DEFAULT_PERSONA.replace('{name}', nm);
 }
 
 function readChatStore(id) {
@@ -283,6 +289,10 @@ function humanize(input) {
     .trim();
   const parts = t.split(/(?<=[。！？!?~])/).filter((s) => s.trim());
   if (parts.length > 3) t = parts.slice(0, 3).join('');
+  if (t.length > 60) {
+    const cut = t.match(/^[\s\S]{0,60}?[。！？!?]/);
+    t = cut ? cut[0] : t.slice(0, 60);
+  }
   return t.trim();
 }
 
@@ -360,8 +370,9 @@ async function maybeTalk(ctx) {
     personaOf(meta),
     '现在是 ' + nowText() + '。',
     hist ? '你们之前说的：\n' + hist : '',
-    '有一阵子没人说话了。你想开口，说一句给他。',
-    '只输出这一句本身：一到两句，短，口语。不要解释，不要引号，不要旁白，不要括号里的动作。',
+    '有一阵子没人说话了。你想开口，扔一句过去——提一件你正在做的事、问一句、或者吐槽一下都行。',
+    '一到两句，四十字以内；具体，别总结，别讲道理。只输出这句话本身，不要引号，不要旁白。',
+    '密度参考（别照抄）：\n' + TALK_SAMPLES,
   ]
     .filter(Boolean)
     .join('\n\n');
@@ -584,14 +595,17 @@ async function handle(req, res, ctx) {
     const prompt = [
       personaOf(meta),
       meta.isolation === false ? '' : ISOLATION,
-      '现在是 ' + nowText() + '。按你这个人设，这个时间点你多半在做什么？让这句话带上那个处境，但不要说破。',
+      '现在是 ' + nowText() + '。',
       store.summary ? '之前聊过的，你还记得：\n' + store.summary : '',
       facts.length ? '关于他，你记得这些：\n' + facts.map((f) => '- ' + f).join('\n') : '',
       lines ? '你们之前说的：\n' + lines : '',
       '他说：' + text,
-      '像人发消息那样回他：一到两句，短；不总结、不分点、不讲道理、不解释心情；' +
-        '不说“我理解你”“希望能帮到你”“还有什么需要”这类话；他没问就别给建议；可以只回两个字。' +
-        '只输出这句话本身：不要引号，不要旁白，不要括号里的动作。',
+      '照上面这个人说话，回他一句。',
+      '一到两句，四十字以内。要具体：答应、拒绝、反问、吐槽、提一件正在做的事，都行。' +
+        '别总结他的话，别讲道理，别说“我理解你”“希望帮到你”“还需要什么”；他没问就别建议。' +
+        '可以不接他的话，扔一句自己的事；允许只回两个字。',
+      '只输出这句话本身：不要引号，不要旁白，不要括号里的动作。',
+      '往下是这个人的说话密度，只学节奏和信息量，别照抄内容：\n' + TALK_SAMPLES,
       st.choices ? '如果你想让他挑，可以在最后另起一行写 ||选项一|选项二，最多三项。' : '',
       st.memesMode === 'own' || st.memesMode === 'both'
         ? '如果你想附一张贴图，就在最后另起一行写 ||图:名字。能挑的名字有：' +

package/package.json

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