dsh-life-pack 0.2.5 → 0.2.6

package/dist/client.js

@@ -132,6 +132,13 @@ window.__ModuleLoader__.load({
 		];
 		//#endregion
 		//#region src/update-contract.ts
+		/** 爱生活页签槽名（总管声明 `children`、各单品技能设置页注册进来；单段名，避开官方 `settings.*` 前缀）。
+		*
+		* 为什么住这里：这个名字**两侧都要用**——面板侧 `client.ts` 拿它注册／投影槽，
+		* 宿主侧（`update-env.ts` 的 `readPanelRegistered`）拿它判「已装产物里到底有没有注册代码」。
+		* 一处定义、两边引用（结构纪律「概念唯一」）：名字改了只有这一行要动。
+		* 宿主判据为什么要读这个字面量、以及它的边界，见 `readPanelRegistered` 的头注。 */
+		const CONFIG_TAB_SLOT = "ilife.config-tab";
 		/** 载体：宿主注册 `connection.fetch.register` 的路径 / 面板 `connection.rpc.call` 的两段参数。 */
 		const MANAGER_RPC = {
 			/** 载体基段（`connection.rpc.call` 的**第一段**参数）。传错第一段就是 404：真机上踩过一次。 */
@@ -147,7 +154,7 @@ window.__ModuleLoader__.load({
 		const MANAGER_ACTIONS = {
 			/** 装上缺席的目标包：入参 `{packageName, version}`，回包 `{packageName, version}`。 */
 			install: "ilife-manager.install",
-			/** 七个更新目标的表：入参 `{}`，回包 `{targets: [{key, title, packageName, phones, runningVersion, installedVersion, skill}]}`。
+			/** 七个更新目标的表：入参 `{}`，回包 `{targets: [{key, title, packageName, phones, runningVersion, installedVersion, panelRegistered, skill}]}`。
 			*
 			* 电话名为什么由宿主转交而不是面板侧写死：更新包的三个电话名只有它自己知道
 			* （`update.phoneNames`，`host.ts:335`）；面板侧既不能 import 更新包（浏览器产物纯度门）
@@ -308,6 +315,13 @@ window.__ModuleLoader__.load({
 		function isAbsent(target) {
 			return target.runningVersion === null && target.installedVersion === null;
 		}
+		/** 一家页签此刻的状态：账本里已注册 → `connected`（面板显示它自己的设置页），否则按宿主装机读数分三态。 */
+		function slotStateOf(target, inLedger) {
+			if (inLedger) return "connected";
+			if (target === null || isAbsent(target)) return "absent";
+			if (target.panelRegistered === false) return "unregistered-product";
+			return "not-connected";
+		}
 		/** 把快照翻成一行结论：还没查 / 已是最新 / 有新版 / 装不了（附人话原因）。 */
 		function verdictOf(target, snapshot) {
 			const absent = isAbsent(target);
@@ -564,20 +578,23 @@ window.__ModuleLoader__.load({
 			const [loadError, setLoadError] = react.useState(null);
 			const [checking, setChecking] = react.useState(false);
 			const [open, setOpen] = react.useState(false);
-			react.useEffect(() => {
-				let alive = true;
-				(async () => {
-					const loaded = await loadTargets(getCall());
-					if (!alive) return;
-					if (loaded.ok) {
-						setTargets(loaded.value.targets);
-						setPollMs(loaded.value.pollMs);
-					} else setLoadError(loaded.message);
-				})();
-				return () => {
-					alive = false;
-				};
+			const alive = react.useRef(true);
+			react.useEffect(() => () => {
+				alive.current = false;
+			}, []);
+			/** 重取七个目标的表（装机读数变了就重取：缺席卡的态是拿这张表算的，缓存住它会继续说旧话）。 */
+			const reload = react.useCallback(async () => {
+				const loaded = await loadTargets(getCall());
+				if (!alive.current) return;
+				if (loaded.ok) {
+					setTargets(loaded.value.targets);
+					setPollMs(loaded.value.pollMs);
+					setLoadError(null);
+				} else setLoadError(loaded.message);
 			}, [getCall]);
+			react.useEffect(() => {
+				reload();
+			}, [reload]);
 			const patch = react.useCallback((key, next) => {
 				setRows((previous) => ({
 					...previous,
@@ -658,6 +675,7 @@ window.__ModuleLoader__.load({
 								outcome: null,
 								failure: refreshed
 							});
+							await reload();
 							return;
 						}
 						patch(target.key, {
@@ -673,6 +691,7 @@ window.__ModuleLoader__.load({
 					getCall,
 					patch,
 					pollMs,
+					reload,
 					rows
 				])
 			};
@@ -771,14 +790,16 @@ window.__ModuleLoader__.load({
 				"aria-label": "关闭"
 			}, "×")), body, react.createElement("div", { style: PANEL_STYLE.dialogNote }, "装与更新都在宿主后台跑：关掉这块不影响正在进行的安装，再点「检查更新」可以看到最新状态。"))) : null);
 		}
-		/** 缺席卡：**按宿主的装机读数分两态**，不让层与层的结论互相顶替。
+		/** 缺席卡：**按两处独立事实分三态**，每态只给能改变状态的动作。
 		*
-		* - 宿主说磁盘上没有这个包 →「未安装」＋「装上」按钮（这是本票原有的能力）；
-		* - 宿主说装着（`installedVersion` 非空）却没进页签槽 → 说实情、**不给「装上」**：
-		*   重装改不了产物里有没有注册代码这件事（真机实测：作息/居家/大厨/记账 的已发布 0.2.0
-		*   产物里根本没有页签槽注册，见票 #723）。给出可复制命令仅作参考。
+		* - `absent`（磁盘上没有这个包）→「未安装」＋「装上」按钮（本票原有的能力）；
+		* - `unregistered-product`（装着，但产物里没有页签槽注册代码）→ 说实情、**不给按钮**：
+		*   重装改不了产物里有没有注册代码（真机实测：作息／居家／大厨／记账 的已发布 0.2.0
+		*   产物里根本没有注册代码，见票 #723）；给可复制命令只是参考；
+		* - `not-connected`（装着、产物也有注册代码，设置页却没送到浏览器）→ 重启宿主；仍不行看日志；
+		* - `connected` 不归本卡管：那时面板显示的是那家自己的设置页。
 		*
-		* 原实现只看页签槽 ledger 就断言「未安装」——那对上面第二种情形是说假话，且点「装上」
+		* 原实现只看页签槽 ledger 就断言「未安装」——那对后两种情形是说假话，且点「装上」
 		* 会走进更新包的流程（它已经装着 ⇒ 没有新版 ⇒ 没有凭证）并报出误导的「查新版失败」。
 		*/
 		function AbsentCard(props) {
@@ -787,10 +808,20 @@ window.__ModuleLoader__.load({
 			const busy = row?.phase === "installing";
 			const manual = (target ? manualForDisplay(target, row?.failure?.manual ?? row?.outcome?.manual ?? null) : null) ?? props.fallbackCommand;
 			const installed = target ? target.installedVersion ?? target.runningVersion : null;
+			const state = slotStateOf(target, props.inLedger);
 			let reason = row?.failure?.message ?? null;
 			if (target && reason === null && row?.outcome && row.outcome.snapshot.blockedReason !== null) reason = verdictOf(target, row.outcome.snapshot).text;
-			const headline = !target ? "这个页签对应的插件还没装。" : installed === null ? "未安装[" + target.packageName + "]，装上后这个页签就能用了。" : "插件已装（" + installed + "），但它这一版没把设置页接上爱生活面板：要等它发新版才对得上（重启与重装都不会变）。";
-			return react.createElement("div", { style: PANEL_STYLE.reco }, react.createElement("div", null, headline), target && installed === null ? react.createElement("button", {
+			let headline;
+			switch (state) {
+				case "absent":
+					headline = target ? "未安装[" + target.packageName + "]，装上后这个页签就能用了。" : "这个页签对应的插件还没装。";
+					break;
+				case "unregistered-product":
+					headline = target.packageName + " " + String(installed) + " 装着，但它这一版的产物里没有爱生活页签的注册代码：得等它发一个带注册代码的新版才对得上。重启与重装都不会变（重装只是把同一版再装一次）。";
+					break;
+				default: headline = target.packageName + " " + String(installed) + " 装着、产物里也有注册代码，但它的设置页没送到浏览器：重启宿主后再看这个页签；仍然这样就去宿主日志里找它的报错。";
+			}
+			return react.createElement("div", { style: PANEL_STYLE.reco }, react.createElement("div", null, headline), state === "absent" ? react.createElement("button", {
 				type: "button",
 				style: busy ? {
 					...PANEL_STYLE.btn,
@@ -801,7 +832,9 @@ window.__ModuleLoader__.load({
 					marginTop: 8
 				},
 				disabled: busy,
-				onClick: () => props.face.act(target)
+				onClick: () => {
+					if (target) props.face.act(target);
+				}
 			}, busy ? "正在装，请稍候…" : "装上") : null, reason ? react.createElement("div", { style: PANEL_STYLE.reason }, reason) : null, react.createElement("code", { style: PANEL_STYLE.cmd }, manual));
 		}
 		//#endregion
@@ -990,8 +1023,10 @@ window.__ModuleLoader__.load({
 			green: "var(--dsw-alias-state-success-primary, #4ec9a0)"
 		};
 		/** 整行底色的浅一档：饱和降一档，免得红黄行「刺眼」压过正文（评审第二轮的扣分点）。 */
+		/** 红黄两档整行上底的底色。红灯要**明显重于**黄灯：复评实测原先两个底色亮度几乎一样
+		*  （红 `#FBF3F3` 对黄 `#FCF3E5`，只差蓝通道），最严重那一档反而最淡——红色提到 0.14。 */
 		const STATUS_TINT = {
-			red: "rgba(192, 57, 43, 0.06)",
+			red: "rgba(192, 57, 43, 0.14)",
 			yellow: "rgba(224, 138, 0, 0.10)",
 			green: "transparent"
 		};
@@ -1128,11 +1163,6 @@ window.__ModuleLoader__.load({
 			}
 			return prefixes.sort((a, b) => b.length - a.length);
 		}
-		/** 那一行「配置文件 … · 数据目录 …」+ 各条报文里的长路径，都缩成「公共前缀 ＋ 短尾巴」。 */
-		function shorten(path, prefixes) {
-			const hit = prefixes.find((prefix) => path.startsWith(prefix + "/"));
-			return hit === void 0 ? path : "…/" + path.slice(hit.length + 1);
-		}
 		/** 一家里所有会印出来的路径。 */
 		function pathsOf(report) {
 			const out = [report.configPath, report.dataDir];
@@ -1157,11 +1187,12 @@ window.__ModuleLoader__.load({
 		function lightsOf(tabs, reports) {
 			return tabs.map((tab) => {
 				const report = reports[tab.id];
+				const items = report?.items ?? [];
 				return {
 					id: tab.id,
 					title: tab.title,
-					status: report ? worstStatus(report.items) : null,
-					counts: countByStatus(report?.items ?? [])
+					status: report ? worstStatus(items) : null,
+					counts: countByStatus(items)
 				};
 			});
 		}
@@ -1173,6 +1204,42 @@ window.__ModuleLoader__.load({
 			if (parts.length === 0) return "绿";
 			return parts.join(" · ");
 		}
+		/** 「红 2 · 黄 3」那一截**按档上色**：每一档用它自己的字色、分隔符走淡色。
+		*  为什么必须拆开：原先整截塞进一个 span、染「最严重那一档」的颜色，六家都红时「黄 3」就跟着印成红字——
+		*  本页自己说「黄＝还没配」，文字层却把它涂成红（出图复评五份里三份独立指到，取色同为 `#c03828`）。 */
+		function countSegments(light) {
+			if (light.status === null) return [react.createElement("span", {
+				key: "dash",
+				style: {
+					color: INK_DIM,
+					fontWeight: 700
+				}
+			}, "—")];
+			const parts = [];
+			for (const status of ["red", "yellow"]) {
+				const count = light.counts[status];
+				if (count === 0) continue;
+				if (parts.length > 0) parts.push(react.createElement("span", {
+					key: status + "-sep",
+					style: { color: INK_DIM }
+				}, " · "));
+				parts.push(react.createElement("span", {
+					key: status,
+					style: {
+						color: STATUS_TEXT[status],
+						fontWeight: 700
+					}
+				}, STATUS_LABEL[status] + " " + String(count)));
+			}
+			if (parts.length === 0) return [react.createElement("span", {
+				key: "green",
+				style: {
+					color: INK_DIM,
+					fontWeight: 700
+				}
+			}, "绿")];
+			return parts;
+		}
 		/** 顶部那行总览：六家一盏灯 ＋ 一个「体检一次」按钮。 */
 		function HealthOverview(props) {
 			return react.createElement("div", {
@@ -1217,10 +1284,33 @@ window.__ModuleLoader__.load({
 			} }), react.createElement("span", { style: {
 				color: INK,
 				fontWeight: 650
-			} }, light.title), react.createElement("span", { style: {
-				color: light.status === null ? INK_DIM : STATUS_TEXT[light.status],
-				fontWeight: 700
-			} }, light.status === null ? "—" : countsText(light.counts))))), react.createElement("div", { style: HEALTH_STYLE.meta }, props.error !== null ? props.error : "只看不改 · 灯＝那一家最严重的一档 · 点一下跳到那家配置页"));
+			} }, light.title), ...countSegments(light)))), react.createElement("div", { style: HEALTH_STYLE.meta }, props.error !== null ? props.error : [
+				react.createElement("span", {
+					key: "r",
+					style: {
+						color: STATUS_TEXT.red,
+						fontWeight: 700
+					}
+				}, "红"),
+				react.createElement("span", { key: "r2" }, "＝坏了 · "),
+				react.createElement("span", {
+					key: "y",
+					style: {
+						color: STATUS_TEXT.yellow,
+						fontWeight: 700
+					}
+				}, "黄"),
+				react.createElement("span", { key: "y2" }, "＝还没配 · "),
+				react.createElement("span", {
+					key: "g",
+					style: {
+						color: STATUS_TEXT.green,
+						fontWeight: 700
+					}
+				}, "绿"),
+				react.createElement("span", { key: "g2" }, "＝正常 ｜ 只看不改：不建目录、不改配置、不自动重置"),
+				react.createElement("span", { key: "tab" }, " · 上面那排圆点是体检灯，点一下跳到那家配置页；下面那排圆点是页签（实心＝装上了）")
+			]));
 		}
 		/** 正正常常的那些：绿条只留「名字」，一句话与「去哪修」都不印（票面验收第一条：正常的收成一行）。 */
 		function isAttentionItem(item) {
@@ -1237,10 +1327,11 @@ window.__ModuleLoader__.load({
 			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, props.title + " · 体检"), report ? react.createElement("div", { style: {
 				color: INK_DIM,
 				fontSize: 12
-			} }, countsText(countByStatus(report.items))) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, react.createElement("div", {
-				style: HEALTH_STYLE.meta,
-				title: prefixes.join("　")
-			}, "配置文件 " + shorten(report.configPath, prefixes) + " · 数据目录 " + shorten(report.dataDir, prefixes)), report.items.filter(isAttentionItem).map((item) => react.createElement("div", {
+			} }, countsText(countByStatus(report.items))) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, report.dataDir !== "" ? react.createElement("div", { style: {
+				color: INK_DIM,
+				fontSize: 11.5,
+				marginTop: 2
+			} }, "落点根目录：" + report.dataDir + (report.configPath !== "" ? "（配置文件 " + report.configPath + "）" : "")) : null, report.items.filter(isAttentionItem).map((item) => react.createElement("div", {
 				key: item.id,
 				"data-ilife-health": "item",
 				"data-status": item.status,
@@ -1267,18 +1358,12 @@ window.__ModuleLoader__.load({
 				},
 				"aria-hidden": "true"
 			}, STATUS_MARK[item.status]), react.createElement("span", { style: {
-				width: 8,
-				height: 8,
-				borderRadius: "50%",
-				display: "inline-block",
-				background: STATUS_COLOR[item.status]
-			} }), react.createElement("span", { style: {
 				fontWeight: 650,
 				color: INK
 			} }, item.title), react.createElement("span", { style: {
 				color: STATUS_TEXT[item.status],
 				fontWeight: 700
-			} }, STATUS_LABEL[item.status]), item.source ? react.createElement("span", { style: { color: INK_DIM } }, "· 来自" + item.source) : null), react.createElement("div", {
+			} }, STATUS_LABEL[item.status]), item.source && item.source !== "默认值" ? react.createElement("span", { style: { color: INK_DIM } }, "· 来自" + item.source) : null), react.createElement("div", {
 				style: { color: INK },
 				title: item.message
 			}, shortenPathsIn(item.message, prefixes)), item.action.length > 0 ? react.createElement("div", { style: { color: INK_DIM } }, "去哪修：" + actionText(item.action)) : null)), report.items.some((item) => !isAttentionItem(item)) ? react.createElement("div", {
@@ -1289,16 +1374,27 @@ window.__ModuleLoader__.load({
 					alignItems: "center",
 					gap: "2px 10px",
 					marginTop: 8,
-					paddingTop: 6,
-					borderTop: "1px solid " + BORDER,
+					padding: "6px 8px",
+					borderLeft: "3px solid " + STATUS_COLOR.green,
+					borderRadius: 6,
 					fontSize: 12,
 					lineHeight: 1.6,
 					color: INK_DIM
 				}
-			}, react.createElement("span", { style: {
+			}, react.createElement("span", {
+				style: {
+					width: 8,
+					height: 8,
+					borderRadius: "50%",
+					display: "inline-block",
+					background: STATUS_COLOR.green,
+					flex: "0 0 auto"
+				},
+				"aria-hidden": "true"
+			}), react.createElement("span", { style: {
 				fontWeight: 650,
 				color: INK
-			} }, "正常 " + String(countByStatus(report.items).green) + " 条"), report.items.filter((item) => !isAttentionItem(item)).map((item) => react.createElement("span", {
+			} }, "正常 " + String(countByStatus(report.items).green) + " 条"), react.createElement("span", { style: { color: INK_DIM } }, "（下列各项都正常工作）"), report.items.filter((item) => !isAttentionItem(item)).map((item) => react.createElement("span", {
 				key: item.id,
 				"data-ilife-health": "ok-item"
 			}, "· " + item.title))) : null) : null);
@@ -1324,8 +1420,6 @@ window.__ModuleLoader__.load({
 		*   文案与网址都取自 nav.ts 的两张静态表，本文件只画不算。
 		*/
 		const inject = ["slots", "connection"];
-		/** 爱生活页签槽（总管声明的 children，技能设置页注册进来；单段名，避开官方 settings.* 前缀）。 */
-		const CONFIG_TAB_SLOT = "ilife.config-tab";
 		/** 总管视觉（内联 style；颜色走 DSH 主题别名，深浅主题自适应，写死值只做回退；与技能面板同语言）。 */
 		const S = {
 			headRow: {
@@ -1559,7 +1653,7 @@ window.__ModuleLoader__.load({
 				setActiveId(next.plugin);
 				tabRefs.current[nextIndex]?.focus();
 			}
-			return react.createElement("div", null, react.createElement("div", { style: S.headRow }, react.createElement("div", { style: S.head }, "爱生活"), react.createElement("div", { style: S.headActions }, react.createElement(CheckUpdateButton, { face }), react.createElement(PanelActions, null))), react.createElement("div", { style: S.meta }, react.createElement("div", null, "总开关 · 开关（缺省启用，只读）"), react.createElement("div", null, "总管 dsh-life-pack · 0.2.5")), react.createElement(UpdateResults, { face }), react.createElement(HealthOverview, {
+			return react.createElement("div", null, react.createElement("div", { style: S.headRow }, react.createElement("div", { style: S.head }, "爱生活"), react.createElement("div", { style: S.headActions }, react.createElement(CheckUpdateButton, { face }), react.createElement(PanelActions, null))), react.createElement("div", { style: S.meta }, react.createElement("div", null, "总开关 · 开关（缺省启用，只读）"), react.createElement("div", null, "总管 dsh-life-pack · 0.2.6")), react.createElement(UpdateResults, { face }), react.createElement(HealthOverview, {
 				lights: lightsOf(rows.map((row) => ({
 					id: row.id,
 					title: labelForTab(row.id)
@@ -1612,6 +1706,7 @@ window.__ModuleLoader__.load({
 				})) : react.createElement(AbsentCard, {
 					target: targetForTab(tab),
 					fallbackCommand: recoFor(tab).installCmd,
+					inLedger: present.has(tab.plugin),
 					face
 				}));
 			}), react.createElement(MorePluginsCard, null));