@wendongfly/myhi 1.3.175 → 1.3.180

package/dist/lib/machine.js

@@ -0,0 +1,50 @@
+// 机器标识：多台电脑都跑 myhi 时，浏览器标签全叫「myhi」分不清。
+// 拉 /api/machine-name → ① 标题里的「myhi」换成「机器名」并放最前（标签被挤窄时先露出来的是机器名）
+// ② 标签图标换成按机器名哈希配色 + 首字的圆角方块，一眼认出是哪台。
+// 页面后续自己改 document.title（如「会话名 — myhi」）也会被 MutationObserver 接住重写。
+(function () {
+  let name = '';
+  try { name = localStorage.getItem('myhi_machine_name') || ''; } catch {}   // 先用缓存，避免标题闪一下 myhi
+
+  function fmt(t) {
+    if (!name || t.startsWith(name + ' · ')) return t;
+    const rest = t.replace(/\s*—\s*myhi$/, '').replace(/^myhi\s*/, '').trim();
+    return rest ? `${name} · ${rest}` : `${name} · myhi`;
+  }
+  let busy = false;
+  function applyTitle() {
+    if (busy) return;
+    const t = fmt(document.title);
+    if (t !== document.title) { busy = true; document.title = t; busy = false; }
+  }
+
+  function hue(s) { let h = 0; for (const c of s) h = (h * 31 + c.codePointAt(0)) >>> 0; return h % 360; }
+  function applyIcon() {
+    if (!name) return;
+    const ch = [...name][0].toUpperCase().replace(/[<&>"]/g, '');
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="hsl(${hue(name)},62%,46%)"/>` +
+      `<text x="32" y="45" font-size="38" font-family="sans-serif" font-weight="700" text-anchor="middle" fill="#fff">${ch}</text></svg>`;
+    let link = document.querySelector('link[rel="icon"]');
+    if (!link) { link = document.createElement('link'); link.rel = 'icon'; document.head.appendChild(link); }
+    link.type = 'image/svg+xml';
+    link.href = 'data:image/svg+xml,' + encodeURIComponent(svg);
+  }
+
+  function apply() { applyTitle(); applyIcon(); }
+  window.myhiSetMachineName = function (n) {
+    const old = name;
+    name = n || '';
+    try { localStorage.setItem('myhi_machine_name', name); } catch {}
+    // 已按旧名字改写过的标题，先剥掉旧前缀再按新名字重写
+    if (old && document.title.startsWith(old + ' · ')) { busy = true; document.title = document.title.slice(old.length + 3); busy = false; }
+    apply();
+  };
+
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', apply); else apply();
+  const titleEl = document.querySelector('title');
+  if (titleEl) new MutationObserver(applyTitle).observe(titleEl, { childList: true, characterData: true, subtree: true });
+
+  fetch('/api/machine-name').then(r => r.ok ? r.json() : null).then(d => {
+    if (d && d.name && d.name !== name) window.myhiSetMachineName(d.name);
+  }).catch(() => {});
+})();