@linxin666/dsh-ssh 0.1.14 → 0.1.15

package/lib/client.js

@@ -14554,6 +14554,7 @@ window.__ModuleLoader__.load({
 			const termRef = (0, react.useRef)(null);
 			const fitRef = (0, react.useRef)(null);
 			const connRef = (0, react.useRef)(null);
+			const dataSubRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				ensureXtermCss();
 			}, []);
@@ -14586,6 +14587,8 @@ window.__ModuleLoader__.load({
 					connection.onExit = void 0;
 					connection.close();
 				}
+				dataSubRef.current?.dispose();
+				dataSubRef.current = null;
 				termRef.current?.dispose();
 				termRef.current = null;
 				fitRef.current = null;
@@ -14633,7 +14636,7 @@ window.__ModuleLoader__.load({
 				fitRef.current = fit;
 				connRef.current = connection;
 				let settled = false;
-				const dataSub = term.onData((data) => {
+				dataSubRef.current = term.onData((data) => {
 					connection.send(data);
 				});
 				connection.onReady = () => {
@@ -14648,7 +14651,8 @@ window.__ModuleLoader__.load({
 				connection.onExit = (code, error) => {
 					if (settled) return;
 					settled = true;
-					dataSub.dispose();
+					dataSubRef.current?.dispose();
+					dataSubRef.current = null;
 					term.options.disableStdin = true;
 					connRef.current = null;
 					setStatus({
@@ -15059,6 +15063,24 @@ window.__ModuleLoader__.load({
 		* mounted) with per-row stop, a stop-all action scoped to the selected alias,
 		* and a new-tunnel form.
 		*/
+		/** Live-tunnel polling interval while the tab is mounted (ms). */
+		const TUNNEL_POLL_MS = 5e3;
+		/**
+		* Return `next` only when the tunnel list changed in a user-visible way
+		* (identity, ordering or any renderable field), else `null` so a poll tick
+		* with no real change keeps the previous reference and React skips the
+		* re-render. `prev === null` (first load) always accepts the list.
+		*/
+		function diffTunnels(prev, next) {
+			if (prev === null) return next;
+			if (prev.length !== next.length) return next;
+			for (let index = 0; index < prev.length; index += 1) {
+				const a = prev[index];
+				const b = next[index];
+				if (a.id !== b.id || a.alias !== b.alias || a.state !== b.state || a.localPort !== b.localPort || a.remoteHost !== b.remoteHost || a.remotePort !== b.remotePort || a.startedAt !== b.startedAt || a.error !== b.error) return next;
+			}
+			return null;
+		}
 		/** The tunnels tab. */
 		function TunnelsTab({ api }) {
 			const [hosts, setHosts] = (0, react.useState)([]);
@@ -15089,7 +15111,7 @@ window.__ModuleLoader__.load({
 					try {
 						const list = await api.listTunnels();
 						if (seq !== seqRef.current) return;
-						setTunnels(list);
+						setTunnels((prev) => diffTunnels(prev, list) ?? prev);
 						setError(null);
 					} catch (cause) {
 						if (seq !== seqRef.current) return;
@@ -15099,7 +15121,7 @@ window.__ModuleLoader__.load({
 				load();
 				const timer = setInterval(() => {
 					load();
-				}, 5e3);
+				}, TUNNEL_POLL_MS);
 				return () => {
 					clearInterval(timer);
 				};