boltdocs 3.3.4 → 3.3.6

package/dist/{search-dialog-x_qHU8ty.cjs → search-dialog-CguKVtUu.cjs}

@@ -4,7 +4,7 @@
  * Licensed under the MIT License.
  */
 const require_router = require('./router-C3kygdRK.cjs');
-const require_link = require('./link-vZjmD-es.cjs');
+const require_link = require('./link-hLWOsx0x.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_aria_components = require("react-aria-components");
@@ -39,6 +39,15 @@ var ErrorBoundary = class extends react.Component {
 			error: null
 		});
 	};
+	prevResetKeys = [];
+	componentDidUpdate(prevProps) {
+		if (prevProps.resetKeys !== this.props.resetKeys && this.state.hasError && this.props.resetKeys?.length && this.props.resetKeys.some((key, i) => !Object.is(key, this.prevResetKeys[i]))) {
+			this.prevResetKeys = this.props.resetKeys;
+			this.resetErrorBoundary();
+			return;
+		}
+		this.prevResetKeys = this.props.resetKeys ?? [];
+	}
 	render() {
 		const { hasError, error } = this.state;
 		const { children, fallback, FallbackComponent } = this.props;
@@ -165,17 +174,20 @@ function NavbarLogo({ src, alt, width = 24, height = 24, className, logoClassNam
 	});
 }
 function NavbarTitle({ children, className, linkClassName, href = "/" }) {
+	const titleText = typeof children === "string" || typeof children === "number" ? String(children) : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_link.Link, {
 		href,
 		className: require_link.cn(linkClassName),
+		"aria-label": titleText ? `Go to ${titleText} home` : void 0,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: require_link.cn("text-lg font-bold tracking-tight hidden sm:inline-block", className),
 			children
 		})
 	});
 }
-function NavbarLinks({ children, className }) {
+function NavbarLinks({ children, className, label }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		"aria-label": label,
 		className: require_link.cn("hidden md:flex items-center gap-6 text-sm font-medium", className),
 		children
 	});
@@ -236,18 +248,20 @@ function NavbarDropdownItem({ href, label, className }) {
 		children: label
 	});
 }
-function NavbarSearchTriggerDesktop({ className, onPress, children }) {
+function NavbarSearchTriggerDesktop({ className, onPress, children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
+		...props,
 		onPress,
 		className: require_link.cn("hidden lg:flex items-center justify-between gap-2 px-3 py-2 text-sm outline-none cursor-pointer w-full max-w-[720px]", className),
 		children
 	});
 }
-function NavbarSearchTriggerMobile({ className, onPress, children }) {
+function NavbarSearchTriggerMobile({ className, onPress, children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
+		...props,
 		onPress,
 		className: require_link.cn("lg:hidden flex h-10 w-10 items-center justify-center outline-none cursor-pointer", className),
-		"aria-label": "Search",
+		"aria-label": props["aria-label"] || "Search",
 		children
 	});
 }
@@ -330,6 +344,7 @@ function NavbarMobileMenu({ isOpen, onClose, children, className, overlayClassNa
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_link.X, { size: 24 })
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+					"aria-label": "Mobile navigation",
 					className: require_link.cn("flex-1 overflow-y-auto flex flex-col gap-4", navClassName),
 					children
 				})]
@@ -405,6 +420,119 @@ Navbar.MobileMenu = NavbarMobileMenu;
 Navbar.MobileLink = NavbarMobileLink;
 Navbar.MobileLinkItem = NavbarMobileLinkItem;
 
+//#endregion
+//#region src/client/hooks/use-search-highlight.ts
+/**
+* Hook to highlight search terms based on the 'hl' query parameter.
+*/
+function useSearchHighlight(containerSelector = ".boltdocs-page") {
+	const { search } = require_router.useLocation();
+	const query = new URLSearchParams(search).get("hl");
+	(0, react.useEffect)(() => {
+		if (!query) {
+			clearHighlights(containerSelector);
+			return;
+		}
+		const container = document.querySelector(containerSelector);
+		if (!container) return;
+		const target = container;
+		let rafId;
+		const observer = new MutationObserver((mutations) => {
+			if (mutations.some((m) => {
+				const addedNodes = Array.from(m.addedNodes);
+				const removedNodes = Array.from(m.removedNodes);
+				return addedNodes.some((n) => !(n instanceof HTMLElement && n.hasAttribute("data-search-highlight"))) || removedNodes.some((n) => !(n instanceof HTMLElement && n.hasAttribute("data-search-highlight")));
+			})) run();
+		});
+		function run() {
+			cancelAnimationFrame(rafId);
+			rafId = requestAnimationFrame(() => {
+				observer.disconnect();
+				clearHighlights(containerSelector);
+				const terms = (query ?? "").split(/\s+/).map((t) => t.trim()).filter((t) => t.length >= 2);
+				if (terms.length > 0) highlightTerms(target, terms);
+				observer.observe(target, {
+					childList: true,
+					subtree: true
+				});
+			});
+		}
+		run();
+		return () => {
+			cancelAnimationFrame(rafId);
+			observer.disconnect();
+			clearHighlights(containerSelector);
+		};
+	}, [query, containerSelector]);
+}
+function clearHighlights(selector) {
+	document.querySelectorAll(`${selector} mark[data-search-highlight]`).forEach((mark) => {
+		try {
+			const parent = mark.parentNode;
+			if (parent?.contains(mark)) {
+				const text = mark.textContent || "";
+				parent.replaceChild(document.createTextNode(text), mark);
+			}
+		} catch {}
+	});
+}
+function createSearchHighlightRegex(terms) {
+	const accentMap = {
+		a: "[aáàäâãåāăą]",
+		c: "[cçćč]",
+		d: "[dďđ]",
+		e: "[eéèëêėęě]",
+		g: "[gğģ]",
+		i: "[iíìïîīįı]",
+		l: "[lĺļł]",
+		n: "[nñńň]",
+		o: "[oóòöôõøōő]",
+		r: "[rřŕ]",
+		s: "[sśšş]",
+		t: "[tťţ]",
+		u: "[uúùüûūůűų]",
+		y: "[yýÿ]",
+		z: "[zžźż]"
+	};
+	const escapeTerm = (term) => [...term].map((char) => {
+		return accentMap[char.toLocaleLowerCase()] ?? char.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	}).join("");
+	const uniqueTerms = [...new Set(terms.map((term) => term.trim()).filter(Boolean))].sort((left, right) => right.length - left.length);
+	if (uniqueTerms.length === 0) return null;
+	return new RegExp(`(${uniqueTerms.map(escapeTerm).join("|")})`, "gi");
+}
+function highlightTerms(container, terms) {
+	const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, { acceptNode: (node) => {
+		const parent = node.parentElement;
+		if (parent && (parent.tagName === "SCRIPT" || parent.tagName === "STYLE" || parent.tagName === "MARK" || parent.closest("pre") || parent.closest("code"))) return NodeFilter.FILTER_REJECT;
+		return NodeFilter.FILTER_ACCEPT;
+	} });
+	const nodes = [];
+	let node = walker.nextNode();
+	while (node) {
+		nodes.push(node);
+		node = walker.nextNode();
+	}
+	const regex = createSearchHighlightRegex(terms);
+	if (!regex) return;
+	nodes.forEach((textNode) => {
+		const text = textNode.textContent;
+		regex.lastIndex = 0;
+		if (text && regex.test(text)) {
+			const fragment = document.createDocumentFragment();
+			text.split(regex).forEach((part, index) => {
+				if (index % 2 === 1) {
+					const mark = document.createElement("mark");
+					mark.textContent = part;
+					mark.setAttribute("data-search-highlight", "true");
+					fragment.appendChild(mark);
+				} else if (part) fragment.appendChild(document.createTextNode(part));
+			});
+			if (textNode.parentNode) textNode.parentNode.replaceChild(fragment, textNode);
+		}
+	});
+}
+
 //#endregion
 //#region src/client/components/primitives/search-dialog.tsx
 /**
@@ -576,4 +704,16 @@ Object.defineProperty(exports, 'SearchDialog', {
   get: function () {
     return SearchDialog;
   }
+});
+Object.defineProperty(exports, 'createSearchHighlightRegex', {
+  enumerable: true,
+  get: function () {
+    return createSearchHighlightRegex;
+  }
+});
+Object.defineProperty(exports, 'useSearchHighlight', {
+  enumerable: true,
+  get: function () {
+    return useSearchHighlight;
+  }
 });

package/dist/{search-dialog-MmwxFMmE.js → search-dialog-DQwod5Xc.js}

@@ -3,6 +3,6 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-import { t as SearchDialog } from "./search-dialog-DRiXejws.js";
+import { n as SearchResultHighlight, t as SearchDialog } from "./search-dialog-DzObE-Ar.js";
 
 export { SearchDialog };