@clarify-labs/renderer 0.7.2 → 0.8.2

package/output/{PageActions-yoDRjkq8.js → PageActions-BwY7ierv.js}

@@ -3,7 +3,7 @@ import { Fragment, Suspense, createContext, forwardRef, useContext, useEffect, u
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { CloseButton, Dialog, DialogBackdrop, DialogPanel, Menu, MenuButton, MenuItem, MenuItems, TransitionChild } from "@headlessui/react";
 import * as LucideIcons from "lucide-react";
-import { Check, ChevronDown, Copy, ExternalLink, FileText, Globe2, Link2, LoaderCircle, Menu as Menu$1, Moon, MoreHorizontal, PencilLine, Search, SearchX, Sun, X } from "lucide-react";
+import { Check, ChevronDown, Copy, ExternalLink, FileText, Globe2, Link2, LoaderCircle, Menu as Menu$1, Monitor, Moon, MoreHorizontal, PencilLine, Search, SearchX, Sun, X } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion, useIsPresent, useScroll, useTransform } from "framer-motion";
 import { create, createStore, useStore } from "zustand";
@@ -114,7 +114,13 @@ var builtInText = {
 		"renderError.type": "Error type",
 		"theme.switchToDark": "Switch to dark theme",
 		"theme.switchToLight": "Switch to light theme",
-		"language.switch": "Switch language"
+		"theme.switchToSystem": "Follow system theme",
+		"language.switch": "Switch language",
+		"mermaid.zoomIn": "Zoom in",
+		"mermaid.zoomOut": "Zoom out",
+		"mermaid.resetZoom": "Reset zoom",
+		"mermaid.renderError": "Mermaid render error",
+		"mermaid.scrollHint": "Click the diagram to enable scroll-to-zoom"
 	},
 	"zh-CN": {
 		"actions.code": "代码",
@@ -205,7 +211,13 @@ var builtInText = {
 		"renderError.type": "错误类型",
 		"theme.switchToDark": "切换到深色主题",
 		"theme.switchToLight": "切换到浅色主题",
-		"language.switch": "切换语言"
+		"theme.switchToSystem": "跟随系统主题",
+		"language.switch": "切换语言",
+		"mermaid.zoomIn": "放大",
+		"mermaid.zoomOut": "缩小",
+		"mermaid.resetZoom": "重置缩放",
+		"mermaid.renderError": "Mermaid 渲染错误",
+		"mermaid.scrollHint": "点击图表后即可滚轮缩放"
 	}
 };
 function resolveBuiltInLocale(locale) {
@@ -257,7 +269,8 @@ function hasLocalePrefix(href, config) {
 }
 function localizeHref(href, config, locale) {
 	if (!locale || !config.i18n || isExternalHref(href) || href.startsWith("#")) return href;
-	if (locale === config.i18n.defaultLocale || hasLocalePrefix(href, config)) return href;
+	if (hasLocalePrefix(href, config)) return href;
+	if (locale === config.i18n.defaultLocale) return href.startsWith("/") ? href : `/${href}`;
 	const cleanHref = href === "/" ? "" : href.replace(/^\/+/, "");
 	return `/${locale}${cleanHref ? `/${cleanHref}` : ""}`;
 }
@@ -645,21 +658,45 @@ function useTheme() {
 //#endregion
 //#region source/theme/ThemeToggle.tsx
 function ThemeToggle() {
-	const { resolvedTheme, setTheme } = useTheme();
+	const { theme, setTheme } = useTheme();
 	const t = useBuiltInText();
-	const otherTheme = resolvedTheme === "dark" ? "light" : "dark";
+	const nextTheme = getNextTheme(theme);
+	const label = getThemeLabel(nextTheme, t);
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		className: "clarify-theme-toggle relative flex size-8 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition hover:bg-(--clarify-ui-hover-background)",
-		"aria-label": otherTheme === "dark" ? t("theme.switchToDark") : t("theme.switchToLight"),
-		onClick: () => setTheme(otherTheme),
+		"aria-label": label,
+		title: label,
+		onClick: () => setTheme(nextTheme),
 		children: [
 			/* @__PURE__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }),
-			/* @__PURE__ */ jsx(Sun, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:hidden" }),
-			/* @__PURE__ */ jsx(Moon, { className: "hidden h-5 w-5 stroke-white dark:block" })
+			theme === "system" ? /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground)" }) : null,
+			theme === "light" ? /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground)" }) : null,
+			theme === "dark" ? /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5 stroke-white" }) : null
 		]
 	});
 }
+function getNextTheme(theme) {
+	if (theme === "system") return "light";
+	if (theme === "light") return "dark";
+	return "system";
+}
+function getThemeLabel(theme, t) {
+	if (theme === "dark") return t("theme.switchToDark");
+	if (theme === "light") return t("theme.switchToLight");
+	return t("theme.switchToSystem");
+}
+//#endregion
+//#region source/utils/localized-text.ts
+/**
+* Resolve a localized text value for the given locale.
+* Falls back to the fallback locale, then the first available value,
+* then an empty string.
+*/
+function resolveLocalizedText(text, locale, fallbackLocale) {
+	if (typeof text === "string") return text;
+	return (locale ? text[locale] : void 0) ?? (fallbackLocale ? text[fallbackLocale] : void 0) ?? Object.values(text)[0] ?? "";
+}
 //#endregion
 //#region source/utils/path.ts
 function normalizeRoutePath(path) {
@@ -1038,7 +1075,6 @@ function isActiveTab$1(tab, pathname) {
 function MobileTabsSelect(arg0) {
 	const { tabs } = arg0;
 	const pathname = normalizeRoutePath(useLocation().pathname);
-	const { close } = useMobileNavigationStore();
 	if (!tabs?.length) return null;
 	const activeTab = tabs.find((tab) => isActiveTab$1(tab, pathname)) ?? tabs[0];
 	return /* @__PURE__ */ jsxs(Menu, {
@@ -1062,7 +1098,6 @@ function MobileTabsSelect(arg0) {
 				const active = isActiveTab$1(tab, pathname);
 				return /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs(Link, {
 					to: tab.path,
-					onClick: close,
 					className: clsx("clarify-mobile-tabs-select-item clarify-ui-menu-item flex items-center justify-between gap-3 rounded-(--clarify-theme-tokens-radius-lg) px-3 py-2.5 no-underline transition", active && "clarify-ui-menu-item-active"),
 					"aria-current": active ? "page" : void 0,
 					children: [/* @__PURE__ */ jsxs("span", {
@@ -1124,7 +1159,7 @@ function MobileNavigation(arg0) {
 		value: true,
 		children: [/* @__PURE__ */ jsxs("button", {
 			type: "button",
-			className: "clarify-mobile-navigation-button clarify-ui-icon-button relative flex size-6 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition",
+			className: "clarify-mobile-navigation-button clarify-ui-icon-button relative flex size-8 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition",
 			"aria-label": t("navigation.toggle"),
 			onClick: toggle,
 			children: [/* @__PURE__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ jsx(ToggleIcon, { className: "h-4 w-4 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
@@ -1187,48 +1222,21 @@ var pagefindPromises = /* @__PURE__ */ new Map();
 function pagefindCacheKey(routePrefix, locale) {
 	return `${routePrefix || "/"}:${locale || "default"}`;
 }
-function logSearchDebug(message, data) {
-	if (typeof window === "undefined") return;
-	console.info(`[clarify:search] ${message}`, data ?? "");
-}
 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) {
-		logSearchDebug("reuse Pagefind instance promise", {
-			cacheKey,
-			language,
-			routePrefix
-		});
-		return cachedPagefind;
-	}
-	const pagefindUrl = prefixHref("/pagefind/pagefind.js", routePrefix);
-	logSearchDebug("create Pagefind instance promise", {
-		cacheKey,
-		language,
-		pagefindUrl,
-		routePrefix
-	});
+	if (cachedPagefind) return cachedPagefind;
 	const pagefindPromise = import(
 		/* @vite-ignore */
-		pagefindUrl
+		prefixHref("/pagefind/pagefind.js", routePrefix)
 ).then(async (module) => {
 		const previousLanguage = document.documentElement.lang;
 		if (language) document.documentElement.lang = language;
-		logSearchDebug("create Pagefind instance", {
-			cacheKey,
-			detectedLanguage: document.documentElement.lang,
-			previousLanguage
-		});
 		const pagefind = module.createInstance();
 		if (previousLanguage && previousLanguage !== language) document.documentElement.lang = previousLanguage;
 		await pagefind.init?.();
-		logSearchDebug("Pagefind instance ready", {
-			cacheKey,
-			language
-		});
 		return pagefind;
 	}).catch((error) => {
 		pagefindPromises.delete(cacheKey);
@@ -1405,24 +1413,8 @@ function SearchDialog(arg0) {
 	]);
 	useEffect(() => {
 		let cancelled = false;
-		logSearchDebug("locale or route prefix changed; reload Pagefind", {
-			currentLocale,
-			routePrefix,
-			documentLanguage: document.documentElement.lang
-		});
 		loadPagefind(routePrefix, currentLocale).then((loadedPagefind) => {
-			if (cancelled) {
-				logSearchDebug("ignore stale Pagefind load", {
-					currentLocale,
-					routePrefix
-				});
-				return;
-			}
-			logSearchDebug("Pagefind load applied", {
-				currentLocale,
-				routePrefix,
-				available: Boolean(loadedPagefind)
-			});
+			if (cancelled) return;
 			setPagefindState({
 				key: pagefindKey,
 				pagefind: loadedPagefind,
@@ -1431,10 +1423,6 @@ function SearchDialog(arg0) {
 		});
 		return () => {
 			cancelled = true;
-			logSearchDebug("cancel Pagefind load effect", {
-				currentLocale,
-				routePrefix
-			});
 		};
 	}, [
 		currentLocale,
@@ -1447,22 +1435,12 @@ function SearchDialog(arg0) {
 		Promise.resolve().then(async () => {
 			if (cancelled) return;
 			try {
-				logSearchDebug("run Pagefind search", {
-					currentLocale,
-					query: trimmedQuery,
-					routePrefix
-				});
 				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;
-				logSearchDebug("Pagefind search results", {
-					currentLocale,
-					query: trimmedQuery,
-					count: data.length
-				});
 				setFullTextState({
 					key: fullTextKey,
 					results: data.map(({ id, data }) => ({
@@ -1644,7 +1622,7 @@ function MobileSearch(arg0) {
 		className: "clarify-mobile-search contents lg:hidden",
 		children: [/* @__PURE__ */ jsxs("button", {
 			type: "button",
-			className: "clarify-mobile-search-button clarify-ui-control relative flex size-6 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition lg:hidden",
+			className: "clarify-mobile-search-button clarify-ui-control relative flex size-8 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition lg:hidden",
 			"aria-label": t("search.placeholder"),
 			...buttonProps,
 			children: [/* @__PURE__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ jsx(Search, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
@@ -1692,10 +1670,6 @@ function SiteLogo(arg0) {
 }
 //#endregion
 //#region source/shell/Header.tsx
-function resolveLocalizedText(text, locale, fallbackLocale) {
-	if (typeof text === "string") return text;
-	return (locale ? text[locale] : void 0) ?? (fallbackLocale ? text[fallbackLocale] : void 0) ?? Object.values(text)[0] ?? "";
-}
 function localizedRoutePath(config, locale, route) {
 	const alternatePath = route?.alternates?.[locale];
 	if (alternatePath) return alternatePath;
@@ -1715,7 +1689,7 @@ function LanguageSwitcher(arg0) {
 		as: "div",
 		className: "clarify-language-switcher relative",
 		children: [/* @__PURE__ */ jsxs(MenuButton, {
-			className: "clarify-language-switcher-button clarify-ui-control flex h-7 items-center gap-1.5 rounded-(--clarify-theme-tokens-radius-md) px-1.5 transition",
+			className: "clarify-language-switcher-button clarify-ui-control flex h-8 items-center gap-1.5 rounded-(--clarify-theme-tokens-radius-md) px-1.5 transition",
 			"aria-label": t("language.switch"),
 			children: [
 				/* @__PURE__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }),
@@ -1979,6 +1953,6 @@ function PageTitleActions() {
 	});
 }
 //#endregion
-export { OpenApisContext as A, isExternalHref as C, useBuiltInText as D, copyTextToClipboard as E, useLocale as M, useOpenApis as N, ConfigContext as O, themeCookieName as S, prefixHref as T, getStoredThemePreference as _, safeDecodeURIComponent as a, storeLocalePreference as b, remToPx as c, isSameRoutePath as d, normalizeRoutePath as f, getStoredLocalePreference as g, useTheme as h, Navigation as i, useConfig as j, LocaleContext as k, lucideIconRegistry as l, ThemeProvider as m, PageTitleActions as n, SectionProvider as o, ThemeToggle as p, Header as r, useSectionStore as s, PageActionsProvider as t, resolveLucideIconName as u, localeCookieName as v, localizeHref as w, storeThemePreference as x, readLocaleCookie as y };
+export { LocaleContext as A, themeCookieName as C, copyTextToClipboard as D, prefixHref as E, useConfig as M, useLocale as N, useBuiltInText as O, useOpenApis as P, storeThemePreference as S, localizeHref as T, getStoredLocalePreference as _, safeDecodeURIComponent as a, readLocaleCookie as b, remToPx as c, isSameRoutePath as d, normalizeRoutePath as f, useTheme as g, ThemeProvider as h, Navigation as i, OpenApisContext as j, ConfigContext as k, lucideIconRegistry as l, ThemeToggle as m, PageTitleActions as n, SectionProvider as o, resolveLocalizedText as p, Header as r, useSectionStore as s, PageActionsProvider as t, resolveLucideIconName as u, getStoredThemePreference as v, isExternalHref as w, storeLocalePreference as x, localeCookieName as y };
 
-//# sourceMappingURL=PageActions-yoDRjkq8.js.map
+//# sourceMappingURL=PageActions-BwY7ierv.js.map