@linxin666/dsh-ssh 0.3.9 → 0.3.10

package/lib/client.js

@@ -339,8 +339,20 @@ 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): reads the ACTIVE locale at call time, so plain-DOM
+		* surfaces follow a runtime language switch. The document-language pick stays
+		* 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 (current language). */
 		function tt(key, values) {
+			if (runtimeT !== void 0) return runtimeT(key, values);
 			return t(dictionary(), key, values);
 		}
 		/** Human-readable error text from an unknown thrown value. */
@@ -15838,11 +15850,23 @@ window.__ModuleLoader__.load({
 		* @param controller - the panel controller driving the view.
 		* @param api - the SSH API client the tabs operate through.
 		* @param terminalFont - live terminal-font setting source (issue #577).
+		* @param locale - locale-change source; when given, re-renders an open panel
+		*   on a Language switch.
 		* @returns disposer unmounting the tree and restoring the column.
 		*/
-		function mountPanel(controller, api, terminalFont) {
+		function mountPanel(controller, api, terminalFont, locale) {
 			let root;
 			let container;
+			let unsubscribeLocale;
+			try {
+				unsubscribeLocale = locale?.subscribe(() => {
+					if (root !== void 0) root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SshPanel, {
+						controller,
+						api,
+						terminalFont
+					}));
+				});
+			} catch {}
 			const ensure = () => {
 				if (container !== void 0) {
 					if (container.isConnected) return;
@@ -15899,6 +15923,7 @@ window.__ModuleLoader__.load({
 				document.removeEventListener(ACTIVATE_EVENT, onOtherActivate);
 				waitObserver.disconnect();
 				unsubscribe();
+				unsubscribeLocale?.();
 				document.documentElement.removeAttribute(ACTIVE_ATTR);
 				root?.unmount();
 				root = void 0;
@@ -15963,11 +15988,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) {
@@ -15990,9 +16027,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();
@@ -16041,6 +16082,7 @@ window.__ModuleLoader__.load({
 			return () => {
 				waitObserver.disconnect();
 				rootObserver.disconnect();
+				unsubscribeRefresh?.();
 				unsubscribeActive?.();
 				entry.remove();
 			};
@@ -16055,9 +16097,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 panel 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-ssh-entry",
 				rowSelector: ENTRY_SELECTOR,
@@ -16066,6 +16110,7 @@ window.__ModuleLoader__.load({
 				css: panel_module_css_default,
 				label: () => tt("entry.label"),
 				tooltip: () => tt("entry.tooltip"),
+				refresh: locale === void 0 ? void 0 : { subscribe: (listener) => locale.subscribe(listener) },
 				onToggle: () => {
 					controller.toggle();
 				},
@@ -16085,7 +16130,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;
 			}
@@ -16175,6 +16220,9 @@ window.__ModuleLoader__.load({
 					return () => {};
 				}
 			}, "dsh-ssh: dictionaries");
+			try {
+				setRuntimeTranslate(ctx.locale.bind(NS));
+			} catch {}
 			const controller = new PanelController();
 			const api = new SshApi();
 			const scope = (ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: SETTINGS_NS });
@@ -16187,8 +16235,8 @@ window.__ModuleLoader__.load({
 			};
 			const disposers = [];
 			try {
-				disposers.push(mountSidebarEntry(controller));
-				disposers.push(mountPanel(controller, api, terminalFont));
+				disposers.push(mountSidebarEntry(controller, ctx.locale));
+				disposers.push(mountPanel(controller, api, terminalFont, ctx.locale));
 			} catch (error) {
 				console.warn("[dsh-ssh] mount failed:", error);
 			}