dsh-arknights-theme 1.0.2 → 1.0.3

package/README.md

@@ -16,7 +16,7 @@ a coat of theme paint.
 **预构建包（推荐） / Prebuilt tarball (recommended)**
 
 ```sh
-dsh plugin add https://github.com/Theflowyears/dsh-arknights-theme/releases/download/v1.0.2/dsh-arknights-theme-1.0.2.tgz
+dsh plugin add https://github.com/Theflowyears/dsh-arknights-theme/releases/download/v1.0.3/dsh-arknights-theme-1.0.3.tgz
 ```
 
 **从仓库安装 / From the repository**
@@ -95,7 +95,7 @@ This is the manual: what the package is made of, what is measured per wallpaper,
 glyph is used, how to rebuild it, and where its limits are. Installation and the highlight reel
 live on the repository front page.
 
-- 版本 / Version: **1.0.2**
+- 版本 / Version: **1.0.3**
 - 适用 / Requires: DSH Web，`@deepseek-ai/cordis` 4.x
 - 许可 / Licence: 代码 MIT，美术素材不在 MIT 范围内（见 [版权与署名](#版权与署名--rights-and-credit)）
 

package/cordis.patch.yml

@@ -3,4 +3,4 @@
 # kept in the `ui-skin-*` namespace the other skin plugins use.
 - insert:
     - id: ui-skin-amiya-wallpaper
-      name: 'dsh-amiya-wallpaper'
+      name: 'dsh-arknights-theme'

package/lib/client.js

@@ -2,7 +2,7 @@
    GENERATED by build-client.mjs.
    Sources: assets/wallpapers.json, prts-assets.json + prts/, icons.mjs, skin.css, client-src.js */
 window.__ModuleLoader__.load({
-  id: "dsh-amiya-wallpaper",
+  id: "dsh-arknights-theme",
   factory: (require) => {
     var module = { exports: {} };
     var exports = module.exports;
@@ -6014,6 +6014,22 @@ function apply(ctx) {
   /* Mount both tags before painting, so the first frame already carries the
      solved glass for this wallpaper and immersion. */
   ctx.effect(mountStyles, "amiya-wallpaper: stylesheet");
+  /* Every rule in the stylesheet is scoped to `html[data-amiya-skin="1"]`, so the attribute decides
+     whether the skin exists at all. The host half contributes it as an index-injection row, which is
+     the documented mechanism — but a deployment that renders its own index can miss that path, and
+     when it does the page still looks plausible (the stylesheet-less fallback colour), which is how
+     issue #1 was reported as "the wallpaper does not show". Setting it here too costs one attribute
+     and removes the single point of failure; the disposer takes it away with the plugin. */
+  ctx.effect(function () {
+    if (typeof document === "undefined") return function () {};
+    var root = document.documentElement;
+    var had = root.getAttribute("data-amiya-skin");
+    root.setAttribute("data-amiya-skin", "1");
+    return function () {
+      if (had === null) root.removeAttribute("data-amiya-skin");
+      else root.setAttribute("data-amiya-skin", had);
+    };
+  }, "amiya-wallpaper: skin attribute");
   ctx.effect(function () {
     return unpaintWallpaper;
   }, "amiya-wallpaper: unpaint");

package/lib/index.js

@@ -41,6 +41,11 @@ const MIME = new Map([
   ['.webp', 'image/webp'],
   ['.svg', 'image/svg+xml'],
   ['.json', 'application/json; charset=utf-8'],
+  /* Without this entry the stylesheet went out as `application/octet-stream`, and a browser silently
+   * discards a `<link rel="stylesheet">` whose MIME is not `text/css` — so the whole skin was inert
+   * while the file itself was fine and returned 200. Locally the client half masked it by injecting
+   * the same CSS from the bundle; a from-scratch install has no such fallback. Reported in issue #1. */
+  ['.css', 'text/css; charset=utf-8'],
   ['.jpg', 'image/jpeg'],
   ['.jpeg', 'image/jpeg'],
   ['.png', 'image/png'],
@@ -80,20 +85,37 @@ export function apply(ctx) {
    *   * the attribute is set by a blocking inline script, so every rule in the
    *     stylesheet — all of which are scoped to it — is live from the first frame,
    *     and the stylesheet stays inert in a DSH that is not running this skin.
+   *
+   * **The mechanism changed in 1.0.3 because `tapIndex` is not enough any more.** DSH now has a
+   * structured injection table (`webserver/index-inject`): rows are JSON data, and they feed two
+   * renderers — the served index, and the boot payload a static/desktop deployment ships to a
+   * page-side interpreter. `tapIndex` only exists in the first: it is a string transform applied to
+   * a served index body, so on a build that serves a static index it never runs. That is exactly the
+   * report in issue #1 — the asset route registered, the skin attribute read back `null`, and the
+   * page fell through to the stylesheet-less fallback colour. Emitting rows instead makes the same
+   * injection land in both deployments; the client half also sets the attribute as a last resort, so
+   * a third mechanism appearing later cannot silently take the skin down again.
    */
   ctx.effect(() => {
-    const disposeTap = ctx.webServer.tapIndex((html) => {
-      if (html.includes('data-amiya-skin=')) return html
-      const head =
-        '<link rel="stylesheet" href="' +
-        ROUTE +
-        '/assets/skin.css" data-amiya-skin="1">' +
-        '<script data-amiya-skin="1">document.documentElement.setAttribute("data-amiya-skin","1")</script>'
-      return html.includes('</head>')
-        ? html.replace('</head>', head + '</head>')
-        : head + html
-    })
-    return disposeTap
+    const listener = (table) => {
+      table.push(
+        {
+          kind: 'html',
+          placement: 'head',
+          html:
+            '<link rel="stylesheet" href="' +
+            ROUTE +
+            '/assets/skin.css" data-amiya-skin="1">',
+        },
+        {
+          kind: 'script',
+          placement: 'head',
+          text: 'document.documentElement.setAttribute("data-amiya-skin","1")',
+        },
+      )
+    }
+    ctx.on('webserver/index-inject', listener)
+    return () => ctx.off('webserver/index-inject', listener)
   }, 'amiya-wallpaper: index injection')
 
   ctx.effect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-arknights-theme",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "为《明日方舟》玩家在 DSH Web 上构建沉浸感：12 张整屏壁纸（按画面自适应的边缘虚化）、按每张图解算的玻璃与文字色、罗德岛图标体系，以及签字式的授权与选择交互。 / Building immersion for Arknights players on the DSH Web GUI: twelve full-screen wallpapers with per-image edge blur, glass and ink solved from each picture, Rhodes Island iconography, and sign-off style approval and choice interactions.",
   "type": "module",
   "main": "lib/index.js",