@linxin666/dsh-ssh 0.3.23 → 0.3.24

package/lib/client.js

@@ -16218,10 +16218,12 @@ window.__ModuleLoader__.load({
 			if (nested !== null) return nested;
 			for (const child of root.children) if (child.tagName === "BUTTON") return child;
 		}
-		/** Build the entry row (a detached button; insert once the shell is up). */
+		/** Build the entry row (detached; inserted once the shell is up). */
 		function createEntry(options) {
-			const entry = document.createElement("button");
-			entry.type = "button";
+			const actions = options.actions ?? [];
+			const composite = actions.length > 0;
+			const entry = document.createElement(composite ? "div" : "button");
+			if (!composite) entry.type = "button";
 			entry.setAttribute(options.rowAttribute, "");
 			if (options.plugin !== void 0) {
 				entry.setAttribute("data-dsh-plugin", options.plugin);
@@ -16233,17 +16235,57 @@ window.__ModuleLoader__.load({
 			const iconSpan = document.createElement("span");
 			iconSpan.className = options.css["entryIcon"] ?? "";
 			iconSpan.innerHTML = options.icon;
-			entry.append(iconSpan, labelSpan);
+			const main = composite ? document.createElement("button") : entry;
+			if (composite) {
+				main.type = "button";
+				main.className = options.css["entryMain"] ?? "";
+				main.append(iconSpan, labelSpan);
+				entry.append(main);
+			} else entry.append(iconSpan, labelSpan);
+			const actionButtons = [];
+			for (const action of actions) {
+				const button = document.createElement("button");
+				button.type = "button";
+				button.className = options.css["entryAction"] ?? "";
+				button.setAttribute("data-dsh-entry-action", action.id);
+				button.innerHTML = action.icon;
+				button.addEventListener("click", () => {
+					action.onClick(button);
+				});
+				entry.append(button);
+				actionButtons.push({
+					action,
+					button
+				});
+			}
+			let open = false;
+			const applyActions = () => {
+				for (const { action, button } of actionButtons) {
+					button.innerHTML = open || action.inactiveIcon === void 0 ? action.icon : action.inactiveIcon;
+					const text = action.label(open);
+					button.setAttribute("aria-label", text);
+					button.setAttribute("title", text);
+					if (action.inactiveIcon !== void 0) button.setAttribute("aria-expanded", String(open));
+				}
+			};
 			const applyLabel = () => {
-				entry.setAttribute("aria-label", options.label());
-				if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
+				main.setAttribute("aria-label", options.label());
+				if (options.tooltip !== void 0) main.setAttribute("title", options.tooltip());
 				labelSpan.textContent = options.label();
+				applyActions();
 			};
 			applyLabel();
-			entry.addEventListener("click", options.onToggle);
+			main.addEventListener("click", options.onToggle);
+			if (composite) entry.addEventListener("click", (event) => {
+				if (event.target === entry) options.onToggle();
+			});
 			return {
 				entry,
-				applyLabel
+				applyLabel,
+				setOpen: (next) => {
+					open = next;
+					applyActions();
+				}
 			};
 		}
 		/** Re-insert the entry after the New Session row (before the browser region). */
@@ -16267,7 +16309,7 @@ window.__ModuleLoader__.load({
 		*/
 		function mountSidebarEntry$1(options) {
 			if (typeof document !== "undefined" && document.querySelector(options.rowSelector) !== null) return () => {};
-			const { entry, applyLabel } = createEntry(options);
+			const { entry, applyLabel, setOpen } = createEntry(options);
 			let root;
 			let placed = false;
 			let unsubscribeRefresh;
@@ -16307,8 +16349,10 @@ window.__ModuleLoader__.load({
 			});
 			const unsubscribeActive = options.active === void 0 ? void 0 : (() => {
 				const syncActive = () => {
-					if (options.active.isOpen()) entry.dataset.active = "true";
+					const open = options.active.isOpen();
+					if (open) entry.dataset.active = "true";
 					else delete entry.dataset.active;
+					setOpen(open);
 				};
 				const unsubscribe = options.active.subscribe(syncActive);
 				syncActive();
@@ -16366,7 +16410,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.23";
+				return "0.3.24";
 			} catch {
 				return;
 			}