@huaqiu/dsh-tool-symbol-footprint 0.5.21 → 0.6.1

package/lib/client.js

@@ -204569,27 +204569,71 @@ ${indent})`;
 			iconSpan.className = options.css["entryIcon"] ?? "";
 			iconSpan.innerHTML = options.icon;
 			entry.append(iconSpan, labelSpan);
+			let badgeSpan = null;
+			const applyBadge = () => {
+				if (options.badge === void 0) return;
+				const count = options.badge.count();
+				if (count <= 0) {
+					badgeSpan?.remove();
+					badgeSpan = null;
+					return;
+				}
+				if (badgeSpan === null) {
+					badgeSpan = document.createElement("span");
+					badgeSpan.className = options.css["entryBadge"] ?? "";
+					entry.append(badgeSpan);
+				}
+				badgeSpan.textContent = String(count);
+				entry.setAttribute("data-has-badge", "");
+			};
 			const applyLabel = () => {
 				entry.setAttribute("aria-label", options.label());
 				if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
 				labelSpan.textContent = options.label();
 			};
 			applyLabel();
+			applyBadge();
 			entry.addEventListener("click", options.onToggle);
 			return {
 				entry,
-				applyLabel
+				applyLabel,
+				applyBadge
 			};
 		}
-		/** Re-insert the entry after the New Session row (before the browser region). */
+		/**
+		* Re-insert the entry after the New Session row, in the family's intended
+		* order.
+		*
+		* The `familySelectors` array order is the single source of truth for visual
+		* order, so the rendered order is stable regardless of which plugin mounts
+		* first or of observer callback order — a re-render can never swap two rows.
+		* (Earlier builds used the `position: 'before' | 'after'` convention, which
+		* clustered rows by mount order and let a late-mounting `before` row steal the
+		* lead. The array order supersedes it; `position` remains only as a fallback
+		* for a row whose selector is absent from the family list.)
+		*/
 		function placeEntry(root, entry, options) {
 			const button = newSessionButton(root);
 			if (button === void 0) return false;
 			if (entry.parentElement !== root) {
 				const row = button.closest("[class*=\"logoRow\"]");
 				const base = row !== null && row.parentElement === root ? row : button;
-				const family = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches(options.familySelectors.join(", ")));
-				const anchor = options.position === "before" ? family.length > 0 ? family[0] : base.nextElementSibling : family.length > 0 ? family[family.length - 1].nextElementSibling : base.nextElementSibling;
+				const order = options.familySelectors;
+				const present = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches(order.join(", "))).map((el) => ({
+					el,
+					idx: order.findIndex((sel) => el.matches(sel))
+				}));
+				const selfIndex = order.indexOf(options.rowSelector);
+				let anchor;
+				if (selfIndex === -1) anchor = options.position === "before" ? present.length > 0 ? present[0].el : base.nextElementSibling : present.length > 0 ? present[present.length - 1].el.nextElementSibling : base.nextElementSibling;
+				else {
+					const later = present.find((member) => member.idx > selfIndex);
+					if (later !== void 0) anchor = later.el;
+					else {
+						const earlier = [...present].reverse().find((member) => member.idx < selfIndex);
+						anchor = earlier !== void 0 ? earlier.el.nextElementSibling : base.nextElementSibling;
+					}
+				}
 				root.insertBefore(entry, anchor ?? null);
 			}
 			return true;
@@ -204602,13 +204646,17 @@ ${indent})`;
 		*/
 		function mountSidebarEntry(options) {
 			if (typeof document !== "undefined" && document.querySelector(options.rowSelector) !== null) return () => {};
-			const { entry, applyLabel } = createEntry(options);
+			const { entry, applyLabel, applyBadge } = createEntry(options);
 			let root;
 			let placed = false;
 			let unsubscribeRefresh;
 			if (options.refresh !== void 0) try {
 				unsubscribeRefresh = options.refresh.subscribe(applyLabel);
 			} catch {}
+			let unsubscribeBadge;
+			if (options.badge !== void 0) try {
+				unsubscribeBadge = options.badge.subscribe(applyBadge);
+			} catch {}
 			const tryPlace = () => {
 				if (root !== void 0 && !root.isConnected) {
 					rootObserver.disconnect();
@@ -204644,7 +204692,7 @@ ${indent})`;
 				}
 				if (!root.contains(entry)) placed = placeEntry(root, entry, options);
 			});
-			const unsubscribeActive = options.active === void 0 ? void 0 : (() => {
+			options.active === void 0 || (() => {
 				const syncActive = () => {
 					if (options.active.isOpen()) entry.dataset.active = "true";
 					else delete entry.dataset.active;
@@ -204658,7 +204706,7 @@ ${indent})`;
 				waitObserver.disconnect();
 				rootObserver.disconnect();
 				unsubscribeRefresh?.();
-				unsubscribeActive?.();
+				unsubscribeBadge?.();
 				entry.remove();
 			};
 		}
@@ -204671,9 +204719,11 @@ ${indent})`;
 		* family row means adding its selector here (and to no plugin-local list).
 		*/
 		const HUAQIU_SIDEBAR_ENTRY_FAMILY = [
+			"[data-hq-plugin-update-entry]",
 			"[data-hqcg-footprint-entry]",
 			"[data-hqcg-symbol-entry]",
-			"[data-hqcg-schematic-entry]"
+			"[data-hqcg-schematic-entry]",
+			"[data-hq-dummy-entry]"
 		];
 		//#endregion
 		//#region src/client/sidebar-entry.ts