@linxin666/dsh-client-ui-task-board 0.3.9 → 0.3.10

package/lib/client.js

@@ -1767,8 +1767,21 @@ window.__ModuleLoader__.load({
 		function dictionary() {
 			return (typeof document !== "undefined" ? document.documentElement.lang : "zh").toLowerCase().startsWith("en") ? en : zh;
 		}
+		/**
+		* SDK translate seat wired by the browser apply() once ctx.locale is bound
+		* (setRuntimeTranslate). When present it reads the ACTIVE locale at call
+		* time, so plain-DOM surfaces (sidebar row, toggles) follow a runtime
+		* language switch; the document-language pick above stays only as the
+		* unwired fallback (locale service absent, module-scope early callers).
+		*/
+		let runtimeT;
+		/** Wire the SDK translate seat; pass undefined to restore the document-language pick. */
+		function setRuntimeTranslate(t) {
+			runtimeT = t;
+		}
 		/** Translate a key with optional {name} template params. */
 		function t(key, params) {
+			if (runtimeT !== void 0) return runtimeT(key, params);
 			let text = dictionary()[key];
 			if (params !== void 0) for (const [name, value] of Object.entries(params)) text = text.replaceAll(`{${name}}`, value);
 			return text;
@@ -3283,11 +3296,19 @@ window.__ModuleLoader__.load({
 		* Mount the board React tree into the center column and bind its visibility
 		* to the controller's boardOpen state.
 		* @param controller - the board controller driving the view.
+		* @param locale - locale-change source; when given, re-renders a mounted board
+		*   on a Language switch.
 		* @returns disposer unmounting the tree and restoring the column.
 		*/
-		function mountBoard(controller) {
+		function mountBoard(controller, locale) {
 			let root;
 			let container;
+			let unsubscribeLocale;
+			try {
+				unsubscribeLocale = locale?.subscribe(() => {
+					if (root !== void 0) root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskBoard, { controller }));
+				});
+			} catch {}
 			const ensure = () => {
 				if (container !== void 0) {
 					if (container.isConnected) return;
@@ -3340,6 +3361,7 @@ window.__ModuleLoader__.load({
 				document.removeEventListener(ACTIVATE_EVENT, onOtherActivate);
 				waitObserver.disconnect();
 				unsubscribe();
+				unsubscribeLocale?.();
 				document.documentElement.removeAttribute(ACTIVE_ATTR);
 				root?.unmount();
 				root = void 0;
@@ -3371,11 +3393,23 @@ window.__ModuleLoader__.load({
 				entry.setAttribute("data-dsh-part", "sidebar-entry");
 			}
 			entry.className = options.css["entry"] ?? "";
-			entry.setAttribute("aria-label", options.label());
-			if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
-			entry.innerHTML = "<span class=\"" + (options.css["entryIcon"] ?? "") + "\">" + options.icon + "</span><span class=\"" + (options.css["entryLabel"] ?? "") + "\">" + options.label() + "</span>";
+			const labelSpan = document.createElement("span");
+			labelSpan.className = options.css["entryLabel"] ?? "";
+			const iconSpan = document.createElement("span");
+			iconSpan.className = options.css["entryIcon"] ?? "";
+			iconSpan.innerHTML = options.icon;
+			entry.append(iconSpan, labelSpan);
+			const applyLabel = () => {
+				entry.setAttribute("aria-label", options.label());
+				if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
+				labelSpan.textContent = options.label();
+			};
+			applyLabel();
 			entry.addEventListener("click", options.onToggle);
-			return entry;
+			return {
+				entry,
+				applyLabel
+			};
 		}
 		/** Re-insert the entry after the New Session row (before the browser region). */
 		function placeEntry(root, entry, options) {
@@ -3398,9 +3432,13 @@ window.__ModuleLoader__.load({
 		*/
 		function mountSidebarEntry$1(options) {
 			if (typeof document !== "undefined" && document.querySelector(options.rowSelector) !== null) return () => {};
-			const entry = createEntry(options);
+			const { entry, applyLabel } = createEntry(options);
 			let root;
 			let placed = false;
+			let unsubscribeRefresh;
+			if (options.refresh !== void 0) try {
+				unsubscribeRefresh = options.refresh.subscribe(applyLabel);
+			} catch {}
 			const tryPlace = () => {
 				if (root !== void 0 && !root.isConnected) {
 					rootObserver.disconnect();
@@ -3449,6 +3487,7 @@ window.__ModuleLoader__.load({
 			return () => {
 				waitObserver.disconnect();
 				rootObserver.disconnect();
+				unsubscribeRefresh?.();
 				unsubscribeActive?.();
 				entry.remove();
 			};
@@ -3463,9 +3502,11 @@ window.__ModuleLoader__.load({
 		* Mount the sidebar entry, waiting for the shell to render and self-healing
 		* on later React re-renders.
 		* @param controller - the board controller the entry toggles.
+		* @param locale - locale-change source; when given, re-applies the label on
+		*   a Language switch (the plain-DOM row otherwise keeps the mount-time copy).
 		* @returns disposer removing the entry and its observers.
 		*/
-		function mountSidebarEntry(controller) {
+		function mountSidebarEntry(controller, locale) {
 			return mountSidebarEntry$1({
 				rowAttribute: "data-dsh-taskboard-entry",
 				rowSelector: ENTRY_SELECTOR,
@@ -3473,6 +3514,7 @@ window.__ModuleLoader__.load({
 				icon: ICON,
 				css: board_module_css_default,
 				label: () => t("entry.label"),
+				refresh: locale === void 0 ? void 0 : { subscribe: (listener) => locale.subscribe(listener) },
 				onToggle: () => {
 					controller.toggleBoard();
 				},
@@ -4421,7 +4463,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.9";
+				return "0.3.10";
 			} catch {
 				return;
 			}
@@ -4562,6 +4604,9 @@ window.__ModuleLoader__.load({
 					return () => {};
 				}
 			}, "task-board: dictionaries");
+			try {
+				setRuntimeTranslate(ctx.locale.bind(NS));
+			} catch {}
 			const settingsScope = (ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: TASK_BOARD_NS });
 			const settingsCard = new TaskBoardSettingsCardController(settingsScope);
 			ctx.slots.inject("web-ui.plugin.item", () => {
@@ -4626,8 +4671,8 @@ window.__ModuleLoader__.load({
 					pushPresetOptions();
 				}));
 				try {
-					disposers.push(mountSidebarEntry(controller));
-					disposers.push(mountBoard(controller));
+					disposers.push(mountSidebarEntry(controller, ctx.locale));
+					disposers.push(mountBoard(controller, ctx.locale));
 				} catch (error) {
 					console.error("[dsh-task-board] mount failed:", error);
 				}