dsh-folia 4.12.2 → 4.12.4

package/lib/client.js

@@ -18318,13 +18318,13 @@ window.__ModuleLoader__.load({
 				      const doc = (resp && resp.data) || null;
 				      if (resp && resp.ok && doc && doc.ok) {
 				        // 读"当前在用哪套皮肤"必须**由浏览器发**，不能走宿主代理：
-				        // `/api/skin-center/v2/*` 的读写被 DSH 自己的会话鉴权挡着，宿主 fetch 没有 cookie
-				        // ⇒ 代理拿到 401（实测报错「操作失败：skin-center-401」）。
-				        // 但**不许裸 fetch**（src/api-client.js 的不变量：业务代码零裸 fetch）——
-				        // apiUrl() 对带 scheme 的地址原样放行，而 location.origin 是同源 ⇒ 照旧带会话。
+				        // `/api/skin-center/v2/*` 的读写被 DSH 自己的会话鉴权挡着，宿主 fetch 没有 cookie ⇒ 401。
+				        // 路径用**相对 `/api/...`**：不要拼 `location.origin` —— 我们跑在宿主页面里，origin 不一定
+				        // 等于宿主 HTTP API 的源；拼错会得到一个不存在的地址，而它的 404 还会被误读成业务 404。
+				        // api-client 对 `/api/**` 原样放行（不补 /folia 前缀）。
 				        if (doc.skinCenter === "present") {
 				          try {
-				            const a = await apiJson(location.origin + "/api/skin-center/v2/active", { parse: "always" });
+				            const a = await apiJson("/api/skin-center/v2/active", { parse: "always" });
 				            if (a && a.ok) doc.active = (a.data && a.data.active) || "";
 				          } catch { /* 读不到就显示"无使用中" */ }
 				        }
@@ -18349,24 +18349,28 @@ window.__ModuleLoader__.load({
 				    if (kind === "activate") setBusy("activate:" + ((payload && payload.id) || ""));
 				    setNote(null);
 				    try {
-				      // 切换皮肤**由浏览器直接写**皮肤中心自己的端点（同源请求自带会话）；
-				      // 走宿主代理会 401 —— DSH 对 `/api/skin-center/v2/*` 的读写都做会话鉴权，宿主 fetch 没有 cookie。
 				      if (kind === "activate") {
 				        const wantId = (payload && payload.id) || null;
-				        // 只允许切到本机已装的那几套（state.installed 是权威清单）
+				        // ⚠️ 这里写入的必须是**皮肤中心自己认识的 id**（= skin.json 里的原始 id），
+				        // 不能用归一键：归一只是用来"比对"，拿去当写值会变成另一个名字 ——
+				        // 皮肤中心的 activePostHandler 对解析不到的 id 回 404 skin-not-found（实测报错 skin-center-404）。
 				        if (wantId) {
-				          const known = ((state && state.installed) || []).some((s) => normSkinId(s.id) === normSkinId(wantId));
-				          if (!known) {
+				          const local = ((state && state.installed) || []).find((s) => s.id === wantId);
+				          if (!local) {
 				            setNote({ ok: false, text: weT("这个皮肤不在本机（先安装）") });
 				            return;
 				          }
 				        }
 				        // 切换皮肤**由浏览器直接写**皮肤中心自己的端点（同源、自带会话）；
 				        // 走宿主代理会 401 —— DSH 对 `/api/skin-center/v2/*` 的读写都做会话鉴权，宿主 fetch 没有 cookie。
-				        // 统一走 api-client（不裸 fetch）：绝对 URL 原样放行，`location.origin` 是同源 ⇒ 会话照旧带上。
-				        const resp = await apiPostJson(location.origin + "/api/skin-center/v2/active", { active: wantId }, { parse: "always" });
+				        // 统一走 api-client（不裸 fetch），路径用相对 `/api/...`（不拼 location.origin ——
+				        // 拼错会得到一个不存在的地址，404 又会被误读成业务 404）。
+				        const resp = await apiPostJson("/api/skin-center/v2/active", { active: wantId }, { parse: "always" });
 				        if (!(resp && resp.ok)) {
-				          setNote({ ok: false, text: weT("操作失败：{code}", { code: "skin-center-" + ((resp && resp.status) || 0) }) });
+				          // 把响应体里的 error 一起显示：`skin-not-found`（它的 catalog 不收）与"路径不对"
+				          // 从状态码上看都是 404，只有 body 能分开（实测踩过：把 URL 拼错当成了业务 404）。
+				          const detail = (resp && resp.data && resp.data.error) ? ":" + resp.data.error : "";
+				          setNote({ ok: false, text: weT("操作失败：{code}", { code: "skin-center-" + ((resp && resp.status) || 0) + detail }) });
 				          return;
 				        }
 				        // 两条收敛路径：① 广播皮肤中心自己监听的 `dsh-skin-applied`（立即就地切换）；
@@ -18470,6 +18474,23 @@ window.__ModuleLoader__.load({
 				  const activeId = (state && state.active) || "";
 				  /** 这个 id 是不是"正在用"的那套（两边都归一后比，站点 slug 可能带 skin- 前缀）。 */
 				  const isActiveSkin = (id) => Boolean(activeId) && normSkinId(activeId) === normSkinId(id);
+
+				  /**
+				   * 站点条目 → 本机已装皮肤的真实 id（皮肤中心只认这个）。
+				   *
+				   * 站点 slug 由标题生成、并为"全站唯一"可能被加 `skin-` 前缀；本机目录/皮肤中心用的是
+				   * skin.json 里的 id。两者可能不同（实测：站点 windows-xp-luna ↔ 本机 xp）。
+				   * 先按归一的 id 比，再按标题兜底；都没有就返回空串（表示"本机没有这一套"）。
+				   */
+				  const localIdOf = (siteItem) => {
+				    const list = (state && state.installed) || [];
+				    const byId = list.find((x) => normSkinId(x.id) === normSkinId(siteItem.id));
+				    if (byId) return byId.id;
+				    const wantTitle = String((siteItem && siteItem.title) || "").trim();
+				    if (!wantTitle) return "";
+				    const byTitle = list.find((x) => String(x.name || "").trim() === wantTitle);
+				    return byTitle ? byTitle.id : "";
+				  };
 				  if (state) {
 				    children.push(React.createElement("div", { key: "installed-head", className: "we-picker__hint" },
 				      weT("本机已装（{n}）", { n: installed.length }),
@@ -18528,6 +18549,10 @@ window.__ModuleLoader__.load({
 				      ? [React.createElement("span", { key: "none", className: "we-picker__hint" }, weT("站点上还没有皮肤。"))]
 				      : site.map((s) => {
 				        const busyThis = busy === "install:" + s.id;
+				        // 站点条目的 slug 与本机皮肤 id **不一定相同**（站点 slug 由标题生成/为避撞名会加 skin- 前缀），
+				        // 而皮肤中心只认 skin.json 里的原始 id ⇒ 写之前必须换成**本机那个 id**，
+				        // 否则它的 activePostHandler 会回 404 skin-not-found（实测报错 skin-center-404）。
+				        const localId = localIdOf(s);
 				        return React.createElement("div", { key: s.id, style: SKIN_STYLE.card },
 				          s.thumbUrl
 				            ? React.createElement("div", {
@@ -18541,16 +18566,15 @@ window.__ModuleLoader__.load({
 				            s.installed
 				              // 已装的站点卡片也要能**直接应用**：用户是照着站点缩略图挑的，
 				              // 让他再滚回上面的「本机已装」区去点一次是多余的一步（实测反馈）。
-				              // 站点 slug 与本机目录名可能差一个 `skin-` 前缀 ⇒ 用归一后的比较。
 				              ? [
-				                isActiveSkin(s.id)
+				                localId && isActiveSkin(localId)
 				                  ? React.createElement("span", { key: "on", style: { ...SKIN_STYLE.badge, background: "rgba(60,160,90,0.55)" } }, weT("使用中"))
 				                  : React.createElement("button", {
 				                    key: "apply",
 				                    className: "we-picker__btn", type: "button",
 				                    disabled: Boolean(busy),
-				                    onClick: () => act("activate", { id: normSkinId(s.id) }, s.title),
-				                  }, busy === "activate:" + normSkinId(s.id) ? weT("切换中…") : weT("应用")),
+				                    onClick: () => act("activate", { id: localId }, s.title),
+				                  }, busy === "activate:" + localId ? weT("切换中…") : weT("应用")),
 				                React.createElement("span", { key: "done", style: SKIN_STYLE.badge }, weT("已安装")),
 				              ]
 				              : React.createElement("button", {
@@ -23826,6 +23850,10 @@ window.__ModuleLoader__.load({
 				  // 应用侧封面恒 404，而同路径 curl 200）。
 				  if (/^[a-z][a-z0-9+.-]*:/i.test(p) || p.startsWith('data:') || p.startsWith('blob:')) return p;
 				  if (p.startsWith(BASE)) return p;
+				  // **宿主自己的 HTTP API** 挂在 `/api/**`（我们的是 `/folia/**`）：这类绝对路径必须原样放行。
+				  // 补成 `/folia/api/...` 会得到一个不存在的路径 —— 那个 404 还会被调用方误读成"业务侧返回 404"
+				  // （实测：皮肤切换报 `skin-center-404`，真因是 URL 被我们拼错，不是皮肤中心说没这套皮肤）。
+				  if (p === '/api' || p.startsWith('/api/')) return p;
 				  return BASE + (p.startsWith('/') ? p : '/' + p);
 				}
 

package/package.json

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