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

package/lib/client.js

@@ -5,6 +5,36 @@ window.__ModuleLoader__.load({
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
+		//#region src/client/api.ts
+		/** Route paths, mirrored from the host half. */
+		const HOST_ROUTES = { rows: "/api/dsh-evolution/skill-health/rows" };
+		/**
+		* Read the scan result.
+		* @returns the payload, or the host's own refusal sentence.
+		*/
+		async function rows() {
+			try {
+				const response = await fetch(HOST_ROUTES.rows, { headers: { accept: "application/json" } });
+				const body = await response.json();
+				if (!response.ok) return {
+					ok: false,
+					message: body.message ?? "skill-health: the route refused the request"
+				};
+				return {
+					ok: true,
+					payload: {
+						rows: body.rows ?? [],
+						truncated: body.truncated === true
+					}
+				};
+			} catch (error) {
+				return {
+					ok: false,
+					message: "skill-health: " + String(error)
+				};
+			}
+		}
+		//#endregion
 		//#region src/client/seam.ts
 		/** The panel id. The row and the `main` body MUST share it: the sidebar resolves the body by it. */
 		const PANEL_ID = "skill-health";
@@ -114,10 +144,31 @@ window.__ModuleLoader__.load({
 		* @param props - the face (`{ rows, truncated, openHistory? }`) and the locale seat's translator.
 		* @returns the panel body.
 		*/
-		function SkillHealthPanel(props) {
-			const t = props.locale.bind("evolution-skill-health");
-			const counts = new Map(KINDS.map((kind) => [kind, props.face.rows.filter((row) => row.verdict === kind).length]));
-			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"))));
+		function SkillHealthPanel(face) {
+			const t = face.t;
+			const [view, setView] = (0, react.useState)(face);
+			const [failed, setFailed] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				const load = face.loadRows;
+				if (load === void 0) return;
+				let live = true;
+				load().then((outcome) => {
+					if (!live) return;
+					if (outcome.ok) setView({
+						...face,
+						rows: outcome.payload.rows,
+						truncated: outcome.payload.truncated
+					});
+					else setFailed(outcome.message);
+				}).catch((error) => {
+					if (live) setFailed(String(error));
+				});
+				return () => {
+					live = false;
+				};
+			}, [face]);
+			const counts = new Map(KINDS.map((kind) => [kind, view.rows.filter((row) => row.verdict === kind).length]));
+			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))), view.truncated ? (0, react.createElement)("p", null, t("loading.failed")) : null, failed === void 0 ? null : (0, react.createElement)("p", null, failed), view.rows.length === 0 ? (0, react.createElement)("p", null, t("empty.noneReported")) : null, (0, react.createElement)("h3", null, t("group.byRule")), ruleTable(view, t), view.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
@@ -203,6 +254,15 @@ window.__ModuleLoader__.load({
 					return fallback;
 				}
 			};
+			const t = (key) => {
+				const fallback = zh[key] ?? key;
+				if (!registered) return fallback;
+				try {
+					return seam.locale.bind(NS)(key);
+				} catch {
+					return fallback;
+				}
+			};
 			seam.slots.inject("sidebar.panellist", function* () {
 				yield seam.slots.register({
 					name: "sidebar.panellist",
@@ -215,12 +275,11 @@ window.__ModuleLoader__.load({
 					key: PANEL_ID,
 					inject: () => ({
 						rows: [],
-						truncated: false
+						truncated: false,
+						loadRows: rows,
+						t
 					})
-				}, (props) => (0, react.createElement)(SkillHealthPanel, {
-					face: props.face,
-					locale: seam.locale
-				}));
+				}, SkillHealthPanel);
 			});
 		}
 		//#endregion

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

@@ -8,7 +8,7 @@
  * @module @lmzhen/dsh-evolution-skill-health/client
  */
 import { type ReactNode } from 'react';
-import type { LocaleSeat } from './seam.ts';
+import type { HealthOutcome } from './api.ts';
 /** One finding, as the host reports it: `line` is null when the position cannot be named. */
 export interface HealthFinding {
     rule: string;
@@ -30,14 +30,15 @@ export interface HealthFace {
     truncated: boolean;
     /** Opens the skill-history panel for one skill, when that panel is present. */
     openHistory?: (name: string) => void;
+    /** Reads the scan result from the host route. Absent faces render their seeded rows unchanged. */
+    loadRows?: () => Promise<HealthOutcome>;
+    /** The seat's translator for this bundle's dictionary — the panel never reaches for a service. */
+    t: (key: string) => string;
 }
 /**
  * Render the panel.
  * @param props - the face (`{ rows, truncated, openHistory? }`) and the locale seat's translator.
  * @returns the panel body.
  */
-export declare function SkillHealthPanel(props: {
-    face: HealthFace;
-    locale: LocaleSeat;
-}): ReactNode;
+export declare function SkillHealthPanel(face: HealthFace): ReactNode;
 //# sourceMappingURL=Panel.d.ts.map

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

@@ -0,0 +1,33 @@
+/**
+ * The host route this bundle reads, and the ONE place a request is made.
+ *
+ * The path mirrors the host half's `ROUTES.rows` in `src/routes.ts` (a spec asserts the two sides
+ * agree). A refusal arrives as `ok:false` with the host's own sentence, so the panel shows what the
+ * route actually said instead of inventing a second vocabulary.
+ * @module @lmzhen/dsh-evolution-skill-health/client
+ */
+import type { HealthRow } from './Panel.ts';
+/** Route paths, mirrored from the host half. */
+export declare const HOST_ROUTES: {
+    readonly rows: "/api/dsh-evolution/skill-health/rows";
+};
+/** One scan result, as the route reports it. */
+export interface HealthPayload {
+    rows: HealthRow[];
+    /** True when the host could not finish the scan: the counts below are then a lower bound. */
+    truncated: boolean;
+}
+/** Either the payload or the host's refusal sentence — never a thrown error the panel must guess at. */
+export type HealthOutcome = {
+    ok: true;
+    payload: HealthPayload;
+} | {
+    ok: false;
+    message: string;
+};
+/**
+ * Read the scan result.
+ * @returns the payload, or the host's own refusal sentence.
+ */
+export declare function rows(): Promise<HealthOutcome>;
+//# sourceMappingURL=api.d.ts.map

package/package.json

@@ -11,7 +11,7 @@
       ]
     }
   },
-  "version": "0.25.4",
+  "version": "0.25.6",
   "publishConfig": {
     "access": "public"
   },
@@ -43,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.4"
+    "@lmzhen/dsh-evolution-curator": "^0.25.6"
   },
   "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.4"
+    "@lmzhen/dsh-evolution-curator": "^0.25.6"
   }
 }