@lmzhen/dsh-evolution-skill-health 0.25.2 → 0.25.4

package/lib/client.js

@@ -120,6 +120,25 @@ window.__ModuleLoader__.load({
 			return (0, react.createElement)("section", null, (0, react.createElement)("p", null, t("counts").replace("{ok}", String(counts.get("ok") ?? 0)).replace("{warn}", String(counts.get("warn") ?? 0)).replace("{error}", String(counts.get("error") ?? 0)).replace("{unreadable}", String(counts.get("unreadable") ?? 0))), props.face.truncated ? (0, react.createElement)("p", null, t("loading.failed")) : null, props.face.rows.length === 0 ? (0, react.createElement)("p", null, t("empty.noneReported")) : null, (0, react.createElement)("h3", null, t("group.byRule")), ruleTable(props.face, t), props.face.rows.filter((row) => row.verdict === "unreadable").map((row) => (0, react.createElement)("p", { key: row.name + ":unreadable" }, row.name + " — " + t("unreadable.note"))));
 		}
 		//#endregion
+		//#region src/client/styles.ts
+		/**
+		* The panel stylesheet. The bundle is built outside the platform CSS-Modules pipeline, so it carries
+		* the text itself and injects one tagged <style> element; the tag id keeps a hot reload from stacking
+		* copies. Only the panel body is styled — the sidebar owns the row and its glyph slot.
+		*
+		* Every value comes from the generated family scale (`./tokens.ts`), so this file carries no literal.
+		* @module @lmzhen/dsh-evolution-skill-health/client
+		*/
+		/** Tag id for the injected <style>, so a hot reload replaces rather than stacks it. */
+		const CSS_TAG_ID = "dsh-evolution-skill-health";
+		/** The panel stylesheet text. */
+		const CSS = [
+			":where(.dsh-evolution-skill-health) { display: flex; flex-direction: column; gap: var(--evo-space-8); padding: var(--evo-space-12); }",
+			":where(.dsh-evolution-skill-health) { --evo-type-lg:calc(1em + 2px);--evo-type-body:1em;--evo-type-sm:calc(1em - 1px);--evo-type-xs:calc(1em - 2px);--evo-space-2:2px;--evo-space-4:4px;--evo-space-6:6px;--evo-space-8:8px;--evo-space-10:10px;--evo-space-12:12px;--evo-space-14:14px;--evo-space-16:16px;--evo-space-20:20px;--evo-radius-chip:4px;--evo-radius-control:8px;--evo-radius-surface:12px;--evo-radius-pill:999px;--evo-hairline-width:.5px;--evo-hairline-marker:2px;--evo-measure-read:80ch;--evo-leading-base:1.5;--evo-tone-quiet:var(--dsw-alias-label-secondary);--evo-tone-primary:var(--dsw-alias-brand-primary);--evo-tone-danger:var(--dsw-alias-state-error-primary);--evo-tone-success:var(--dsw-alias-state-success-primary);--evo-focus-ring:2px solid var(--dsw-alias-label-primary);--evo-focus-offset:-2px;--evo-cap-aside:280px;--evo-cap-block:260px }",
+			":where(.dsh-evolution-skill-health [data-role=\"row\"]) { display: flex; align-items: baseline; justify-content: space-between; gap: var(--evo-space-8); border-bottom: var(--evo-hairline-width) solid var(--evo-tone-quiet); }",
+			":where(.dsh-evolution-skill-health [data-role=\"note\"]) { color: var(--evo-tone-quiet); }"
+		].join(String.fromCharCode(10));
+		//#endregion
 		//#region src/client/index.ts
 		/** Required client services: the slot registry and the locale seat. */
 		const inject = ["slots", "locale"];
@@ -127,6 +146,26 @@ window.__ModuleLoader__.load({
 		* Register the row and the body.
 		* @param ctx - the client context; it must carry the two seats above.
 		*/
+		/**
+		* The row glyph. The sidebar hands every `sidebar.panellist` occupant `{ size, active }` and owns the
+		* slot around it, so this is a plain line glyph drawn in `currentColor`.
+		* @param props - the seat-provided size and active flag.
+		* @returns the glyph element.
+		*/
+		function PanelIcon(props = {}) {
+			const size = typeof props.size === "number" && props.size > 0 ? props.size : 16;
+			return (0, react.createElement)("svg", {
+				"aria-hidden": "true",
+				width: String(size),
+				height: String(size),
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}, (0, react.createElement)("path", { d: "M2 8h3l1.5-3.5L9 11.5 10.5 8H14" }));
+		}
 		function apply(ctx) {
 			const seam = ctx;
 			let registered = false;
@@ -143,6 +182,18 @@ window.__ModuleLoader__.load({
 					return () => {};
 				}
 			}, "evolution-skill-health: locale");
+			ctx.effect(() => {
+				if (document.querySelector("style[data-plugin-css=\"dsh-evolution-skill-health\"]") === null) {
+					const tag = document.createElement("style");
+					tag.setAttribute("data-plugin-css", CSS_TAG_ID);
+					tag.textContent = CSS;
+					document.head.append(tag);
+					return () => {
+						tag.remove();
+					};
+				}
+				return () => {};
+			}, "evolution-skill-health: styles");
 			const label = () => {
 				const fallback = zh["entry.label"] ?? "技能健康";
 				if (!registered) return fallback;
@@ -158,7 +209,7 @@ window.__ModuleLoader__.load({
 					id: PANEL_ID,
 					order: 40,
 					label
-				}, () => (0, react.createElement)("span", null, label()));
+				}, PanelIcon);
 				yield seam.slots.register({
 					name: "main",
 					key: PANEL_ID,

package/lib/types/client/index.d.ts

@@ -12,9 +12,5 @@ import { type HealthFace } from './Panel.ts';
 export declare const inject: string[];
 /** The host half hands the panel a way to read its rows (a read-only route on the host side). */
 export type HealthFaceLoader = () => Promise<HealthFace>;
-/**
- * Register the row and the body.
- * @param ctx - the client context; it must carry the two seats above.
- */
 export declare function apply(ctx: ClientContext): void;
 //# sourceMappingURL=index.d.ts.map

package/lib/types/client/seam.d.ts

@@ -40,7 +40,7 @@ export interface LocaleSeat {
 /** The slot registry: a generator body may register (and is disposed when it unmounts). */
 export interface SlotsSeat {
     inject(name: string, body: () => Generator<() => void, void, void>): void;
-    register(options: PanelRowOptions | PanelBodyOptions, component: (props: unknown) => ReactNode): () => void;
+    register(options: PanelRowOptions | PanelBodyOptions, component: (props: never) => ReactNode): () => void;
 }
 /** Everything this bundle asks the shell for. */
 export interface ClientSeam {

package/lib/types/client/styles.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The panel stylesheet. The bundle is built outside the platform CSS-Modules pipeline, so it carries
+ * the text itself and injects one tagged <style> element; the tag id keeps a hot reload from stacking
+ * copies. Only the panel body is styled — the sidebar owns the row and its glyph slot.
+ *
+ * Every value comes from the generated family scale (`./tokens.ts`), so this file carries no literal.
+ * @module @lmzhen/dsh-evolution-skill-health/client
+ */
+/** Tag id for the injected <style>, so a hot reload replaces rather than stacks it. */
+export declare const CSS_TAG_ID = "dsh-evolution-skill-health";
+/** The panel stylesheet text. */
+export declare const CSS: string;
+//# sourceMappingURL=styles.d.ts.map

package/package.json

@@ -11,7 +11,7 @@
       ]
     }
   },
-  "version": "0.25.2",
+  "version": "0.25.4",
   "publishConfig": {
     "access": "public"
   },
@@ -28,6 +28,10 @@
       "types": "./lib/types/index.d.ts",
       "default": "./lib/index.js"
     },
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -39,13 +43,13 @@
     "@deepseek-ai/cordis": "^4.0.1",
     "@deepseek-ai/dsh-host-webserver": "^0.2.0-rc.1",
     "react": "^18.2.0",
-    "@lmzhen/dsh-evolution-curator": "^0.25.2"
+    "@lmzhen/dsh-evolution-curator": "^0.25.4"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.1",
     "@deepseek-ai/dsh-host-webserver": "^0.2.0-rc.1",
     "@types/react": "~18.3.1",
     "react": "^18.2.0",
-    "@lmzhen/dsh-evolution-curator": "^0.25.2"
+    "@lmzhen/dsh-evolution-curator": "^0.25.4"
   }
 }