dsh-font-enhancer 1.3.0 → 1.4.3

package/lib/client.js

@@ -313,6 +313,9 @@ window.__ModuleLoader__.load({
         "#dsh-fe-toggle{position:fixed;left:auto;top:auto;right:18px;bottom:18px;z-index:2147483647 !important;width:54px !important;height:54px !important;border-radius:50% !important;border:0 !important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.15),rgba(40,44,54,.95) 70%) !important;color:#eef0f4 !important;font-size:22px !important;font-weight:700 !important;cursor:grab !important;user-select:none !important;touch-action:none !important;box-shadow:0 4px 24px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15) !important;backdrop-filter:blur(12px) !important;line-height:54px !important;text-align:center !important;display:block !important;visibility:visible !important;opacity:1 !important;transform:none !important;pointer-events:auto !important}",
         "#dsh-fe-toggle:hover{box-shadow:0 6px 32px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.2) !important;transform:scale(1.06) !important}",
         "#dsh-fe-toggle.dsh-fe-dragging{cursor:grabbing !important;transform:scale(1.12) !important;box-shadow:0 8px 40px rgba(0,0,0,.8) !important}",
+        "/* ── v1.4.3 orb restyle: warm gradient + 🔤 glyph（字体球独立美化，与 skill-browser 统一样式一致；幂等）── */",
+        "#dsh-fe-root #dsh-fe-toggle{width:46px !important;height:46px !important;line-height:46px !important;font-size:0 !important;color:transparent !important;display:flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg,#ff8c42,#ffd27a) !important;box-shadow:0 4px 16px rgba(255,140,66,.35) !important}",
+        "#dsh-fe-root #dsh-fe-toggle::after{content:'🔤';font-size:20px;color:#fff;display:block;line-height:1}",
         "/* ── panel root — deep glass studio (position set by JS positionPanel) ── */",
         "#dsh-fe-panel{position:fixed !important;z-index:2147483647 !important;width:348px !important;max-width:calc(100vw - 36px) !important;max-height:86vh;overflow-y:auto !important;overflow-x:hidden !important;color:#e6e6e6 !important;border-radius:20px !important;padding:20px !important;font:13px/1.5 KaiTi,'Microsoft YaHei',sans-serif !important;background:rgba(16,18,22,.92) !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06) !important;backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important;visibility:visible !important;pointer-events:auto !important}",
         "#dsh-fe-panel::-webkit-scrollbar{width:3px}",
@@ -1532,13 +1535,164 @@ window.__ModuleLoader__.load({
     }
 
     // ---------- entry ----------
-    var inject = [];
-    function apply() {
+    // 设置页「悬浮球导航」分区（settings.section，与技能浏览器同款官方机制）。
+    // 让字体球（Aa）的显隐由 font-enhancer 自己在 DSH 设置页控制，不依赖其他插件。
+    var FE_BALL_VIS_KEY = "dsh-font-ball-visible";
+    function feReadStore(key, def) {
+      try { var v = localStorage.getItem(key); return v == null ? def : v === "1"; } catch (e) { return def; }
+    }
+    function feWriteStore(key, val) {
+      try { localStorage.setItem(key, val ? "1" : "0"); } catch (e) {}
+    }
+    function feApplyBallVisibility() {
+      var hidden = !feReadStore(FE_BALL_VIS_KEY, true);
+      var t = document.getElementById("dsh-fe-toggle");
+      if (t) t.style.setProperty("display", hidden ? "none" : "", "important");
+    }
+    // 监听字体球（防热重载后重建时样式/显隐丢失；低频轮询，CSS 已兜底）
+    function feWatchBall() {
+      var tries = 0;
+      var t = setInterval(function () {
+        tries++;
+        try { feApplyBallVisibility(); } catch (e) {}
+        if (tries > 120) clearInterval(t);
+      }, 1000);
+    }
+
+    var feReact = null;
+    try {
+      var feReactRaw = require("react");
+      feReact = (feReactRaw && feReactRaw.default) || feReactRaw;
+    } catch (e) { feReact = null; }
+    if (!feReact) { try { feReact = window.React || null; } catch (e) {} }
+
+    // v1.4.3（2026-09-06 用户要求）：分区智能让位 + UI 对齐 skill-browser 版式。
+    //   探测机制：skill-browser 的 🧩 悬浮球 DOM（页面加载即建，不依赖打开设置页）。
+    //   让位机制：延迟注册——skill-browser 在场则不注册分区，独立运行才注册兜底分区。
+    //   独立存在时（未装 skill-browser）：完整版「悬浮球导航」分区——字体球开关
+    //   + 🎯 一键恢复默认位置 + 推荐插件位（照片显示器 / 技能浏览器）。
+
+    // 恢复字体球默认位置（右下角 right:18px bottom:18px），清 bx/by 持久化。
+    function feResetBallToDefault() {
+      try {
+        var data = loadSettings();
+        data.bx = null; data.by = null;
+        saveSettings(data);
+        state.bx = null; state.by = null;
+      } catch (e) {}
+      var t = document.getElementById("dsh-fe-toggle");
+      if (t) {
+        t.style.left = "auto"; t.style.top = "auto";
+        t.style.right = "18px"; t.style.bottom = "18px";
+      }
+    }
+
+    // skill-browser 是否已安装运行（🧩 球元素存在即算，与球显隐无关）
+    function feSkillBrowserPresent() {
+      try { return !!document.getElementById("dsh-skill-browser-ball"); } catch (e) { return false; }
+    }
+
+    function FontSettingsSection(props) {
+      if (!feReact) return null;
+      var rows = [];
+      function mkToggle(id, label, onChange) {
+        return feReact.createElement("label", { key: id, style: { display: "flex", alignItems: "center", gap: "8px", fontSize: "13px", cursor: "pointer" } },
+          feReact.createElement("input", { type: "checkbox", id: id, onChange: onChange }),
+          feReact.createElement("span", null, label));
+      }
+      rows.push(feReact.createElement("div", { key: "head", style: { fontWeight: "600", marginBottom: "4px" } }, "悬浮球导航"));
+      rows.push(mkToggle("fe-set-ball", "字体插件悬浮球（🔤）", function (e) {
+        feWriteStore(FE_BALL_VIS_KEY, e.target.checked);
+        feApplyBallVisibility();
+      }));
+      rows.push(feReact.createElement("button", { key: "fe-reset-pos",
+        onClick: function () { try { feResetBallToDefault(); } catch (e) {} },
+        style: { alignSelf: "flex-start", fontSize: "13px", cursor: "pointer",
+          background: "rgba(255,210,122,.12)", border: "1px solid rgba(255,210,122,.35)",
+          borderRadius: "6px", padding: "6px 12px", color: "#ffd27a" }
+      }, "🎯 一键恢复悬浮球默认位置（右下角）"));
+      rows.push(feReact.createElement("div", { key: "hint", style: { fontSize: "12px", color: "#8b93a8" } },
+        "悬浮球可拖动；本分区就在 DSH 设置中，随时可改悬浮球显隐"));
+      // ── 推荐插件（仅字体插件独立存在、未装 skill-browser 时可见——skill-browser 在场时整个分区已被 CSS 隐藏）──
+      rows.push(feReact.createElement("div", { key: "fe-rec-head", style: { fontWeight: "600", marginTop: "12px", marginBottom: "4px", borderTop: "1px solid rgba(255,255,255,.08)", paddingTop: "10px" } }, "推荐插件"));
+      rows.push(feReact.createElement("div", { key: "fe-rec-lightbox", "data-rec-id": "lightbox", style: { display: "flex", alignItems: "center", justifyContent: "space-between", fontSize: "13px", padding: "3px 0" } },
+        feReact.createElement("span", null, "🖼️ 照片显示器 — 聊天图片灯箱（放大/下载/浏览）"),
+        feReact.createElement("a", { href: "https://github.com/loyalchiiina/dsh-chat-image-lightbox", target: "_blank", rel: "noopener", style: { textDecoration: "none", fontSize: "12px", background: "rgba(255,255,255,.06)", border: "1px solid rgba(255,255,255,.12)", borderRadius: "6px", padding: "2px 8px", color: "#ffd27a", cursor: "pointer", whiteSpace: "nowrap" } }, "⭐ Star")));
+      rows.push(feReact.createElement("div", { key: "fe-rec-skillbrowser", "data-rec-id": "skillbrowser", style: { display: "flex", alignItems: "center", justifyContent: "space-between", fontSize: "13px", padding: "3px 0" } },
+        feReact.createElement("span", null, "🧩 技能浏览器 — 悬浮球面板浏览共享技能库 + 失效台账"),
+        feReact.createElement("a", { href: "https://github.com/loyalchiiina/dsh-skill-browser", target: "_blank", rel: "noopener", style: { textDecoration: "none", fontSize: "12px", background: "rgba(255,255,255,.06)", border: "1px solid rgba(255,255,255,.12)", borderRadius: "6px", padding: "2px 8px", color: "#ffd27a", cursor: "pointer", whiteSpace: "nowrap" } }, "⭐ Star")));
+      return feReact.createElement("div", { "data-fe-slot": "1", style: { display: "flex", flexDirection: "column", gap: "8px", padding: "8px 0" } }, rows);
+    }
+
+    function registerSettings(ctx) {
+      if (!ctx || !ctx.slots || !feReact) return false;
+      try {
+        ctx.slots.inject("settings.section", function () {
+          return ctx.slots.register({
+            name: "settings.section",
+            id: "dsh-font-enhancer",
+            order: 23,
+            label: function () { return "悬浮球导航"; },
+            inject: function () { return {}; }
+          }, FontSettingsSection);
+        });
+        return true;
+      } catch (e) { return false; }
+    }
+
+    var inject = ["slots", "locale"];
+    var __feSectionRegistered = false;
+    // v1.4.3 延迟注册让位：skill-browser 在场则永不注册（设置页不会出现空标题分区）；
+    // 60s 内确认独立存在才注册完整版分区。两插件装卸都以重启为界，轮询窗口足够。
+    function feDelayedRegister(ctx) {
+      var tries = 0;
+      var t = setInterval(function () {
+        tries++;
+        try {
+          if (__feSectionRegistered) { clearInterval(t); return; }
+          if (feSkillBrowserPresent()) {
+            clearInterval(t);
+            try { console.log("[dsh-font-enhancer] settings section skipped (skill-browser present)"); } catch (e) {}
+            return;
+          }
+          if (tries >= 30) { // 60s 仍无 skill-browser → 独立运行，注册兜底分区
+            clearInterval(t);
+            if (registerSettings(ctx)) __feSectionRegistered = true;
+          }
+        } catch (e) {}
+      }, 2000);
+    }
+    function apply(ctx) {
+      try { feDelayedRegister(ctx); } catch (e) {}
       if (document.readyState === "loading") {
         document.addEventListener("DOMContentLoaded", buildUI);
       } else {
         buildUI();
       }
+      feWatchBall();
+      feApplyBallVisibility();
+      // v1.4.3 推荐位安装状态徽标：对每个推荐插件探测是否已安装，
+      // 未安装 → 行内注入「未安装」徽标（已安装则不动，保持干净）。
+      setTimeout(function () {
+        var markNotInstalled = function (recId) {
+          var row = document.querySelector('[data-rec-id="' + recId + '"]');
+          if (!row || row.querySelector(".fe-rec-badge")) return;
+          var badge = document.createElement("span");
+          badge.className = "fe-rec-badge";
+          badge.textContent = "未安装";
+          badge.style.cssText = "flex-shrink:0;margin-left:8px;font-size:11px;padding:2px 8px;border-radius:6px;background:rgba(255,120,120,.15);border:1px solid rgba(255,120,120,.35);color:#ffb3b3;white-space:nowrap";
+          var star = row.querySelector("a");
+          if (star) row.insertBefore(badge, star); else row.appendChild(badge);
+        };
+        // skill-browser：client 运行 = 球元素在 DOM（字体分区出现时通常未装 → 徽标显示）
+        setTimeout(function () {
+          try { if (!document.getElementById("dsh-skill-browser-ball")) markNotInstalled("skillbrowser"); } catch (e) {}
+        }, 1500);
+        // lightbox：宿主路由 /api/image-gallery/list 通 = 已安装
+        try {
+          fetch("/api/image-gallery/list").then(function (r) { if (!r.ok) markNotInstalled("lightbox"); }).catch(function () { markNotInstalled("lightbox"); });
+        } catch (e) { markNotInstalled("lightbox"); }
+      }, 800);
     }
 
     exports.apply = apply;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-font-enhancer",
-  "version": "1.3.0",
+  "version": "1.4.3",
   "description": "DSH 字体样式 DIY 插件（搜「字体」找到我）：按区域自定义中英文字体/字号/字重/斜体/颜色，框选元素创建自定义区域，全局统一控制，主题保存/切换，随机配色，支持自定义字体。DIY your DSH UI fonts & colors: per-region custom font/size/weight/italic/color, pick elements to create custom regions, unified overrides, theme save/switch, random color, custom fonts.",
   "type": "module",
   "main": "lib/index.js",
@@ -64,7 +64,13 @@
       "patch": "./cordis.patch.yml"
     },
     "client": {
-      "inject": ["@deepseek-ai/dsh-client-runtime"],
+      "inject": [
+        "@deepseek-ai/dsh-client-connection",
+        "@deepseek-ai/dsh-client-runtime",
+        "@deepseek-ai/dsh-client-ui-settings",
+        "@deepseek-ai/dsh-client-ui-slots",
+        "@deepseek-ai/dsh-client-locale"
+      ],
       "platform": "web"
     }
   }