@clarify-labs/renderer 0.9.4 → 0.10.1

package/output/SearchDialog-CxYLjRi5.js

@@ -0,0 +1,411 @@
+import { t as useBuiltInText } from "./i18n-DnqZHFT7.js";
+import { T as prefixHref } from "./PageActions-D7K9LDGf.js";
+import clsx from "clsx";
+import { Fragment, forwardRef, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+import { Dialog, DialogBackdrop, DialogPanel } from "@headlessui/react";
+import { LoaderCircle, Search, SearchX } from "lucide-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region source/shell/search/items.ts
+function routeGroupTitles(navigation) {
+	const titles = /* @__PURE__ */ new Map();
+	for (const node of navigation) if (node.children?.length) for (const child of node.children) titles.set(child.path, node.title);
+	else titles.set(node.path, node.title);
+	return titles;
+}
+function buildSearchItems(routes, navigation) {
+	const groupTitles = routeGroupTitles(navigation);
+	return routes.flatMap((route) => {
+		if (route.isBareAlias) return [];
+		const groupTitle = groupTitles.get(route.path);
+		return [{
+			title: route.title,
+			pageTitle: route.title,
+			sectionTitle: groupTitle,
+			url: route.path,
+			keywords: [
+				groupTitle,
+				route.title,
+				route.path,
+				route.kind
+			].filter(Boolean).join(" ").toLowerCase()
+		}, ...route.sections?.map((section) => ({
+			title: section.title,
+			pageTitle: route.title,
+			sectionTitle: groupTitle,
+			url: `${route.path}#${section.id}`,
+			keywords: [
+				groupTitle,
+				route.title,
+				section.title,
+				route.path,
+				section.id
+			].filter(Boolean).join(" ").toLowerCase()
+		})) ?? []];
+	});
+}
+//#endregion
+//#region source/shell/search/pagefind.ts
+var pagefindPromises = /* @__PURE__ */ new Map();
+function pagefindCacheKey(routePrefix, locale) {
+	return `${routePrefix || "/"}:${locale || "default"}`;
+}
+function loadPagefind(routePrefix, locale) {
+	if (typeof window === "undefined") return Promise.resolve(null);
+	const language = locale ?? document.documentElement.lang;
+	const cacheKey = pagefindCacheKey(routePrefix, language);
+	const cachedPagefind = pagefindPromises.get(cacheKey);
+	if (cachedPagefind) return cachedPagefind;
+	const pagefindPromise = import(
+		/* @vite-ignore */
+		prefixHref("/pagefind/pagefind.js", routePrefix)
+).then(async (module) => {
+		const previousLanguage = document.documentElement.lang;
+		if (language) document.documentElement.lang = language;
+		const pagefind = module.createInstance();
+		if (previousLanguage && previousLanguage !== language) document.documentElement.lang = previousLanguage;
+		await pagefind.init?.();
+		return pagefind;
+	}).catch((error) => {
+		pagefindPromises.delete(cacheKey);
+		console.warn("[clarify:search] Pagefind instance failed", {
+			cacheKey,
+			language,
+			error
+		});
+		return null;
+	});
+	pagefindPromises.set(cacheKey, pagefindPromise);
+	return pagefindPromise;
+}
+function normalizePagefindUrl(url, routePrefix) {
+	const parsedUrl = new URL(url, typeof window === "undefined" ? "http://localhost" : window.location.origin);
+	let pathname = parsedUrl.pathname;
+	const prefix = routePrefix && routePrefix !== "/" ? `/${routePrefix.replace(/^\/+|\/+$/g, "")}` : "";
+	if (prefix && (pathname === prefix || pathname.startsWith(`${prefix}/`))) pathname = pathname.slice(prefix.length) || "/";
+	return `${pathname}${parsedUrl.search}${parsedUrl.hash}`;
+}
+//#endregion
+//#region source/shell/search/SearchInput.tsx
+var SearchInput = forwardRef(function SearchInput(arg0, inputRef) {
+	const { query, setQuery, onClose, onSubmit, activeDescendantId, loading = false } = arg0;
+	const t = useBuiltInText();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "clarify-search-input group relative flex h-12",
+		children: [/* @__PURE__ */ jsx(loading ? LoaderCircle : Search, {
+			"aria-hidden": "true",
+			className: clsx("pointer-events-none absolute top-0 left-3 h-full w-5 stroke-(--clarify-theme-tokens-colors-muted)", loading && "animate-spin")
+		}), /* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			"data-autofocus": true,
+			role: "combobox",
+			"aria-expanded": query !== "",
+			"aria-controls": "clarify-search-results",
+			"aria-activedescendant": activeDescendantId,
+			value: query,
+			onChange: (event) => setQuery(event.currentTarget.value),
+			onKeyDown: (event) => {
+				if (event.key === "Escape") if (query) setQuery("");
+				else onClose();
+				if (event.key === "Enter") {
+					event.preventDefault();
+					onSubmit();
+				}
+			},
+			placeholder: t("search.placeholder"),
+			className: "clarify-search-field flex-auto appearance-none bg-transparent pr-4 pl-10 outline-hidden focus:w-full focus:flex-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden"
+		})]
+	});
+});
+//#endregion
+//#region source/shell/search/Highlight.tsx
+function stripHtml(value) {
+	if (typeof document === "undefined") return value.replace(/<[^>]*>/g, "");
+	const template = document.createElement("template");
+	template.innerHTML = value;
+	return template.content.textContent ?? "";
+}
+function escapeRegExp(value) {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function HighlightQuery(arg0) {
+	const { text, query } = arg0;
+	if (!query) return text;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: text.split(new RegExp(`(${escapeRegExp(query)})`, "ig")).map((part, index) => part.toLowerCase() === query.toLowerCase() ? /* @__PURE__ */ jsx("mark", {
+		className: "bg-transparent text-(--clarify-theme-tokens-colors-primary) underline",
+		children: part
+	}, index) : /* @__PURE__ */ jsx(Fragment, { children: part }, index)) });
+}
+function renderExcerptNode(node, key) {
+	if (node.nodeType === Node.TEXT_NODE) return node.textContent;
+	if (node.nodeType !== Node.ELEMENT_NODE) return null;
+	const element = node;
+	const children = Array.from(element.childNodes).map((child, index) => renderExcerptNode(child, `${key}-${index}`));
+	if (element.tagName.toLowerCase() === "mark") return /* @__PURE__ */ jsx("mark", {
+		className: "bg-transparent text-(--clarify-theme-tokens-colors-primary) underline",
+		children
+	}, key);
+	return /* @__PURE__ */ jsx(Fragment, { children }, key);
+}
+function HighlightExcerpt(arg0) {
+	const { excerpt, query } = arg0;
+	if (typeof document === "undefined" || !excerpt.includes("<mark")) return /* @__PURE__ */ jsx(HighlightQuery, {
+		text: stripHtml(excerpt),
+		query
+	});
+	const template = document.createElement("template");
+	template.innerHTML = excerpt;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: Array.from(template.content.childNodes).map((node, index) => renderExcerptNode(node, String(index))) });
+}
+//#endregion
+//#region source/shell/search/SearchResult.tsx
+function SearchResult(arg0) {
+	const { result, query, active, onActive, onSelect } = arg0;
+	const id = useId();
+	const hierarchy = result.type === "quick" ? [result.sectionTitle, result.pageTitle].filter((value) => typeof value === "string") : [];
+	return /* @__PURE__ */ jsxs("li", {
+		id,
+		className: clsx("clarify-search-result group block cursor-pointer px-4 py-3", active && "clarify-search-result-active"),
+		"aria-selected": active,
+		onMouseEnter: onActive,
+		onMouseMove: onActive,
+		onMouseDown: (event) => {
+			event.preventDefault();
+			onSelect();
+		},
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "clarify-search-result-title",
+				children: /* @__PURE__ */ jsx(HighlightQuery, {
+					text: result.title,
+					query
+				})
+			}),
+			hierarchy.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "clarify-search-result-hierarchy mt-1 truncate whitespace-nowrap",
+				children: hierarchy.map((item, itemIndex, items) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HighlightQuery, {
+					text: item,
+					query
+				}), /* @__PURE__ */ jsx("span", {
+					className: itemIndex === items.length - 1 ? "sr-only" : "clarify-search-result-separator mx-2",
+					children: "/"
+				})] }, `${item}-${itemIndex}`))
+			}) : null,
+			result.type === "full-text" && result.excerpt ? /* @__PURE__ */ jsx("p", {
+				className: "clarify-search-result-excerpt mt-1 line-clamp-2 text-xs leading-5 text-(--clarify-theme-tokens-colors-muted)",
+				children: /* @__PURE__ */ jsx(HighlightExcerpt, {
+					excerpt: result.excerpt,
+					query
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region source/shell/search/SearchDialog.tsx
+function useSearchDialogLifecycle(arg0) {
+	const { open, setOpen } = arg0;
+	const location = useLocation();
+	useEffect(() => {
+		setOpen(false);
+	}, [
+		location.pathname,
+		location.search,
+		location.hash,
+		setOpen
+	]);
+	useEffect(() => {
+		if (typeof window === "undefined") return void 0;
+		if (open) return void 0;
+		function onKeyDown(event) {
+			if (event.key === "k" && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				setOpen(true);
+			}
+		}
+		window.addEventListener("keydown", onKeyDown);
+		return () => window.removeEventListener("keydown", onKeyDown);
+	}, [open, setOpen]);
+}
+function useSearchData(arg0) {
+	const { query, searchItems, routePrefix, currentLocale } = arg0;
+	const [fullTextState, setFullTextState] = useState(null);
+	const [pagefindState, setPagefindState] = useState(null);
+	const quickResults = useMemo(() => {
+		const normalizedQuery = query.trim().toLowerCase();
+		if (!normalizedQuery) return [];
+		return searchItems.filter((item) => item.keywords.includes(normalizedQuery)).slice(0, 8).map((item) => ({
+			...item,
+			type: "quick"
+		}));
+	}, [query, searchItems]);
+	const pagefindKey = pagefindCacheKey(routePrefix, currentLocale);
+	const activePagefindState = pagefindState?.key === pagefindKey ? pagefindState : null;
+	const pagefind = activePagefindState?.pagefind ?? null;
+	const pagefindAvailable = activePagefindState?.available ?? null;
+	const trimmedQuery = query.trim();
+	const fullTextKey = `${pagefindKey}:${trimmedQuery}`;
+	const results = (fullTextState?.key === fullTextKey ? fullTextState.results : null) ?? quickResults;
+	const searchInputLoading = pagefindAvailable === null || Boolean(trimmedQuery && pagefind && fullTextState?.key !== fullTextKey);
+	const showNoResults = Boolean(query.trim()) && results.length === 0 && pagefindAvailable !== null;
+	useEffect(() => {
+		let cancelled = false;
+		loadPagefind(routePrefix, currentLocale).then((loadedPagefind) => {
+			if (cancelled) return;
+			setPagefindState({
+				key: pagefindKey,
+				pagefind: loadedPagefind,
+				available: Boolean(loadedPagefind)
+			});
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		currentLocale,
+		pagefindKey,
+		routePrefix
+	]);
+	useEffect(() => {
+		let cancelled = false;
+		if (!trimmedQuery || !pagefind) return void 0;
+		Promise.resolve().then(async () => {
+			if (cancelled) return;
+			try {
+				const search = await pagefind.search(trimmedQuery, { limit: 8 });
+				const data = await Promise.all(search.results.map(async (result) => ({
+					id: result.id,
+					data: await result.data()
+				})));
+				if (cancelled) return;
+				setFullTextState({
+					key: fullTextKey,
+					results: data.map(({ id, data }) => ({
+						type: "full-text",
+						id,
+						title: data.meta.title || data.url,
+						url: normalizePagefindUrl(data.url, routePrefix),
+						excerpt: data.excerpt
+					}))
+				});
+			} catch (error) {
+				console.warn("[clarify:search] Pagefind search failed", {
+					currentLocale,
+					query: trimmedQuery,
+					error
+				});
+				if (!cancelled) setFullTextState({
+					key: fullTextKey,
+					results: null
+				});
+			}
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		currentLocale,
+		fullTextKey,
+		pagefind,
+		routePrefix,
+		trimmedQuery
+	]);
+	return {
+		results,
+		searchInputLoading,
+		showNoResults
+	};
+}
+function SearchDialog(arg0) {
+	const { open, setOpen, routes, navigation, routePrefix = "/", currentLocale, className, onNavigate = () => {} } = arg0;
+	const t = useBuiltInText();
+	const navigate = useNavigate();
+	const inputRef = useRef(null);
+	const [query, setQuery] = useState("");
+	const [activeIndex, setActiveIndex] = useState(0);
+	const searchItems = useMemo(() => buildSearchItems(routes, navigation), [navigation, routes]);
+	useSearchDialogLifecycle({
+		open,
+		setOpen
+	});
+	const { results, searchInputLoading, showNoResults } = useSearchData({
+		query,
+		searchItems,
+		routePrefix,
+		currentLocale
+	});
+	const updateQuery = (value) => {
+		setQuery(value);
+		setActiveIndex(0);
+	};
+	function closeDialog() {
+		updateQuery("");
+		setOpen(false);
+	}
+	function selectResult(result = results[activeIndex]) {
+		if (!result) return;
+		navigate(result.url);
+		onNavigate();
+		closeDialog();
+	}
+	function renderResultsPanel() {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "border-t border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) empty:hidden dark:border-zinc-100/5 dark:bg-white/2.5",
+			children: [showNoResults ? /* @__PURE__ */ jsxs("div", {
+				className: "p-6 text-center",
+				children: [/* @__PURE__ */ jsx(SearchX, { className: "mx-auto h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-zinc-600" }), /* @__PURE__ */ jsx("p", {
+					className: "mt-2 text-xs text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-400",
+					children: t("search.noResults", { query })
+				})]
+			}) : null, results.length ? /* @__PURE__ */ jsx("ul", {
+				id: "clarify-search-results",
+				className: "clarify-search-results",
+				role: "listbox",
+				children: results.map((result, resultIndex) => /* @__PURE__ */ jsx(SearchResult, {
+					result,
+					query,
+					active: resultIndex === activeIndex,
+					onActive: () => setActiveIndex(resultIndex),
+					onSelect: () => selectResult(result)
+				}, result.type === "full-text" ? result.id : result.url))
+			}) : null]
+		});
+	}
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onClose: closeDialog,
+		className: clsx("clarify-search-dialog fixed inset-0 z-50", className),
+		children: [/* @__PURE__ */ jsx(DialogBackdrop, {
+			transition: true,
+			className: "clarify-search-backdrop clarify-ui-backdrop fixed inset-0 backdrop-blur-xs data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
+		}), /* @__PURE__ */ jsx("div", {
+			className: "fixed inset-0 overflow-y-auto px-4 py-4 sm:px-6 sm:py-20 md:py-32 lg:px-8 lg:py-(--clarify-search-dialog-padding-block-lg)",
+			children: /* @__PURE__ */ jsxs(DialogPanel, {
+				transition: true,
+				className: "clarify-search-panel mx-auto transform-gpu overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) shadow-xl ring-1 ring-(--clarify-theme-tokens-colors-border) data-closed:scale-95 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:max-w-xl dark:bg-zinc-900 dark:ring-zinc-800",
+				onKeyDown: (event) => {
+					if (event.key === "ArrowDown") {
+						event.preventDefault();
+						setActiveIndex((index) => results.length ? (index + 1) % results.length : 0);
+					}
+					if (event.key === "ArrowUp") {
+						event.preventDefault();
+						setActiveIndex((index) => results.length ? (index - 1 + results.length) % results.length : 0);
+					}
+				},
+				children: [/* @__PURE__ */ jsx(SearchInput, {
+					ref: inputRef,
+					query,
+					setQuery: updateQuery,
+					onClose: closeDialog,
+					onSubmit: () => selectResult(),
+					loading: searchInputLoading
+				}), renderResultsPanel()]
+			})
+		})]
+	});
+}
+//#endregion
+export { SearchDialog, SearchDialog as default };
+
+//# sourceMappingURL=SearchDialog-CxYLjRi5.js.map

package/output/SearchDialog-CxYLjRi5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDialog-CxYLjRi5.js","names":[],"sources":["../source/shell/search/items.ts","../source/shell/search/pagefind.ts","../source/shell/search/SearchInput.tsx","../source/shell/search/Highlight.tsx","../source/shell/search/SearchResult.tsx","../source/shell/search/SearchDialog.tsx"],"sourcesContent":["import type { NavigationNode, RouteItem } from '../../types'\n\nimport type { SearchItem } from './types'\n\nfunction routeGroupTitles(navigation: NavigationNode[]) {\n  const titles = new Map<string, string>()\n\n  for (const node of navigation) {\n    if (node.children?.length) {\n      for (const child of node.children) {\n        titles.set(child.path, node.title)\n      }\n    } else {\n      titles.set(node.path, node.title)\n    }\n  }\n\n  return titles\n}\n\nexport function buildSearchItems(routes: RouteItem[], navigation: NavigationNode[]): SearchItem[] {\n  const groupTitles = routeGroupTitles(navigation)\n\n  return routes.flatMap((route) => {\n    // Skip bare alias routes (e.g., /path) from search to avoid duplicates in multilingual sites\n    if (route.isBareAlias) return []\n    \n    const groupTitle = groupTitles.get(route.path)\n    const pageItem: SearchItem = {\n      title: route.title,\n      pageTitle: route.title,\n      sectionTitle: groupTitle,\n      url: route.path,\n      keywords: [groupTitle, route.title, route.path, route.kind].filter(Boolean).join(' ').toLowerCase(),\n    }\n\n    const sectionItems = route.sections?.map((section) => ({\n      title: section.title,\n      pageTitle: route.title,\n      sectionTitle: groupTitle,\n      url: `${route.path}#${section.id}`,\n      keywords: [groupTitle, route.title, section.title, route.path, section.id].filter(Boolean).join(' ').toLowerCase(),\n    })) ?? []\n\n    return [pageItem, ...sectionItems]\n  })\n}\n","import { prefixHref } from '../../utils/href'\n\nimport type { Pagefind } from './types'\n\ntype PagefindModule = {\n  createInstance: () => Pagefind\n}\n\nconst pagefindPromises = new Map<string, Promise<Pagefind | null>>()\n\nexport function pagefindCacheKey(routePrefix: string, locale: string | undefined) {\n  return `${routePrefix || '/'}:${locale || 'default'}`\n}\n\nexport function loadPagefind(routePrefix: string, locale: string | undefined): Promise<Pagefind | null> {\n  if (typeof window === 'undefined') return Promise.resolve(null)\n\n  const language = locale ?? document.documentElement.lang\n  const cacheKey = pagefindCacheKey(routePrefix, language)\n  const cachedPagefind = pagefindPromises.get(cacheKey)\n  if (cachedPagefind) {\n    return cachedPagefind\n  }\n\n  const pagefindUrl = prefixHref('/pagefind/pagefind.js', routePrefix)\n  const pagefindPromise = import(/* @vite-ignore */ pagefindUrl)\n    .then(async (module: PagefindModule) => {\n      const previousLanguage = document.documentElement.lang\n      if (language) document.documentElement.lang = language\n      const pagefind = module.createInstance()\n      if (previousLanguage && previousLanguage !== language) document.documentElement.lang = previousLanguage\n      await pagefind.init?.()\n      return pagefind\n    })\n    .catch((error: unknown) => {\n      pagefindPromises.delete(cacheKey)\n      console.warn('[clarify:search] Pagefind instance failed', { cacheKey, language, error })\n      return null\n    })\n\n  pagefindPromises.set(cacheKey, pagefindPromise)\n  return pagefindPromise\n}\n\nexport function normalizePagefindUrl(url: string, routePrefix: string): string {\n  const parsedUrl = new URL(url, typeof window === 'undefined' ? 'http://localhost' : window.location.origin)\n  let pathname = parsedUrl.pathname\n  const prefix = routePrefix && routePrefix !== '/' ? `/${routePrefix.replace(/^\\/+|\\/+$/g, '')}` : ''\n\n  if (prefix && (pathname === prefix || pathname.startsWith(`${prefix}/`))) {\n    pathname = pathname.slice(prefix.length) || '/'\n  }\n\n  return `${pathname}${parsedUrl.search}${parsedUrl.hash}`\n}\n","import clsx from 'clsx'\nimport { LoaderCircle, Search as SearchIcon } from 'lucide-react'\nimport { forwardRef } from 'react'\n\nimport { useBuiltInText } from '../../i18n'\n\nexport const SearchInput = forwardRef<\n  React.ElementRef<'input'>,\n  {\n    query: string\n    setQuery: (query: string) => void\n    onClose: () => void\n    onSubmit: () => void\n    activeDescendantId?: string\n    loading?: boolean\n  }\n>(function SearchInput(arg0, inputRef) {\n  const { query, setQuery, onClose, onSubmit, activeDescendantId, loading = false } = arg0\n  const t = useBuiltInText()\n  const Icon = loading ? LoaderCircle : SearchIcon\n\n  return (\n    <div className=\"clarify-search-input group relative flex h-12\">\n      <Icon\n        aria-hidden=\"true\"\n        className={clsx(\n          'pointer-events-none absolute top-0 left-3 h-full w-5 stroke-(--clarify-theme-tokens-colors-muted)',\n          loading && 'animate-spin',\n        )}\n      />\n      <input\n        ref={inputRef}\n        data-autofocus\n        role=\"combobox\"\n        aria-expanded={query !== ''}\n        aria-controls=\"clarify-search-results\"\n        aria-activedescendant={activeDescendantId}\n        value={query}\n        onChange={(event) => setQuery(event.currentTarget.value)}\n        onKeyDown={(event) => {\n          if (event.key === 'Escape') {\n            if (query) setQuery('')\n            else onClose()\n          }\n          if (event.key === 'Enter') {\n            event.preventDefault()\n            onSubmit()\n          }\n        }}\n        placeholder={t('search.placeholder')}\n        className=\"clarify-search-field flex-auto appearance-none bg-transparent pr-4 pl-10 outline-hidden focus:w-full focus:flex-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden\"\n      />\n    </div>\n  )\n})\n","import { Fragment } from 'react'\nimport type { ReactNode } from 'react'\n\nfunction stripHtml(value: string): string {\n  if (typeof document === 'undefined') return value.replace(/<[^>]*>/g, '')\n  const template = document.createElement('template')\n  template.innerHTML = value\n  return template.content.textContent ?? ''\n}\n\nfunction escapeRegExp(value: string) {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\ntype HighlightQueryProps = { text: string; query: string }\n\nexport function HighlightQuery(arg0: HighlightQueryProps) {\n  const { text, query } = arg0\n\n  if (!query) return text\n\n  const parts = text.split(new RegExp(`(${escapeRegExp(query)})`, 'ig'))\n\n  return (\n    <>\n      {parts.map((part, index) =>\n        part.toLowerCase() === query.toLowerCase() ? (\n          <mark key={index} className=\"bg-transparent text-(--clarify-theme-tokens-colors-primary) underline\">\n            {part}\n          </mark>\n        ) : (\n          <Fragment key={index}>{part}</Fragment>\n        ),\n      )}\n    </>\n  )\n}\n\nfunction renderExcerptNode(node: ChildNode, key: string): ReactNode {\n  if (node.nodeType === Node.TEXT_NODE) return node.textContent\n  if (node.nodeType !== Node.ELEMENT_NODE) return null\n\n  const element = node as HTMLElement\n  const children = Array.from(element.childNodes).map((child, index) => renderExcerptNode(child, `${key}-${index}`))\n\n  if (element.tagName.toLowerCase() === 'mark') {\n    return (\n      <mark key={key} className=\"bg-transparent text-(--clarify-theme-tokens-colors-primary) underline\">\n        {children}\n      </mark>\n    )\n  }\n\n  return <Fragment key={key}>{children}</Fragment>\n}\n\ntype HighlightExcerptProps = { excerpt: string; query: string }\n\nexport function HighlightExcerpt(arg0: HighlightExcerptProps) {\n  const { excerpt, query } = arg0\n\n  if (typeof document === 'undefined' || !excerpt.includes('<mark')) {\n    return <HighlightQuery text={stripHtml(excerpt)} query={query} />\n  }\n\n  const template = document.createElement('template')\n  template.innerHTML = excerpt\n\n  return <>{Array.from(template.content.childNodes).map((node, index) => renderExcerptNode(node, String(index)))}</>\n}\n","import clsx from 'clsx'\nimport { Fragment, useId } from 'react'\n\nimport { HighlightExcerpt, HighlightQuery } from './Highlight'\nimport type { SearchDisplayItem } from './types'\n\ntype SearchResultProps = {\n  result: SearchDisplayItem\n  query: string\n  active: boolean\n  onActive: () => void\n  onSelect: () => void\n}\n\nexport function SearchResult(arg0: SearchResultProps) {\n  const { result, query, active, onActive, onSelect } = arg0\n  const id = useId()\n  const hierarchy = result.type === 'quick'\n    ? [result.sectionTitle, result.pageTitle].filter((value): value is string => typeof value === 'string')\n    : []\n\n  return (\n    <li\n      id={id}\n      className={clsx('clarify-search-result group block cursor-pointer px-4 py-3', active && 'clarify-search-result-active')}\n      aria-selected={active}\n      onMouseEnter={onActive}\n      onMouseMove={onActive}\n      onMouseDown={(event) => {\n        event.preventDefault()\n        onSelect()\n      }}\n    >\n      <div className=\"clarify-search-result-title\">\n        <HighlightQuery text={result.title} query={query} />\n      </div>\n      {hierarchy.length > 0 ? (\n        <div className=\"clarify-search-result-hierarchy mt-1 truncate whitespace-nowrap\">\n          {hierarchy.map((item, itemIndex, items) => (\n            <Fragment key={`${item}-${itemIndex}`}>\n              <HighlightQuery text={item} query={query} />\n              <span className={itemIndex === items.length - 1 ? 'sr-only' : 'clarify-search-result-separator mx-2'}>/</span>\n            </Fragment>\n          ))}\n        </div>\n      ) : null}\n      {result.type === 'full-text' && result.excerpt ? (\n        <p className=\"clarify-search-result-excerpt mt-1 line-clamp-2 text-xs leading-5 text-(--clarify-theme-tokens-colors-muted)\">\n          <HighlightExcerpt excerpt={result.excerpt} query={query} />\n        </p>\n      ) : null}\n    </li>\n  )\n}\n","import { Dialog, DialogBackdrop, DialogPanel } from '@headlessui/react'\nimport clsx from 'clsx'\nimport { SearchX } from 'lucide-react'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router-dom'\n\nimport { useBuiltInText } from '../../i18n'\nimport type { NavigationNode, RouteItem } from '../../types'\n\nimport { buildSearchItems } from './items'\nimport { loadPagefind, normalizePagefindUrl, pagefindCacheKey } from './pagefind'\nimport { SearchInput } from './SearchInput'\nimport { SearchResult } from './SearchResult'\nimport type { FullTextSearchItem, Pagefind, SearchDisplayItem } from './types'\n\ntype SearchDialogProps = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  routes: RouteItem[]\n  navigation: NavigationNode[]\n  routePrefix?: string\n  currentLocale?: string\n  className?: string\n  onNavigate?: () => void\n}\n\ntype PagefindState = {\n  key: string\n  pagefind: Pagefind | null\n  available: boolean\n}\n\ntype FullTextSearchState = {\n  key: string\n  results: FullTextSearchItem[] | null\n}\n\ntype UseSearchDialogLifecycleArgs = {\n  open: boolean\n  setOpen: (open: boolean) => void\n}\n\nfunction useSearchDialogLifecycle(arg0: UseSearchDialogLifecycleArgs) {\n  const { open, setOpen } = arg0\n  const location = useLocation()\n\n  useEffect(() => {\n    setOpen(false)\n  }, [location.pathname, location.search, location.hash, setOpen])\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return undefined\n    if (open) return undefined\n\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key === 'k' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        setOpen(true)\n      }\n    }\n\n    window.addEventListener('keydown', onKeyDown)\n    return () => window.removeEventListener('keydown', onKeyDown)\n  }, [open, setOpen])\n}\n\ntype UseSearchDataArgs = {\n  query: string\n  searchItems: ReturnType<typeof buildSearchItems>\n  routePrefix: string\n  currentLocale?: string\n}\n\ntype SearchDataState = {\n  results: SearchDisplayItem[]\n  searchInputLoading: boolean\n  showNoResults: boolean\n}\n\nfunction useSearchData(arg0: UseSearchDataArgs): SearchDataState {\n  const { query, searchItems, routePrefix, currentLocale } = arg0\n  const [fullTextState, setFullTextState] = useState<FullTextSearchState | null>(null)\n  const [pagefindState, setPagefindState] = useState<PagefindState | null>(null)\n\n  const quickResults = useMemo(() => {\n    const normalizedQuery = query.trim().toLowerCase()\n    if (!normalizedQuery) return []\n    return searchItems.filter((item) => item.keywords.includes(normalizedQuery)).slice(0, 8).map((item) => ({ ...item, type: 'quick' as const }))\n  }, [query, searchItems])\n\n  const pagefindKey = pagefindCacheKey(routePrefix, currentLocale)\n  const activePagefindState = pagefindState?.key === pagefindKey ? pagefindState : null\n  const pagefind = activePagefindState?.pagefind ?? null\n  const pagefindAvailable = activePagefindState?.available ?? null\n  const trimmedQuery = query.trim()\n  const fullTextKey = `${pagefindKey}:${trimmedQuery}`\n  const fullTextResults = fullTextState?.key === fullTextKey ? fullTextState.results : null\n  const results: SearchDisplayItem[] = fullTextResults ?? quickResults\n  const searchInputLoading = pagefindAvailable === null || Boolean(trimmedQuery && pagefind && fullTextState?.key !== fullTextKey)\n  const showNoResults = Boolean(query.trim()) && results.length === 0 && pagefindAvailable !== null\n\n  useEffect(() => {\n    let cancelled = false\n\n    loadPagefind(routePrefix, currentLocale).then((loadedPagefind) => {\n      if (cancelled) return\n      setPagefindState({ key: pagefindKey, pagefind: loadedPagefind, available: Boolean(loadedPagefind) })\n    })\n\n    return () => {\n      cancelled = true\n    }\n  }, [currentLocale, pagefindKey, routePrefix])\n\n  useEffect(() => {\n    let cancelled = false\n    if (!trimmedQuery || !pagefind) return undefined\n\n    Promise.resolve().then(async () => {\n      if (cancelled) return\n\n      try {\n        const search = await pagefind.search(trimmedQuery, { limit: 8 })\n        const data = await Promise.all(search.results.map(async (result) => ({ id: result.id, data: await result.data() })))\n        if (cancelled) return\n        setFullTextState({\n          key: fullTextKey,\n          results: data.map(({ id, data }) => ({\n            type: 'full-text',\n            id,\n            title: data.meta.title || data.url,\n            url: normalizePagefindUrl(data.url, routePrefix),\n            excerpt: data.excerpt,\n          })),\n        })\n      } catch (error: unknown) {\n        console.warn('[clarify:search] Pagefind search failed', { currentLocale, query: trimmedQuery, error })\n        if (!cancelled) setFullTextState({ key: fullTextKey, results: null })\n      }\n    })\n\n    return () => {\n      cancelled = true\n    }\n  }, [currentLocale, fullTextKey, pagefind, routePrefix, trimmedQuery])\n\n  return {\n    results,\n    searchInputLoading,\n    showNoResults,\n  }\n}\n\nexport function SearchDialog(arg0: SearchDialogProps) {\n  const {\n    open,\n    setOpen,\n    routes,\n    navigation,\n    routePrefix = '/',\n    currentLocale,\n    className,\n    onNavigate = () => {},\n  } = arg0\n\n  const t = useBuiltInText()\n  const navigate = useNavigate()\n  const inputRef = useRef<React.ElementRef<typeof SearchInput>>(null)\n  const [query, setQuery] = useState('')\n  const [activeIndex, setActiveIndex] = useState(0)\n  const searchItems = useMemo(() => buildSearchItems(routes, navigation), [navigation, routes])\n\n  useSearchDialogLifecycle({ open, setOpen })\n  const { results, searchInputLoading, showNoResults } = useSearchData({ query, searchItems, routePrefix, currentLocale })\n\n  const updateQuery = (value: string) => {\n    setQuery(value)\n    setActiveIndex(0)\n  }\n\n  function closeDialog() {\n    updateQuery('')\n    setOpen(false)\n  }\n\n  function selectResult(result = results[activeIndex]) {\n    if (!result) return\n    navigate(result.url)\n    onNavigate()\n    closeDialog()\n  }\n\n  function renderResultsPanel() {\n    return (\n      <div className=\"border-t border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) empty:hidden dark:border-zinc-100/5 dark:bg-white/2.5\">\n        {showNoResults ? (\n          <div className=\"p-6 text-center\">\n            <SearchX className=\"mx-auto h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-zinc-600\" />\n            <p className=\"mt-2 text-xs text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-400\">\n              {t('search.noResults', { query })}\n            </p>\n          </div>\n        ) : null}\n        {results.length ? (\n          <ul id=\"clarify-search-results\" className=\"clarify-search-results\" role=\"listbox\">\n            {results.map((result, resultIndex) => (\n              <SearchResult\n                key={result.type === 'full-text' ? result.id : result.url}\n                result={result}\n                query={query}\n                active={resultIndex === activeIndex}\n                onActive={() => setActiveIndex(resultIndex)}\n                onSelect={() => selectResult(result)}\n              />\n            ))}\n          </ul>\n        ) : null}\n      </div>\n    )\n  }\n\n  return (\n    <Dialog open={open} onClose={closeDialog} className={clsx('clarify-search-dialog fixed inset-0 z-50', className)}>\n      <DialogBackdrop\n        transition\n        className=\"clarify-search-backdrop clarify-ui-backdrop fixed inset-0 backdrop-blur-xs data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in\"\n      />\n\n      <div className=\"fixed inset-0 overflow-y-auto px-4 py-4 sm:px-6 sm:py-20 md:py-32 lg:px-8 lg:py-(--clarify-search-dialog-padding-block-lg)\">\n        <DialogPanel\n          transition\n          className=\"clarify-search-panel mx-auto transform-gpu overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) shadow-xl ring-1 ring-(--clarify-theme-tokens-colors-border) data-closed:scale-95 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:max-w-xl dark:bg-zinc-900 dark:ring-zinc-800\"\n          onKeyDown={(event) => {\n            if (event.key === 'ArrowDown') {\n              event.preventDefault()\n              setActiveIndex((index) => (results.length ? (index + 1) % results.length : 0))\n            }\n            if (event.key === 'ArrowUp') {\n              event.preventDefault()\n              setActiveIndex((index) => (results.length ? (index - 1 + results.length) % results.length : 0))\n            }\n          }}\n        >\n          <SearchInput\n            ref={inputRef}\n            query={query}\n            setQuery={updateQuery}\n            onClose={closeDialog}\n            onSubmit={() => selectResult()}\n            loading={searchInputLoading}\n          />\n          {renderResultsPanel()}\n        </DialogPanel>\n      </div>\n    </Dialog>\n  )\n}\n\nexport default SearchDialog\n"],"mappings":"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"}

package/output/app/AppShell.d.ts

@@ -1,9 +1,9 @@
-import { RuntimeSlots } from '../slots';
+import { RuntimeSlotRegistry } from '../slots';
 import { RouteItem, Config, NavigationTree } from '../types';
 export type AppShellProps = {
     config: Config;
     routes: RouteItem[];
     navigation: NavigationTree;
-    runtimeSlots?: RuntimeSlots;
+    runtimeSlots?: RuntimeSlotRegistry;
 };
 export declare function AppShell(arg0: AppShellProps): import("react").JSX.Element;

package/output/app/SectionHashSync.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+type SectionHashSyncProps = {
+    hashScrollSuppressedUntilRef: RefObject<number>;
+};
+export declare function SectionHashSync(arg0: SectionHashSyncProps): null;
+export {};

package/output/client.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_PageActions = require("./PageActions-CTn2XkPg.cjs");
-const require_ClarifyShell = require("./ClarifyShell-7r92MZg9.cjs");
-const require_render = require("./render-DXDSIfZ8.cjs");
+const require_ClarifyShell = require("./ClarifyShell-C6li72Ce.cjs");
+const require_PageActions = require("./PageActions-BjB6PYmL.cjs");
+const require_render = require("./render-Di5B6Zc0.cjs");
 exports.ThemeEditor = require_ClarifyShell.ThemeEditor;
 exports.applyThemeVariables = require_ClarifyShell.applyThemeVariables;
 exports.getStoredLocalePreference = require_PageActions.getStoredLocalePreference;

package/output/client.js

@@ -1,4 +1,4 @@
-import { S as themeCookieName, _ as getStoredThemePreference, b as storeLocalePreference, g as getStoredLocalePreference, v as localeCookieName, x as storeThemePreference, y as readLocaleCookie } from "./PageActions-D0PA8Zv5.js";
-import { a as themeBootstrapScript, i as themeEditorPresets, n as ThemeEditor, r as applyThemeVariables, s as themeStorageKey } from "./ClarifyShell-D2P0iZ_m.js";
-import { t as render } from "./render-CwSsfrs7.js";
+import { a as themeBootstrapScript, i as themeEditorPresets, n as ThemeEditor, r as applyThemeVariables, s as themeStorageKey } from "./ClarifyShell-1LuBliwt.js";
+import { S as themeCookieName, _ as getStoredThemePreference, b as storeLocalePreference, g as getStoredLocalePreference, v as localeCookieName, x as storeThemePreference, y as readLocaleCookie } from "./PageActions-D7K9LDGf.js";
+import { t as render } from "./render-DKj24Jqw.js";
 export { ThemeEditor, applyThemeVariables, getStoredLocalePreference, getStoredThemePreference, localeCookieName, readLocaleCookie, render, storeLocalePreference, storeThemePreference, themeBootstrapScript, themeCookieName, themeEditorPresets, themeStorageKey };

package/output/components/MermaidViewer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type MermaidViewerProps = {
+    svg: string;
+    className?: string;
+};
+export declare function MermaidViewer(arg0: MermaidViewerProps): ReactNode;
+export default MermaidViewer;

package/output/context.d.ts

@@ -1 +1 @@
-export { LocaleContext, OpenApisContext, useLocale, useOpenApis } from './core/context';
+export { LocaleContext, OpenApiSpecsContext, useLocale, useOpenApiSpecs } from './core/context';

package/output/core/context.d.ts

@@ -1,9 +1,8 @@
-import { OpenAPISpec } from '../openapi/lib/utils';
-import { Config } from './types';
+import { Config, OpenApiRegistry } from './types';
 export declare const ConfigContext: import('react').Context<Config | null>;
 export declare const LocaleContext: import('react').Context<string | undefined>;
-export declare const OpenApisContext: import('react').Context<Record<string, OpenAPISpec>>;
+export declare const OpenApiSpecsContext: import('react').Context<OpenApiRegistry>;
 export declare function useConfig(): Config;
 export declare function useConfigOptional(): Config | null;
 export declare function useLocale(): string | undefined;
-export declare function useOpenApis(): Record<string, OpenAPISpec>;
+export declare function useOpenApiSpecs(): OpenApiRegistry;

package/output/core/i18n.d.ts

@@ -1,5 +1,5 @@
 export type BuiltInLocale = 'en' | 'zh-CN';
-export type BuiltInTextKey = 'actions.code' | 'actions.copy' | 'actions.copied' | 'builtWith.label' | 'builtWith.prefix' | 'callout.danger' | 'callout.info' | 'callout.note' | 'callout.success' | 'callout.tip' | 'callout.warning' | 'contentActions.copyContent' | 'contentActions.copyContentDescription' | 'contentActions.copyLink' | 'contentActions.copyLinkDescription' | 'contentActions.copyLlms' | 'contentActions.copyLlmsDescription' | 'contentActions.copiedLlms' | 'contentActions.editPage' | 'contentActions.editPageDescription' | 'contentActions.copyOptions' | 'contentActions.copiedContent' | 'contentActions.copiedLink' | 'contentActions.viewMarkdown' | 'contentActions.viewMarkdownDescription' | 'contentActions.viewOpenApi' | 'contentActions.viewOpenApiDescription' | 'feedback.no' | 'feedback.prompt' | 'feedback.thanks' | 'feedback.yes' | 'navigation.documentation' | 'navigation.next' | 'navigation.previous' | 'navigation.previousNext' | 'navigation.toggle' | 'navbar.home' | 'navbar.openLinks' | 'navbar.sections' | 'notFound.description' | 'notFound.home' | 'notFound.label' | 'notFound.title' | 'openapi.apiDocumentation' | 'openapi.bodyProperties' | 'openapi.collapse' | 'openapi.endpointNotFound' | 'openapi.example' | 'openapi.expand' | 'openapi.headers' | 'openapi.language' | 'openapi.client' | 'openapi.mediaType' | 'openapi.none' | 'openapi.openApiReference' | 'openapi.operationParameter' | 'openapi.optional' | 'openapi.parameter' | 'openapi.pathParameters' | 'openapi.queryParameters' | 'openapi.request' | 'openapi.requestBody' | 'openapi.responseBodyProperties' | 'openapi.required' | 'openapi.requiredBadge' | 'openapi.response' | 'openapi.responses' | 'openapi.schemaExample' | 'openapi.scrollExamplesLeft' | 'openapi.scrollExamplesRight' | 'openapi.specNotFound' | 'openapi.specPathMissing' | 'openapi.status' | 'openapi.version' | 'search.button' | 'search.noResults' | 'search.placeholder' | 'search.shortcutCtrl' | 'renderError.componentStack' | 'renderError.description' | 'renderError.details' | 'renderError.message' | 'renderError.path' | 'renderError.reload' | 'renderError.stack' | 'renderError.title' | 'renderError.version' | 'renderError.type' | 'theme.switchToDark' | 'theme.switchToLight' | 'theme.switchToSystem' | 'language.switch' | 'mermaid.zoomIn' | 'mermaid.zoomOut' | 'mermaid.resetZoom' | 'mermaid.renderError' | 'mermaid.scrollHint';
+export type BuiltInTextKey = 'actions.code' | 'actions.copy' | 'actions.copied' | 'builtWith.label' | 'builtWith.prefix' | 'callout.danger' | 'callout.info' | 'callout.note' | 'callout.success' | 'callout.tip' | 'callout.warning' | 'contentActions.copyContent' | 'contentActions.copyContentDescription' | 'contentActions.copyLink' | 'contentActions.copyLinkDescription' | 'contentActions.copyLlms' | 'contentActions.copyLlmsDescription' | 'contentActions.copiedLlms' | 'contentActions.editPage' | 'contentActions.editPageDescription' | 'contentActions.copyOptions' | 'contentActions.copiedContent' | 'contentActions.copiedLink' | 'contentActions.viewMarkdown' | 'contentActions.viewMarkdownDescription' | 'contentActions.viewOpenApi' | 'contentActions.viewOpenApiDescription' | 'feedback.no' | 'feedback.prompt' | 'feedback.thanks' | 'feedback.yes' | 'navigation.documentation' | 'navigation.next' | 'navigation.previous' | 'navigation.previousNext' | 'navigation.toggle' | 'navbar.home' | 'navbar.openLinks' | 'navbar.sections' | 'notFound.description' | 'notFound.home' | 'notFound.label' | 'notFound.title' | 'openapi.apiDocumentation' | 'openapi.bodyProperties' | 'openapi.collapse' | 'openapi.endpointNotFound' | 'openapi.example' | 'openapi.expand' | 'openapi.headers' | 'openapi.language' | 'openapi.client' | 'openapi.loading' | 'openapi.mediaType' | 'openapi.none' | 'openapi.openApiReference' | 'openapi.operationParameter' | 'openapi.optional' | 'openapi.parameter' | 'openapi.pathParameters' | 'openapi.queryParameters' | 'openapi.request' | 'openapi.requestBody' | 'openapi.requestBodyEmpty' | 'openapi.responseBodyProperties' | 'openapi.required' | 'openapi.requiredBadge' | 'openapi.response' | 'openapi.responses' | 'openapi.schemaExample' | 'openapi.scrollExamplesLeft' | 'openapi.scrollExamplesRight' | 'openapi.specNotFound' | 'openapi.specPathMissing' | 'openapi.status' | 'openapi.version' | 'openapi.webhookResponse' | 'openapi.webhookResponses' | 'search.button' | 'search.noResults' | 'search.placeholder' | 'search.shortcutCtrl' | 'renderError.componentStack' | 'renderError.description' | 'renderError.details' | 'renderError.message' | 'renderError.path' | 'renderError.reload' | 'renderError.stack' | 'renderError.title' | 'renderError.version' | 'renderError.type' | 'theme.switchToDark' | 'theme.switchToLight' | 'theme.switchToSystem' | 'language.switch' | 'mermaid.zoomIn' | 'mermaid.zoomOut' | 'mermaid.resetZoom' | 'mermaid.renderError' | 'mermaid.scrollHint';
 export declare function resolveBuiltInLocale(locale?: string): BuiltInLocale;
 export declare function translateBuiltInText(locale: string | undefined, key: BuiltInTextKey, replacements?: Record<string, string>): string;
 export declare function useBuiltInText(locale?: string): (key: BuiltInTextKey, replacements?: Record<string, string>) => string;

package/output/core/index.d.ts

@@ -1,3 +1,3 @@
-export { ConfigContext, LocaleContext, OpenApisContext, useConfig, useOpenApis } from './context';
+export { ConfigContext, LocaleContext, OpenApiSpecsContext, useConfig, useOpenApiSpecs } from './context';
 export { resolveBuiltInLocale, translateBuiltInText, useBuiltInText } from './i18n';
 export type * from './types';