dsh-folia 4.14.1 → 4.14.3

package/lib/client.js

@@ -18309,6 +18309,9 @@ window.__ModuleLoader__.load({
 				function SkinsTabPanel() {
 				  const [state, setState] = React.useState(null);
 				  const [busy, setBusy] = React.useState("");
+				  // 给"静默对账"用的只读镜像：定时器/可见性回调里不能读闭包里的旧 `busy`（会一直看到 ""），
+				  // 用一个 ref 跟住最新值，操作进行中就不打扰用户。
+				  const busyRef = React.useRef("");
 				  const [note, setNote] = React.useState(null);
 
 				  const load = React.useCallback(async (force) => {
@@ -18356,11 +18359,33 @@ window.__ModuleLoader__.load({
 
 				  React.useEffect(() => { load(false); }, [load]);
 
+				  // 与外部改动**保持同步**：皮肤可能在皮肤中心那边被删/装，也可能在另一个窗口里操作。
+				  // 之前只在挂载时拉一次 ⇒ 那边删了，这边还列着（点了才失败，看起来像"没同步"）。
+				  // 三条腿都只做"重拉一次列表"，不做别的：
+				  //   ① 页签重新可见（switch 回来）② 窗口重新获得焦点 ③ 每 20 秒的轻量对账
+				  // 轻量对账只在**没有正在进行的操作**时跑，避免把用户刚点的"安装中…"状态冲掉。
+				  React.useEffect(() => {
+				    if (typeof document === "undefined" || typeof window === "undefined") return undefined;
+				    let timer = null;
+				    const refreshQuietly = () => { try { if (!busyRef.current) load(false); } catch { /* ignore */ } };
+				    const onVisible = () => { try { if (document.visibilityState === "visible") refreshQuietly(); } catch { /* ignore */ } };
+				    try { document.addEventListener("visibilitychange", onVisible); } catch { /* ignore */ }
+				    try { window.addEventListener("focus", refreshQuietly); } catch { /* ignore */ }
+				    try { timer = window.setInterval(refreshQuietly, 20000); } catch { timer = null; }
+				    return () => {
+				      try { document.removeEventListener("visibilitychange", onVisible); } catch { /* ignore */ }
+				      try { window.removeEventListener("focus", refreshQuietly); } catch { /* ignore */ }
+				      if (timer !== null) { try { window.clearInterval(timer); } catch { /* ignore */ } }
+				    };
+				  }, [load]);
+
 				  const act = async (kind, payload, label) => {
 				    // 结构性操作才锁整块 UI；`activate` 是幂等的、而且要让人能连点换皮肤，所以不锁。
 				    const structural = kind === "install" || kind === "remove";
-				    if (structural) setBusy(kind + ":" + ((payload && payload.id) || ""));
-				    if (kind === "activate") setBusy("activate:" + ((payload && payload.id) || ""));
+				    const busyKey = structural
+				      ? kind + ":" + ((payload && payload.id) || "")
+				      : (kind === "activate" ? "activate:" + ((payload && payload.id) || "") : "");
+				    if (busyKey) { setBusy(busyKey); busyRef.current = busyKey; }
 				    setNote(null);
 				    try {
 				      if (kind === "activate") {
@@ -18454,6 +18479,7 @@ window.__ModuleLoader__.load({
 				      setNote({ ok: false, text: weT("请求失败：{msg}", { msg: (e && e.message) || weT("网络错误") }) });
 				    } finally {
 				      setBusy("");
+				      busyRef.current = "";
 				    }
 				  };
 
@@ -18572,9 +18598,11 @@ window.__ModuleLoader__.load({
 				          // 皮肤中心**没收录**这套（它有自己的 manifest 规则）⇒ 应用后它会回退到内置默认款，
 				          // 用户看到的是"点哪套都不变"。这是实测症状（别人机器上"只剩鲸鱼娘"），所以这里
 				          // 直接把原因与「应用」的禁用一起给出来，而不是让人一遍遍点。
+				          // ⚠️ 只有 `=== false` 才下结论：`null` 表示"问不到它的 catalog"（未知），
+				          // 未知绝不能禁用按钮 —— 那会变成"替我猜错了就不让我点"。
 				          const notListed = s.inCatalog === false;
 				          const notListedWhy = notListed
-				            ? weT("皮肤中心没有收录这套（它的 manifest 规则更严：id 必须等于目录名、必须 v2、name/nameEn/author/stylesheet 齐全）")
+				            ? weT("皮肤中心仍未收录这套（它按 manifest 规则筛选：id 必须等于目录名、必须 v2、name/nameEn/author/stylesheet 齐全）。点「刷新」会强制它对账一次；若仍显示这条，说明确实被它拒收")
 				            : "";
 				          return React.createElement("div", {
 				            key: s.id,

package/lib/routes/skins.js

@@ -181,8 +181,24 @@ async function fetchSkinCenterCatalog(hostHeader, force) {
 const siteCache = { at: 0, items: [], error: null };
 const SITE_TTL_MS = 30000;
 
-async function fetchSiteSkins(force) {
-  const now = Date.now();
+/**
+ * 给"本机已装"逐条附上**皮肤中心是否收录**。
+ *
+ * 比对口径要宽：它的 catalog 以 `manifest.id` 为键，而我们的条目同时有 `id`（manifest）与
+ * `dirId`（目录名），且历史上站点 slug 可能带 `skin-` 前缀 ⇒ 三种形态都试，任一命中即算收录。
+ * `catalog === null`（问不到）时给 `null`：**未知不等于未收录**，界面不能据此禁用「应用」。
+ */
+function annotateCatalog(installed, catalog) {
+  if (!catalog) return installed.map((s) => ({ ...s, inCatalog: null, catalogWarnings: [] }));
+  return installed.map((s) => {
+    const hit = catalog.has(s.id) ? s.id
+      : catalog.has(s.dirId) ? s.dirId
+        : catalog.has(normSkinId(s.id)) ? normSkinId(s.id) : null;
+    return { ...s, inCatalog: Boolean(hit), catalogWarnings: hit ? catalog.get(hit) : [] };
+  });
+}
+
+async function fetchSiteSkins(force) {  const now = Date.now();
   if (!force && siteCache.at && now - siteCache.at < SITE_TTL_MS) return siteCache;
   const base = siteBase();
   if (!base) { siteCache.at = now; siteCache.items = []; siteCache.error = 'site-off'; return siteCache; }
@@ -385,14 +401,18 @@ export function registerSkinsRoutes(webServer, c) {
       // 关键对账：**它收录了哪几套**。`null` = 问不到（不据此判红）。
       // 被它剔除的皮肤"能装但应用后画面不变"——它客户端会回退到内置默认款，
       // 用户看到的就是"点哪套都还是鲸鱼娘/blue-fantasy"（实测症状）。
-      const catalog = skinCenter === 'present'
-        ? await fetchSkinCenterCatalog(req.headers && req.headers.host, force)
-        : null;
-      const installed = installedBase.map((s) => {
-        if (!catalog) return { ...s, inCatalog: null, catalogWarnings: [] };
-        const hit = catalog.has(s.id) ? s.id : (catalog.has(s.dirId) ? s.dirId : null);
-        return { ...s, inCatalog: Boolean(hit), catalogWarnings: hit ? catalog.get(hit) : [] };
-      });
+      //
+      // ⚠️ 但"它没列出"**不能**只凭一次缓存就下定论：刚装完皮肤时，它自己的 catalog 可能还没
+      // 重扫（它按目录 mtime 做缓存），我们 30 秒的副本更可能比它更旧。实测：别人机器上刚装完
+      // 就被标成「皮肤中心未收录」，而打开它的设置页却是有的 —— 一次假红。
+      // 所以对账分两拍：先按缓存比，**出现"未收录"就强制重拉一次**再定论。
+      const hostHeader = req.headers && req.headers.host;
+      let catalog = skinCenter === 'present' ? await fetchSkinCenterCatalog(hostHeader, force) : null;
+      let installed = annotateCatalog(installedBase, catalog);
+      if (catalog && installed.some((s) => s.inCatalog === false)) {
+        catalog = await fetchSkinCenterCatalog(hostHeader, true);
+        installed = annotateCatalog(installedBase, catalog);
+      }
       // ⚠️ 站点 slug 与本机皮肤 id **不总是同一个字符串**：站点上 slug 是全站唯一的，
       // 撞名时上传工具会加 `skin-` 前缀（实测 blue-throated-bee-eater 同时是桌宠 id）。
       // 所以比对要归一：两边都去掉可选的 `skin-` 前缀再比，否则会显示成"未安装"。
@@ -524,11 +544,24 @@ export function registerSkinsRoutes(webServer, c) {
       const dir = resolveInside(root, id);
       if (!dir) { sendJson(res, 400, { ok: false, error: 'unsafe-id' }); return; }
       if (!existsSync(dir)) { sendJson(res, 404, { ok: false, error: 'not-installed' }); return; }
+      // 删之前先看它是不是"当前正在用的那套"：如果是，必须**先把选择清掉**再删目录，
+      // 否则 active 指向一个不存在的 id ⇒ 皮肤中心回退到内置默认款，用户看到的是
+      // "皮肤没换成我选的那套"（实测症状）。清空走同一套兜底链路（HTTP→状态文件）。
+      let clearedActive = false;
+      try {
+        const statePath = activeStatePath();
+        let cur = null;
+        try { cur = (JSON.parse(readFileSync(statePath, 'utf8')) || {}).active || null; } catch { cur = null; }
+        if (cur && (cur === id || normSkinId(cur) === normSkinId(id))) {
+          writeActiveStateFile(null);
+          clearedActive = true;
+        }
+      } catch { /* 清不掉也不阻塞删除：目录照删，只是 active 可能悬空（页签会显示"恢复默认外观"） */ }
       try { rmSync(dir, { recursive: true, force: true }); } catch (e) {
         sendJson(res, 500, { ok: false, error: 'remove-failed', detail: String(e && e.message).slice(0, 160) });
         return;
       }
-      sendJson(res, 200, { ok: true, id });
+      sendJson(res, 200, { ok: true, id, clearedActive });
     },
   }));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-folia",
-  "version": "4.14.1",
+  "version": "4.14.3",
   "description": "Folia 壁纸引擎：把本机 Wallpaper Engine 壁纸搬进 DSH 界面（场景实时渲染 / 视频 / 网页），内置液态玻璃与 Folia 吉祥物，并可从自建站点拉取壁纸。单包形态（组件已合并）。",
   "type": "module",
   "engines": {