boltdocs 3.3.5 → 3.4.0

package/dist/{search-dialog-BqkzDTq2.js → search-dialog-BXil4_7P.js}

@@ -3,12 +3,12 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-import { D as Hash, E as FileText, F as Moon, I as MoreVertical, S as ExternalLink, V as X, W as useConfig, d as resolvePublicAssetUrl, o as cn, s as useLocalizedTo, t as Link, x as CornerDownLeft, z as Sun } from "./link-CgdI6O2o.js";
-import { E as useLocation } from "./router-CZBxMRAH.js";
+import { B as X, E as Hash, F as MoreVertical, P as Moon, R as Sun, T as FileText, a as useLocalizedTo, b as CornerDownLeft, i as cn, t as Link, u as resolvePublicAssetUrl, x as ExternalLink } from "./link-CSe_oD8Y.js";
+import { E as useLocation, V as useConfig } from "./router-B5e8k4qK.js";
 import { Component, useEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as RAC from "react-aria-components";
-import { Button, Dialog, Modal, ModalOverlay, Separator, ToggleButton } from "react-aria-components";
+import { Autocomplete, Button, Dialog, Input, ListBox, ListBoxItem, Modal, ModalOverlay, SearchField, Separator, ToggleButton } from "react-aria-components";
 
 //#region src/client/components/primitives/button.tsx
 function Button$1({ ...props }) {
@@ -39,6 +39,15 @@ var ErrorBoundary = class extends 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;
@@ -149,13 +158,46 @@ function NavbarCenter({ children, className }) {
 		children
 	});
 }
-function NavbarLogo({ src, alt, width = 24, height = 24, className, logoClassName, href = "/" }) {
+function NavbarLogo({ src, srcLight, srcDark, alt, width = 24, height = 24, className, logoClassName, logoLightClassName, logoDarkClassName, href = "/" }) {
 	const config = useConfig();
+	const light = srcLight ?? src;
+	const hasPair = Boolean(srcDark) && srcDark !== light;
+	const resolve = (value) => resolvePublicAssetUrl(value, config.base);
 	return /* @__PURE__ */ jsx(Link, {
 		href,
 		className: cn("flex items-center gap-2 shrink-0 outline-none", className),
-		children: src ? /* @__PURE__ */ jsx("img", {
-			src: resolvePublicAssetUrl(src, config.base),
+		children: hasPair ? /* @__PURE__ */ jsxs(
+			Fragment$1,
+			/**
+			* Both variants are always in the DOM and CSS picks the visible one.
+			*
+			* Rendering only the active source would make the markup depend on the
+			* resolved theme, which the server cannot know: it would render one
+			* `src` while the browser renders the other, the hoisted preload `href`
+			* would no longer match, and React would throw away the server HTML
+			* with a hydration mismatch. Two elements that are identical on both
+			* sides cost one extra request-free `<img>` and remove the whole class
+			* of bug.
+			*/
+			{ children: [/* @__PURE__ */ jsx("img", {
+				src: resolve(light),
+				alt,
+				width,
+				height,
+				fetchPriority: "high",
+				"data-logo-theme": "light",
+				className: cn("h-6 w-6 object-contain dark:hidden", logoClassName, logoLightClassName)
+			}), /* @__PURE__ */ jsx("img", {
+				src: resolve(srcDark),
+				alt,
+				width,
+				height,
+				"data-logo-theme": "dark",
+				"aria-hidden": "true",
+				className: cn("hidden h-6 w-6 object-contain dark:block", logoClassName, logoDarkClassName)
+			})] }
+		) : src ? /* @__PURE__ */ jsx("img", {
+			src: resolve(src),
 			alt,
 			width,
 			height,
@@ -165,17 +207,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__ */ jsx(Link, {
 		href,
 		className: cn(linkClassName),
+		"aria-label": titleText ? `Go to ${titleText} home` : void 0,
 		children: /* @__PURE__ */ jsx("span", {
 			className: cn("text-lg font-bold tracking-tight hidden sm:inline-block", className),
 			children
 		})
 	});
 }
-function NavbarLinks({ children, className }) {
+function NavbarLinks({ children, className, label }) {
 	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": label,
 		className: cn("hidden md:flex items-center gap-6 text-sm font-medium", className),
 		children
 	});
@@ -184,6 +229,7 @@ function NavbarLink({ label, href, to, className, iconClassName }) {
 	return /* @__PURE__ */ jsxs(Link, {
 		href,
 		target: to === "external" ? "_blank" : void 0,
+		prefetch: to === "external" ? "none" : "viewport",
 		className: cn("transition-all outline-none", className),
 		children: [label, to === "external" && /* @__PURE__ */ jsx("span", {
 			className: cn("ml-1 inline-block", iconClassName),
@@ -236,18 +282,20 @@ function NavbarDropdownItem({ href, label, className }) {
 		children: label
 	});
 }
-function NavbarSearchTriggerDesktop({ className, onPress, children }) {
+function NavbarSearchTriggerDesktop({ className, onPress, children, ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
+		...props,
 		onPress,
 		className: 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__ */ jsx(Button, {
+		...props,
 		onPress,
 		className: 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 +378,7 @@ function NavbarMobileMenu({ isOpen, onClose, children, className, overlayClassNa
 						children: /* @__PURE__ */ jsx(X, { size: 24 })
 					})]
 				}), /* @__PURE__ */ jsx("nav", {
+					"aria-label": "Mobile navigation",
 					className: cn("flex-1 overflow-y-auto flex flex-col gap-4", navClassName),
 					children
 				})]
@@ -405,69 +454,181 @@ 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 } = useLocation();
+	const query = new URLSearchParams(search).get("hl");
+	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
 /**
-* Pure, unstyled SearchDialog Overlay (maps to RAC.ModalOverlay)
+* Pure, unstyled SearchDialog Overlay (maps to ModalOverlay)
 */
 function SearchDialog({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.ModalOverlay, {
+	return /* @__PURE__ */ jsx(ModalOverlay, {
 		className: cn("fixed inset-0 z-100", className),
 		...props
 	});
 }
 /**
-* Pure, unstyled SearchDialog Content (maps to RAC.Modal)
+* Pure, unstyled SearchDialog Content (maps to Modal)
 */
 function SearchDialogContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.Modal, {
+	return /* @__PURE__ */ jsx(Modal, {
 		className: cn(className),
 		...props
 	});
 }
 /**
-* Pure, unstyled SearchDialog Dialog (maps to RAC.Dialog)
+* Pure, unstyled SearchDialog Dialog (maps to Dialog)
 */
 function SearchDialogDialog({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.Dialog, {
+	return /* @__PURE__ */ jsx(Dialog, {
 		className: cn("flex flex-col focus:outline-none", className),
 		...props,
 		children
 	});
 }
 /**
-* Pure, unstyled SearchDialog Input Field (maps to RAC.SearchField)
+* Pure, unstyled SearchDialog Input Field (maps to SearchField)
 */
 function SearchDialogField({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.SearchField, {
+	return /* @__PURE__ */ jsx(SearchField, {
 		className: cn("flex items-center", className),
 		...props
 	});
 }
 /**
-* Pure, unstyled SearchInput (maps to RAC.Input)
+* Pure, unstyled SearchInput (maps to Input)
 */
 function SearchDialogSearchInput({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.Input, {
+	return /* @__PURE__ */ jsx(Input, {
 		className: cn("w-full bg-transparent outline-none border-none", className),
 		...props
 	});
 }
 /**
-* Pure, unstyled Clear Button (maps to RAC.Button with slot="clear")
+* Pure, unstyled Clear Button (maps to Button with slot="clear")
 */
 function SearchDialogClearButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.Button, {
+	return /* @__PURE__ */ jsx(Button, {
 		slot: "clear",
 		className: cn(className),
 		...props
 	});
 }
 /**
-* Pure, unstyled Autocomplete container (maps to RAC.Autocomplete)
+* Pure, unstyled Autocomplete container (maps to Autocomplete)
 */
 function SearchDialogAutocomplete({ children, className, innerClassName, ...props }) {
-	const Autocomplete = RAC.Autocomplete;
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex-1 min-h-0", className),
 		children: /* @__PURE__ */ jsx(Autocomplete, {
@@ -478,20 +639,20 @@ function SearchDialogAutocomplete({ children, className, innerClassName, ...prop
 	});
 }
 /**
-* Pure, unstyled List Box (maps to RAC.ListBox)
+* Pure, unstyled List Box (maps to ListBox)
 */
 function SearchDialogList({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.ListBox, {
+	return /* @__PURE__ */ jsx(ListBox, {
 		...props,
 		className: cn("flex-1 overflow-y-auto outline-none min-h-0", className),
 		children
 	});
 }
 /**
-* Pure, unstyled List Box Item (maps to RAC.ListBoxItem)
+* Pure, unstyled List Box Item (maps to ListBoxItem)
 */
 function SearchDialogItemRoot({ children, className, hintClassName, renderHint, ...props }) {
-	return /* @__PURE__ */ jsx(RAC.ListBoxItem, {
+	return /* @__PURE__ */ jsx(ListBoxItem, {
 		...props,
 		className: cn("group flex items-center outline-none cursor-pointer", className),
 		children: (itemProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [children, renderHint ? renderHint({
@@ -541,4 +702,4 @@ SearchDialog.Item = Object.assign(SearchDialogItemRoot, {
 });
 
 //#endregion
-export { ErrorBoundaryFallback as a, ErrorBoundary as i, Navbar as n, Button$1 as o, Github as r, SearchDialog as t };
+export { Github as a, Button$1 as c, Navbar as i, createSearchHighlightRegex as n, ErrorBoundary as o, useSearchHighlight as r, ErrorBoundaryFallback as s, SearchDialog as t };