dsh-split-view 0.2.2 → 0.2.4

package/lib/client.js

@@ -434,6 +434,9 @@ function collectSyncedStorage() {
 		const PREFS_KEY = "dsh-split:prefs";
 		/** Locale namespace of the settings section and its rows. */
 		const SETTINGS_NS = "settings.splitView";
+		// Keep in sync with the "version" field in package.json — the client bundle
+		// has no runtime version source (boot manifest entries carry no version).
+		const PLUGIN_VERSION = "0.2.4";
 		const ACTION_IDS = ["split-right", "split-down", "close", "maximize"];
 		const DEFAULT_SHORTCUTS = Object.freeze({
 			"split-right": "Mod+Shift+D",
@@ -626,6 +629,12 @@ function collectSyncedStorage() {
 			"reset.title": "恢复默认",
 			"reset.button": "恢复默认设置",
 			"reset.hint": "把快捷键、选中高亮色、标题栏开关全部还原为默认值。",
+			"version.current": "当前版本",
+			"version.latest": "最新",
+			"version.upToDate": "已是最新",
+			"version.upgrade": "升级",
+			"version.copied": "已复制",
+			"version.upgradeHint": "在终端执行上面的命令后，重启 dsh web 生效。",
 			"reset.confirm": "确定把分屏设置全部恢复为默认值吗？"
 		};
 
@@ -654,6 +663,12 @@ function collectSyncedStorage() {
 			"reset.title": "Restore Defaults",
 			"reset.button": "Restore default settings",
 			"reset.hint": "Reset shortcuts, focus highlight color and the title-bar switch back to their defaults.",
+			"version.current": "Current version",
+			"version.latest": "Latest",
+			"version.upToDate": "Up to date",
+			"version.upgrade": "Upgrade",
+			"version.copied": "Copied",
+			"version.upgradeHint": "Run the command above in a terminal, then restart dsh web to apply.",
 			"reset.confirm": "Restore all split-view settings to their defaults?"
 		};
 		//#endregion
@@ -1012,6 +1027,43 @@ function collectSyncedStorage() {
 				boxSizing: "border-box"
 			},
 			buttonDanger: { color: "var(--dsw-alias-state-error-primary,#e5484d)" },
+			versionRow: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" },
+			versionText: { color: "var(--dsw-alias-label-tertiary)", fontSize: "12px", lineHeight: "18px" },
+			versionBadge: {
+				display: "inline-flex",
+				alignItems: "center",
+				height: "18px",
+				padding: "0 8px",
+				borderRadius: "999px",
+				fontSize: "12px",
+				lineHeight: "18px"
+			},
+			// Green intentionally uses a raw hex: no theme token is known for success.
+			versionBadgeOk: { color: "#1a7f37", background: "rgba(26,127,55,.12)" },
+			versionBadgeBehind: { color: "var(--dsw-alias-state-warning-primary,#b8860b)", background: "rgba(184,134,11,.14)" },
+			versionButton: {
+				height: "24px",
+				padding: "0 10px",
+				borderRadius: "7px",
+				border: "1px solid var(--dsw-alias-border-l2)",
+				background: "var(--dsw-alias-button-elevated-fill)",
+				color: "var(--dsw-alias-label-primary)",
+				cursor: "pointer",
+				fontSize: "12px",
+				font: "inherit",
+				boxSizing: "border-box"
+			},
+			versionCommand: {
+				marginTop: "8px",
+				padding: "6px 10px",
+				borderRadius: "6px",
+				border: "1px solid var(--dsw-alias-border-l2)",
+				background: "var(--dsw-alias-bg-layer-1)",
+				color: "var(--dsw-alias-label-secondary)",
+				fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+				fontSize: "12px",
+				userSelect: "text"
+			},
 			comboChip: {
 				height: "28px",
 				minWidth: "110px",
@@ -1266,6 +1318,95 @@ function collectSyncedStorage() {
 			);
 		}
 
+		/** Compare two dotted numeric versions; returns -1 / 0 / 1. */
+		function compareVersions(a, b) {
+			const pa = String(a).split(".").map((n) => parseInt(n, 10) || 0);
+			const pb = String(b).split(".").map((n) => parseInt(n, 10) || 0);
+			const len = Math.max(pa.length, pb.length);
+			for (let i = 0; i < len; i += 1) {
+				const da = pa[i] || 0;
+				const db = pb[i] || 0;
+				if (da < db) return -1;
+				if (da > db) return 1;
+			}
+			return 0;
+		}
+
+		/**
+		 * Version footer at the bottom of the settings section: current version +
+		 * latest-version badge (queried straight from npmmirror/npmjs in the browser,
+		 * both registries are CORS-open) + an upgrade entry when behind. Upgrade =
+		 * copy the install command for the terminal; the client bundle cannot run
+		 * shell itself, and a one-click upgrade would need server-side orchestration
+		 * (the market plugin's approach), which this plugin deliberately avoids.
+		 */
+		function VersionRow({ t }) {
+			const [latest, setLatest] = React.useState(null);
+			const [copied, setCopied] = React.useState(false);
+			const [showCommand, setShowCommand] = React.useState(false);
+			React.useEffect(() => {
+				let alive = true;
+				(async () => {
+					// Debug hook: localStorage dsh-split:debugLatest forces the
+					// "latest" value (exercises the upgrade path without a release).
+					try {
+						const forced = window.localStorage.getItem("dsh-split:debugLatest");
+						if (forced && forced.trim()) {
+							if (alive) setLatest(forced.trim());
+							return;
+						}
+					} catch {
+						// storage unavailable — fall through to the network
+					}
+					const sources = [
+						"https://registry.npmmirror.com/dsh-split-view/latest",
+						"https://registry.npmjs.org/dsh-split-view/latest"
+					];
+					for (const url of sources) {
+						try {
+							const res = await fetch(url, { cache: "no-store" });
+							if (!res.ok) continue;
+							const data = await res.json();
+							if (data && typeof data.version === "string") {
+								if (alive) setLatest(data.version.trim());
+								return;
+							}
+						} catch {
+							// try the next source
+						}
+					}
+					// Every source failed: stay on the current version alone —
+					// the badge and the upgrade button simply do not render.
+				})();
+				return () => { alive = false; };
+			}, []);
+			const behind = latest !== null && compareVersions(PLUGIN_VERSION, latest) < 0;
+			const command = "dsh plugin --profile web add dsh-split-view@latest";
+			const upgrade = async () => {
+				setShowCommand(true);
+				try {
+					await navigator.clipboard.writeText(command);
+					setCopied(true);
+					setTimeout(() => setCopied(false), 2500);
+				} catch {
+					// clipboard refused — the command box is already on the page
+				}
+			};
+			return React.createElement("div", { style: { padding: "14px 0 2px" } },
+				React.createElement("div", { style: settingsStyles.versionRow },
+					React.createElement("span", { style: settingsStyles.versionText }, t("version.current") + " v" + PLUGIN_VERSION),
+					latest !== null
+						? behind
+							? React.createElement("span", { style: Object.assign({}, settingsStyles.versionBadge, settingsStyles.versionBadgeBehind) }, t("version.latest") + " v" + latest)
+							: React.createElement("span", { style: Object.assign({}, settingsStyles.versionBadge, settingsStyles.versionBadgeOk) }, t("version.upToDate"))
+						: null,
+					behind ? React.createElement("button", { type: "button", style: settingsStyles.versionButton, onClick: upgrade }, copied ? t("version.copied") : t("version.upgrade")) : null
+				),
+				behind && showCommand ? React.createElement("div", { style: settingsStyles.versionCommand }, command) : null,
+				behind && showCommand ? React.createElement("div", { style: settingsStyles.hint }, t("version.upgradeHint")) : null
+			);
+		}
+
 		/**
 		 * Register the settings section + rows.
 		 * @param ctx - client cordis context.
@@ -1350,6 +1491,15 @@ function collectSyncedStorage() {
 				inject: bindRow
 			}, ResetRow));
 
+			ctx.slots.inject("settings.splitView.item", () => ctx.slots.register({
+				name: "settings.splitView.item",
+				id: "split-view-version",
+				order: 95,
+				store: rowStore,
+				locale: SETTINGS_NS,
+				inject: bindRow
+			}, VersionRow));
+
 			// The shell's settings nav hard-codes the per-section icon by entry id
 			// (models / agent-presets / plugins get distinct icons, everything else
 			// falls back to the generic gear) and the settings.section contract

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-split-view",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Multi-session split view for the DeepSeek Harness web GUI: the top window shadows the root slot with a resizable split container; each pane is an iframe running a full DSH client pinned to its own session, with per-pane title bars, LRU hibernation and a dual-loopback origin pool.",
   "license": "MIT",
   "type": "module",
@@ -18,7 +18,10 @@
     "lib/index.js",
     "lib/client.js",
     "cordis.patch.yml",
-    "api.md"
+    "api.md",
+    "demo.gif",
+    "demo2.png",
+    "demo3.png"
   ],
   "author": "dsh-split-view contributors",
   "repository": {