UNPKG

vuepress-theme-plume

Version:

A Blog&Document Theme for VuePress 2.0

1,747 lines 55.7 kB
import { hasOwn, tryOnScopeDispose, useDark, useEventListener, useLocalStorage, useMediaQuery, useSessionStorage, useThrottleFn, watchDebounced } from "@vueuse/core";
import { computed, customRef, inject, nextTick, onMounted, onUnmounted, onUpdated, provide, readonly, ref, toValue, watch, watchEffect } from "vue";
import { sidebar } from "@internal/sidebar";
import { ensureLeadingSlash, isArray, isLinkExternal, isLinkWithProtocol, isPlainObject, isString, removeLeadingSlash } from "@vuepress/helper/client";
import { clientDataSymbol, onContentUpdated, resolveRoute, resolveRouteFullPath, usePageData, usePageFrontmatter, usePageLang, useRoute, useRouteLocale, useRouter, useSiteLocaleData } from "vuepress/client";
import { inBrowser, isActive, normalizeLink, normalizePrefix, resolveEditLink, resolveNavLink, toArray } from "../utils/index.js";
import { themeData as themeData$1 } from "@internal/themePlumeData";
import { compare, genSaltSync } from "bcrypt-ts/browser";
import { encrypt as encrypt$1 } from "@internal/encrypt";
import { blogPostData as blogPostData$1 } from "@internal/blogData";
import { articleTagColors } from "@internal/articleTagColors";
import { useContributors as useContributors$1 } from "@vuepress/plugin-git/client";
import { isPlainObject as isPlainObject$1, isString as isString$1, removeLeadingSlash as removeLeadingSlash$1 } from "vuepress/shared";
import { icons } from "@internal/iconify";
import { defineWatermarkConfig } from "@vuepress/plugin-watermark/client";

//#region src/client/composables/theme-data.ts
const themeLocaleDataSymbol = Symbol(__VUEPRESS_DEV__ ? "themeLocaleData" : "");
const themeData = ref(themeData$1);
function useThemeData() {
	return themeData;
}
if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) __VUE_HMR_RUNTIME__.updateThemeData = (data) => {
	themeData.value = data;
};
function useThemeLocaleData() {
	const themeLocaleData = inject(themeLocaleDataSymbol);
	if (!themeLocaleData) throw new Error("useThemeLocaleData() is called without provider.");
	return themeLocaleData;
}
/**
* Merge the locales fields to the root fields
* according to the route path
*/
function resolveThemeLocaleData(theme, routeLocale) {
	const { locales,...baseOptions } = theme;
	return {
		...baseOptions,
		...locales?.[routeLocale]
	};
}
function setupThemeData(app) {
	const themeData$2 = useThemeData();
	const clientData = app._context.provides[clientDataSymbol];
	const themeLocaleData = computed(() => resolveThemeLocaleData(themeData$2.value, clientData.routeLocale.value));
	app.provide(themeLocaleDataSymbol, themeLocaleData);
	Object.defineProperties(app.config.globalProperties, {
		$theme: { get() {
			return themeData$2.value;
		} },
		$themeLocale: { get() {
			return themeLocaleData.value;
		} }
	});
}

//#endregion
//#region src/client/composables/dark-mode.ts
const darkModeSymbol = Symbol(__VUEPRESS_DEV__ ? "darkMode" : "");
function enableTransitions() {
	if (typeof document === "undefined") return false;
	return "startViewTransition" in document && window.matchMedia("(prefers-reduced-motion: no-preference)").matches;
}
function setupDarkMode(app) {
	const theme = useThemeData();
	const transition = theme.value.transition;
	const disableTransition = enableTransitions() || (typeof transition === "object" ? transition.appearance === false : transition === false);
	const appearance = theme.value.appearance;
	const isDark = appearance === "force-dark" ? ref(true) : appearance ? useDark({
		storageKey: "vuepress-theme-appearance",
		attribute: "data-theme",
		valueLight: "light",
		valueDark: "dark",
		disableTransition,
		initialValue: () => typeof appearance === "string" ? appearance : "auto",
		...typeof appearance === "object" ? appearance : {}
	}) : ref(false);
	app.provide(darkModeSymbol, isDark);
	if (__VUEPRESS_DEV__ && appearance === "force-dark" && typeof document !== "undefined") document.documentElement.dataset.theme = "dark";
	Object.defineProperty(app.config.globalProperties, "$isDark", { get: () => isDark });
	useEventListener("beforeprint", () => {
		if (isDark.value) document.documentElement.dataset.theme = "light";
	});
	useEventListener("afterprint", () => {
		if (isDark.value) document.documentElement.dataset.theme = "dark";
	});
}
/**
* Inject dark mode global computed
*/
function useDarkMode() {
	const isDarkMode = inject(darkModeSymbol);
	if (!isDarkMode) throw new Error("useDarkMode() is called without provider.");
	return isDarkMode;
}

//#endregion
//#region src/client/composables/data.ts
function useData() {
	const themeData$2 = useThemeData();
	const theme = useThemeLocaleData();
	const page = usePageData();
	const frontmatter = usePageFrontmatter();
	const site = useSiteLocaleData();
	const isDark = useDarkMode();
	const lang = usePageLang();
	const blog = computed(() => themeData$2.value.blog || {});
	return {
		theme,
		page,
		frontmatter,
		lang,
		site,
		isDark,
		blog
	};
}

//#endregion
//#region src/client/composables/encrypt-data.ts
const encrypt = ref(resolveEncryptData(encrypt$1));
function useEncryptData() {
	return encrypt;
}
function resolveEncryptData([global, separator, admin, matches, rules]) {
	return {
		global,
		separator,
		matches,
		admins: admin.split(separator),
		ruleList: Object.keys(rules).map((key) => ({
			key,
			match: matches[key],
			rules: rules[key].split(separator)
		}))
	};
}
if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) __VUE_HMR_RUNTIME__.updateEncrypt = (data) => {
	encrypt.value = resolveEncryptData(data);
};

//#endregion
//#region src/client/composables/encrypt.ts
const EncryptSymbol = Symbol(__VUEPRESS_DEV__ ? "Encrypt" : "");
const storage = useSessionStorage("2a0a3d6afb2fdf1f", () => {
	if (__VUEPRESS_SSR__) return {
		s: ["", ""],
		g: "",
		p: {}
	};
	return {
		s: [genSaltSync(10), genSaltSync(10)],
		g: "",
		p: {}
	};
});
function mergeHash(hash) {
	const [left, right] = storage.value.s;
	return left + hash + right;
}
function splitHash(hash) {
	const [left, right] = storage.value.s;
	if (!hash.startsWith(left) || !hash.endsWith(right)) return "";
	return hash.slice(left.length, hash.length - right.length);
}
const compareCache = /* @__PURE__ */ new Map();
async function compareDecrypt(content, hash, separator = ":") {
	const key = [content, hash].join(separator);
	if (compareCache.has(key)) return compareCache.get(key);
	try {
		const result = await compare(content, hash);
		compareCache.set(key, result);
		return result;
	} catch {
		compareCache.set(key, false);
		return false;
	}
}
const matchCache = /* @__PURE__ */ new Map();
function createMatchRegex(match) {
	if (matchCache.has(match)) return matchCache.get(match);
	const regex = new RegExp(match);
	matchCache.set(match, regex);
	return regex;
}
function toMatch(match, pagePath, filePathRelative) {
	const relativePath = filePathRelative || "";
	if (match[0] === "^") {
		const regex = createMatchRegex(match);
		return regex.test(pagePath) || relativePath && regex.test(relativePath);
	}
	if (match.endsWith(".md")) return relativePath && relativePath.endsWith(match);
	return pagePath.startsWith(match) || relativePath.startsWith(match);
}
function setupEncrypt() {
	const { page } = useData();
	const route = useRoute();
	const encrypt$2 = useEncryptData();
	const hasPageEncrypt = computed(() => {
		const pagePath = route.path;
		const filePathRelative = page.value.filePathRelative;
		return encrypt$2.value.ruleList.length ? encrypt$2.value.matches.some((match) => toMatch(match, pagePath, filePathRelative)) : false;
	});
	const isGlobalDecrypted = computed(() => {
		if (!encrypt$2.value.global) return true;
		const hash = splitHash(storage.value.g);
		return !!hash && encrypt$2.value.admins.includes(hash);
	});
	const hashList = computed(() => {
		const pagePath = route.path;
		const filePathRelative = page.value.filePathRelative;
		return encrypt$2.value.ruleList.length ? encrypt$2.value.ruleList.filter((item) => toMatch(item.match, pagePath, filePathRelative)) : [];
	});
	const isPageDecrypted = computed(() => {
		if (!hasPageEncrypt.value) return true;
		const hash = splitHash(storage.value.p.__GLOBAL__ || "");
		if (hash && encrypt$2.value.admins.includes(hash)) return true;
		for (const { key, rules } of hashList.value) if (hasOwn(storage.value.p, key)) {
			const hash$1 = splitHash(storage.value.p[key]);
			if (hash$1 && rules.includes(hash$1)) return true;
		}
		return false;
	});
	provide(EncryptSymbol, {
		hasPageEncrypt,
		isGlobalDecrypted,
		isPageDecrypted,
		hashList
	});
}
function useEncrypt() {
	const result = inject(EncryptSymbol);
	if (!result) throw new Error("useEncrypt() is called without setup");
	return result;
}
function useEncryptCompare() {
	const encrypt$2 = useEncryptData();
	const { page } = useData();
	const route = useRoute();
	const { hashList } = useEncrypt();
	async function compareGlobal(password) {
		if (!password) return false;
		for (const admin of encrypt$2.value.admins) if (await compareDecrypt(password, admin, encrypt$2.value.separator)) {
			storage.value.g = mergeHash(admin);
			return true;
		}
		return false;
	}
	async function comparePage(password) {
		if (!password) return false;
		const pagePath = route.path;
		const filePathRelative = page.value.filePathRelative;
		let decrypted = false;
		for (const { match, key, rules } of hashList.value) if (toMatch(match, pagePath, filePathRelative)) {
			for (const rule of rules) if (await compareDecrypt(password, rule, encrypt$2.value.separator)) {
				decrypted = true;
				storage.value.p = {
					...storage.value.p,
					[key]: mergeHash(rule)
				};
				break;
			}
			if (decrypted) break;
		}
		if (!decrypted) decrypted = await compareGlobal(password);
		return decrypted;
	}
	return {
		compareGlobal,
		comparePage
	};
}

//#endregion
//#region src/client/composables/sidebar.ts
const { __auto__, __home__,...items } = sidebar;
const sidebarData = ref(items);
const autoDirSidebar = ref(__auto__);
const autoHomeData = ref(__home__);
if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) __VUE_HMR_RUNTIME__.updateSidebar = (data) => {
	const { __auto__: __auto__$1, __home__: __home__$1,...items$1 } = data;
	sidebarData.value = items$1;
	autoDirSidebar.value = __auto__$1;
	autoHomeData.value = __home__$1;
};
const sidebarSymbol = Symbol(__VUEPRESS_DEV__ ? "sidebar" : "");
function setupSidebar() {
	const { page, frontmatter } = useData();
	const routeLocale = useRouteLocale();
	const hasSidebar = computed(() => {
		return frontmatter.value.pageLayout !== "home" && frontmatter.value.pageLayout !== "friends" && frontmatter.value.sidebar !== false && frontmatter.value.layout !== "NotFound";
	});
	const sidebarData$1 = computed(() => {
		return hasSidebar.value ? getSidebar(typeof frontmatter.value.sidebar === "string" ? frontmatter.value.sidebar : page.value.path, routeLocale.value) : [];
	});
	provide(sidebarSymbol, sidebarData$1);
}
function useSidebarData() {
	const sidebarData$1 = inject(sidebarSymbol);
	if (!sidebarData$1) throw new Error("useSidebarData() is called without provider.");
	return sidebarData$1;
}
/**
* Get the `Sidebar` from sidebar option. This method will ensure to get correct
* sidebar config from `MultiSideBarConfig` with various path combinations such
* as matching `guide/` and `/guide/`. If no matching config was found, it will
* return empty array.
*/
function getSidebar(routePath, routeLocal) {
	const _sidebar = sidebarData.value[routeLocal];
	if (_sidebar === "auto") return resolveSidebarItems(autoDirSidebar.value[routeLocal]);
	else if (isArray(_sidebar)) return resolveSidebarItems(_sidebar, routeLocal);
	else if (isPlainObject(_sidebar)) {
		routePath = decodeURIComponent(routePath);
		const dir = Object.keys(_sidebar).sort((a, b) => b.split("/").length - a.split("/").length).find((dir$1) => {
			return routePath.startsWith(`${routeLocal}${removeLeadingSlash(dir$1)}`);
		}) || "";
		const sidebar$1 = dir ? _sidebar[dir] : void 0;
		if (sidebar$1 === "auto") return resolveSidebarItems(dir ? autoDirSidebar.value[dir] : [], routeLocal);
		else if (isArray(sidebar$1)) return resolveSidebarItems(sidebar$1, dir);
		else if (isPlainObject(sidebar$1)) {
			const prefix = normalizePrefix(dir, sidebar$1.prefix);
			return resolveSidebarItems(sidebar$1.items === "auto" ? autoDirSidebar.value[prefix] : sidebar$1.items, prefix);
		}
	}
	return [];
}
function resolveSidebarItems(sidebarItems, _prefix = "") {
	const resolved = [];
	sidebarItems.forEach((item) => {
		if (isString(item)) resolved.push(resolveNavLink(normalizeLink(_prefix, item)));
		else {
			const { link, items: items$1, prefix, dir,...args } = item;
			const navLink = { ...args };
			if (link) {
				navLink.link = link.startsWith("---") ? link : normalizeLink(_prefix, link);
				const nav = resolveNavLink(navLink.link);
				navLink.icon = nav.icon || navLink.icon;
				navLink.badge = nav.badge || navLink.badge;
			}
			const nextPrefix = normalizePrefix(_prefix, prefix || dir);
			if (items$1 === "auto") {
				navLink.items = resolveSidebarItems(autoDirSidebar.value[nextPrefix], nextPrefix);
				if (!navLink.link && autoHomeData.value[nextPrefix]) {
					navLink.link = normalizeLink(autoHomeData.value[nextPrefix]);
					const nav = resolveNavLink(navLink.link);
					navLink.icon = nav.icon || navLink.icon;
					navLink.badge = nav.badge || navLink.badge;
				}
			} else navLink.items = items$1?.length ? resolveSidebarItems(items$1, nextPrefix) : void 0;
			resolved.push(navLink);
		}
	});
	return resolved;
}
/**
* Get or generate sidebar group from the given sidebar items.
*/
function getSidebarGroups(sidebar$1) {
	const groups = [];
	let lastGroupIndex = 0;
	for (const index in sidebar$1) {
		const item = sidebar$1[index];
		if (item.items) {
			lastGroupIndex = groups.push(item);
			continue;
		}
		if (!groups[lastGroupIndex]) groups.push({ items: [] });
		groups[lastGroupIndex].items.push(item);
	}
	return groups;
}
/**
* Check if the given sidebar item contains any active link.
*/
function hasActiveLink(path, items$1) {
	if (Array.isArray(items$1)) return items$1.some((item) => hasActiveLink(path, item));
	return isActive(path, items$1.link ? resolveRouteFullPath(items$1.link) : void 0) ? true : items$1.items ? hasActiveLink(path, items$1.items) : false;
}
const containsActiveLink = hasActiveLink;
function useSidebar() {
	const { theme, frontmatter, page } = useData();
	const routeLocal = useRouteLocale();
	const is960 = useMediaQuery("(min-width: 960px)");
	const { isPageDecrypted } = useEncrypt();
	const isOpen = ref(false);
	const sidebarKey = computed(() => {
		const _sidebar = sidebarData.value[routeLocal.value];
		if (!_sidebar || _sidebar === "auto" || isArray(_sidebar)) return routeLocal.value;
		return Object.keys(_sidebar).sort((a, b) => b.split("/").length - a.split("/").length).find((dir) => {
			return page.value.path.startsWith(ensureLeadingSlash(dir));
		}) || "";
	});
	const sidebar$1 = useSidebarData();
	const hasSidebar = computed(() => {
		return frontmatter.value.sidebar !== false && sidebar$1.value.length > 0 && frontmatter.value.pageLayout !== "home";
	});
	const hasAside = computed(() => {
		if (frontmatter.value.pageLayout === "home" || frontmatter.value.home) return false;
		if (frontmatter.value.pageLayout === "friends" || frontmatter.value.friends) return false;
		if (!isPageDecrypted.value) return false;
		if (frontmatter.value.aside != null) return !!frontmatter.value.aside;
		return theme.value.aside !== false;
	});
	const leftAside = computed(() => {
		if (hasAside.value) return frontmatter.value.aside == null ? theme.value.aside === "left" : frontmatter.value.aside === "left";
		return false;
	});
	const isSidebarEnabled = computed(() => hasSidebar.value && is960.value);
	const sidebarGroups = computed(() => {
		return hasSidebar.value ? getSidebarGroups(sidebar$1.value) : [];
	});
	const open = () => {
		isOpen.value = true;
	};
	const close = () => {
		isOpen.value = false;
	};
	const toggle = () => {
		if (isOpen.value) close();
		else open();
	};
	return {
		isOpen,
		sidebar: sidebar$1,
		sidebarKey,
		sidebarGroups,
		hasSidebar,
		hasAside,
		leftAside,
		isSidebarEnabled,
		open,
		close,
		toggle
	};
}
/**
* a11y: cache the element that opened the Sidebar (the menu button) then
* focus that button again when Menu is closed with Escape key.
*/
function useCloseSidebarOnEscape(isOpen, close) {
	let triggerElement;
	watchEffect(() => {
		triggerElement = isOpen.value ? document.activeElement : void 0;
	});
	onMounted(() => {
		window.addEventListener("keyup", onEscape);
	});
	onUnmounted(() => {
		window.removeEventListener("keyup", onEscape);
	});
	function onEscape(e) {
		if (e.key === "Escape" && isOpen.value) {
			close();
			triggerElement?.focus();
		}
	}
}
function useSidebarControl(item) {
	const { page } = useData();
	const route = useRoute();
	const collapsed = ref(false);
	const collapsible = computed(() => {
		return item.value.collapsed != null;
	});
	const isLink = computed(() => {
		return !!item.value.link;
	});
	const isActiveLink = ref(false);
	const updateIsActiveLink = () => {
		isActiveLink.value = isActive(page.value.path, item.value.link ? resolveRouteFullPath(item.value.link) : void 0);
	};
	watch([
		() => page.value.path,
		item,
		() => route.hash
	], updateIsActiveLink);
	onMounted(updateIsActiveLink);
	const hasActiveLink$1 = computed(() => {
		if (isActiveLink.value) return true;
		return item.value.items ? containsActiveLink(page.value.path, item.value.items) : false;
	});
	const hasChildren = computed(() => {
		return !!(item.value.items && item.value.items.length);
	});
	watch(() => [collapsible.value, item.value.collapsed], (n, o) => {
		if (n[0] !== o?.[0] || n[1] !== o?.[1]) collapsed.value = !!(collapsible.value && item.value.collapsed);
	}, { immediate: true });
	watch(() => [
		page.value.path,
		isActiveLink.value,
		hasActiveLink$1.value
	], () => {
		if (isActiveLink.value || hasActiveLink$1.value) collapsed.value = false;
	}, {
		immediate: true,
		flush: "post"
	});
	const toggle = () => {
		if (collapsible.value) collapsed.value = !collapsed.value;
	};
	return {
		collapsed,
		collapsible,
		isLink,
		isActiveLink,
		hasActiveLink: hasActiveLink$1,
		hasChildren,
		toggle
	};
}
function getSidebarFirstLink(sidebar$1) {
	for (const item of sidebar$1) {
		if (item.link) return item.link;
		if (item.items) return getSidebarFirstLink(item.items);
	}
	return "";
}

//#endregion
//#region src/client/composables/aside.ts
function useAside() {
	const { hasSidebar } = useSidebar();
	const is960 = useMediaQuery("(min-width: 960px)");
	const is1280 = useMediaQuery("(min-width: 1280px)");
	const isAsideEnabled = computed(() => {
		if (!is1280.value && !is960.value) return false;
		return hasSidebar.value ? is1280.value : is960.value;
	});
	return { isAsideEnabled };
}

//#endregion
//#region src/client/composables/blog-data.ts
const blogPostData = ref(blogPostData$1);
function usePostList() {
	return blogPostData;
}
function useLocalePostList() {
	const locale = usePageLang();
	return computed(() => blogPostData.value.filter((item) => item.lang === locale.value));
}
if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) __VUE_HMR_RUNTIME__.updateBlogPostData = (data) => {
	blogPostData.value = data;
};

//#endregion
//#region src/client/composables/blog-archives.ts
function useArchives() {
	const themeData$2 = useThemeData();
	const list = useLocalePostList();
	const { theme } = useData();
	const archives = computed(() => {
		const archives$1 = [];
		const countLocale = theme.value.archiveTotalText || themeData$2.value.archiveTotalText;
		list.value.forEach((item) => {
			const createTime = item.createTime?.split(/\s|T/)[0] || "";
			const year = createTime.split("/")[0];
			let current = archives$1.find((archive) => archive.title === year);
			if (!current) {
				current = {
					title: year,
					list: [],
					label: ""
				};
				archives$1.push(current);
			}
			current.list.push({
				title: item.title,
				path: item.path,
				createTime: createTime.slice(year.length + 1).replace(/\//g, "-")
			});
		});
		archives$1.forEach((item) => {
			item.label = countLocale?.replace("{count}", item.list.length.toString()) || "";
		});
		return archives$1;
	});
	return { archives };
}

//#endregion
//#region src/client/composables/blog-category.ts
function useBlogCategory() {
	const postList = useLocalePostList();
	const categories = computed(() => {
		const list = [];
		postList.value.forEach((item) => {
			const categoryList = item.categoryList;
			if (!categoryList || categoryList.length === 0) list.push({
				type: "post",
				title: item.title,
				path: item.path
			});
			else {
				let cate = list;
				let i = 0;
				while (i < categoryList.length) {
					const { id, name, sort } = categoryList[i];
					const current = cate.find((item$1) => item$1.type === "category" && item$1.id === id);
					if (!current) {
						const items$1 = [];
						cate.push({
							type: "category",
							title: name,
							id,
							sort,
							items: items$1
						});
						cate = items$1;
					} else cate = current.items;
					i++;
				}
				cate.push({
					type: "post",
					title: item.title,
					path: item.path
				});
			}
		});
		return sortCategory(list);
	});
	return { categories };
}
function sortCategory(items$1) {
	for (const item of items$1) if (item.type === "category" && item.items.length) item.items = sortCategory(item.items);
	return items$1.sort((a, b) => {
		if (a.type === "category" && b.type === "category") return a.sort < b.sort ? -1 : 1;
		if (a.type === "category" && b.type === "post") return -1;
		if (a.type === "post" && b.type === "category") return 1;
		return 0;
	});
}

//#endregion
//#region src/client/composables/route-query.ts
const _queue = /* @__PURE__ */ new WeakMap();
function useRouteQuery(name, defaultValue, options = {}) {
	const { mode = "replace", route = useRoute(), router = useRouter(), transform = (value) => value } = options;
	if (!_queue.has(router)) _queue.set(router, /* @__PURE__ */ new Map());
	const _queriesQueue = _queue.get(router);
	let query = route.query[name];
	tryOnScopeDispose(() => {
		query = void 0;
	});
	let _trigger;
	const proxy = customRef((track, trigger) => {
		_trigger = trigger;
		return {
			get() {
				track();
				return transform(query !== void 0 ? query : toValue(defaultValue));
			},
			set(v) {
				if (query === v) return;
				query = v;
				_queriesQueue.set(name, v);
				trigger();
				nextTick(() => {
					if (_queriesQueue.size === 0) return;
					const newQueries = Object.fromEntries(_queriesQueue.entries());
					_queriesQueue.clear();
					const { query: query$1, hash, path } = route;
					router[toValue(mode)]({
						path,
						query: {
							...query$1,
							...newQueries
						},
						hash
					});
				});
			}
		};
	});
	watch(() => route.query[name], (v) => {
		query = v;
		_trigger();
	}, { flush: "sync" });
	return proxy;
}

//#endregion
//#region src/client/composables/tag-colors.ts
const tagColorsRef = ref(articleTagColors);
const useTagColors = () => tagColorsRef;
if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) __VUE_HMR_RUNTIME__.updateArticleTagColors = (data) => {
	tagColorsRef.value = data;
};

//#endregion
//#region src/client/composables/blog-tags.ts
function useTags() {
	const { blog } = useData();
	const list = useLocalePostList();
	const colors = useTagColors();
	const tags = computed(() => {
		const tagTheme = blog.value.tagsTheme ?? "colored";
		const tagMap = {};
		list.value.forEach((item) => {
			if (item.tags) toArray(item.tags).forEach((tag) => {
				if (tagMap[tag]) tagMap[tag] += 1;
				else tagMap[tag] = 1;
			});
		});
		return Object.keys(tagMap).map((tag) => ({
			name: tag,
			count: tagMap[tag] > 99 ? "99+" : tagMap[tag],
			className: colors.value[tag] ? `vp-tag-${colors.value[tag]}` : `tag-${tagTheme}`
		}));
	});
	const currentTag = useRouteQuery("tag");
	const postList = computed(() => {
		if (!currentTag.value) return [];
		return list.value.filter((item) => {
			if (item.tags) return toArray(item.tags).includes(currentTag.value);
			return false;
		}).map((item) => ({
			title: item.title,
			path: item.path,
			createTime: item.createTime.split(" ")[0].replace(/\//g, "-")
		}));
	});
	const handleTagClick = (tag) => {
		currentTag.value = tag;
	};
	return {
		tags,
		currentTag,
		postList,
		handleTagClick
	};
}

//#endregion
//#region src/client/composables/internal-link.ts
function useInternalLink() {
	const { blog, theme } = useData();
	const themeData$2 = useThemeData();
	const routeLocale = useRouteLocale();
	function resolveLink(name, link) {
		return {
			link: (routeLocale.value + link).replace(/\/+/g, "/"),
			text: theme.value[`${name}Text`] || themeData$2.value[`${name}Text`]
		};
	}
	const home = computed(() => resolveLink("home", "/"));
	const blogLink = computed(() => blog.value.postList !== false ? resolveLink("blog", blog.value.link || "blog/") : home.value);
	const tags = computed(() => blog.value.tags !== false ? resolveLink("tag", blog.value.tagsLink || "blog/tags/") : void 0);
	const archive = computed(() => blog.value.archives !== false ? resolveLink("archive", blog.value.archivesLink || "blog/archives/") : void 0);
	const categories = computed(() => blog.value.categories !== false ? resolveLink("category", blog.value.categoriesLink || "blog/categories/") : void 0);
	return {
		home,
		blog: blogLink,
		tags,
		archive,
		categories
	};
}

//#endregion
//#region src/client/composables/blog-extract.ts
function useBlogExtract() {
	const { blog } = useData();
	const postList = useLocalePostList();
	const { tags: tagsList } = useTags();
	const { categories: categoryList } = useBlogCategory();
	const links = useInternalLink();
	const hasBlogExtract = computed(() => blog.value.archives !== false || blog.value.tags !== false || blog.value.categories !== false);
	const tags = computed(() => ({
		link: links.tags.value?.link,
		text: links.tags.value?.text,
		total: tagsList.value.length
	}));
	const archives = computed(() => ({
		link: links.archive.value?.link,
		text: links.archive.value?.text,
		total: postList.value.length
	}));
	const categories = computed(() => ({
		link: links.categories.value?.link,
		text: links.categories.value?.text,
		total: getCategoriesTotal(categoryList.value)
	}));
	return {
		hasBlogExtract,
		tags,
		archives,
		categories
	};
}
function getCategoriesTotal(categories) {
	let total = 0;
	for (const category of categories) if (category.type === "category") {
		total += 1;
		if (category.items.length) total += getCategoriesTotal(category.items);
	}
	return total;
}

//#endregion
//#region src/client/composables/blog-post-list.ts
const DEFAULT_PER_PAGE = 15;
function usePostListControl(homePage) {
	const { blog } = useData();
	const list = useLocalePostList();
	const is960 = useMediaQuery("(max-width: 960px)");
	const postList = computed(() => {
		const stickyList = list.value.filter((item) => item.sticky === true || typeof item.sticky === "number");
		const otherList = list.value.filter((item) => item.sticky === void 0 || item.sticky === false);
		return [...stickyList.sort((prev, next) => {
			if (next.sticky === true && prev.sticky === true) return 0;
			return next.sticky > prev.sticky ? 1 : -1;
		}), ...otherList];
	});
	const page = useRouteQuery("p", 1, {
		mode: "push",
		transform(val) {
			const page$1 = Number(val);
			if (!Number.isNaN(page$1) && page$1 > 0) return page$1;
			return 1;
		}
	});
	const perPage = computed(() => {
		if (blog.value.pagination === false) return 0;
		if (typeof blog.value.pagination === "number") return blog.value.pagination;
		return blog.value.pagination?.perPage || DEFAULT_PER_PAGE;
	});
	const totalPage = computed(() => {
		if (blog.value.pagination === false) return 0;
		return Math.ceil(postList.value.length / perPage.value);
	});
	const isLastPage = computed(() => page.value >= totalPage.value);
	const isFirstPage = computed(() => page.value <= 1);
	const isPaginationEnabled = computed(() => blog.value.pagination !== false && totalPage.value > 1);
	const finalList = computed(() => {
		if (blog.value.pagination === false) return postList.value;
		if (postList.value.length <= perPage.value) return postList.value;
		return postList.value.slice((page.value - 1) * perPage.value, page.value * perPage.value);
	});
	const pageRange = computed(() => {
		let range = [];
		const total = totalPage.value;
		const _page = page.value;
		const per = is960.value ? 4 : 5;
		if (total <= 0) return range;
		if (total <= 10) range = Array.from({ length: total }, (_, i) => ({ value: i + 1 }));
		else {
			let i = 1;
			let hasMore = false;
			while (i <= total) {
				if (_page <= per && i <= per || _page >= total - (per - 1) && i >= total - (per - 1)) {
					hasMore = false;
					range.push({ value: i });
				} else if (i <= 2 || i >= total - 1) {
					hasMore = false;
					range.push({ value: i });
				} else if ((_page > per + 1 || _page < total - (per + 1)) && _page - i < per - 2 && i - _page < per - 2) {
					hasMore = false;
					range.push({ value: i });
				} else if (!hasMore) {
					hasMore = true;
					range.push({
						value: i,
						more: true
					});
				}
				i++;
			}
		}
		return range;
	});
	const changePage = (current) => {
		if (page.value === current) return;
		page.value = current;
		setTimeout(() => {
			let top = 0;
			if (homePage.value) {
				top = document.querySelector(".vp-blog")?.getBoundingClientRect().top || 0;
				top += window.scrollY - 64;
			}
			window.scrollTo({
				top,
				behavior: "instant"
			});
		}, 0);
	};
	return {
		postList: finalList,
		page,
		totalPage,
		pageRange,
		isLastPage,
		isFirstPage,
		isPaginationEnabled,
		changePage
	};
}

//#endregion
//#region src/client/composables/bulletin.ts
const showBulletin = ref(false);
function useBulletin() {
	const { theme } = useData();
	const bulletin = computed(() => theme.value.bulletin === true ? {} : theme.value.bulletin);
	return bulletin;
}
function useBulletinControl() {
	const session = useSessionStorage("plume:bulletin", "");
	const local = useLocalStorage("plume:bulletin", "");
	const { page } = useData();
	const bulletin = useBulletin();
	const enableBulletin = computed(() => page.value.bulletin ?? true);
	watch(() => bulletin.value?.lifetime, (lifetime) => {
		const id = bulletin.value?.id;
		if (lifetime === "session") showBulletin.value = session.value !== id;
		else if (lifetime === "once") showBulletin.value = local.value !== id;
		else showBulletin.value = true;
	}, { immediate: true });
	function close() {
		showBulletin.value = false;
		const lifetime = bulletin.value?.lifetime;
		const id = bulletin.value?.id;
		if (lifetime === "session") session.value = id;
		else if (lifetime === "once") local.value = id;
	}
	return {
		bulletin,
		enableBulletin,
		showBulletin,
		close
	};
}

//#endregion
//#region src/client/composables/contributors.ts
function useContributors() {
	const { frontmatter } = useData();
	const list = useContributors$1();
	const theme = useThemeData();
	const mode = computed(() => {
		const config = theme.value.contributors;
		if (isPlainObject$1(config)) return config.mode || "inline";
		return "inline";
	});
	const contributors = computed(() => {
		const config = frontmatter.value.contributors ?? !!theme.value.contributors;
		if (config === false) return [];
		return list.value;
	});
	const hasContributors = computed(() => contributors.value.length > 0);
	return {
		mode,
		contributors,
		hasContributors
	};
}

//#endregion
//#region src/client/composables/preset-locales.ts
const presetLocales = __PLUME_PRESET_LOCALE__;
function getPresetLocaleData(locale, name) {
	return presetLocales[locale]?.[name] || presetLocales["/"][name];
}

//#endregion
//#region src/client/composables/copyright.ts
const LICENSE_URL = {
	"CC0": {
		url: "https://creativecommons.org/publicdomain/zero/1.0/",
		icons: ["zero"]
	},
	"CC-BY-4.0": {
		url: "https://creativecommons.org/licenses/by/4.0/",
		icons: ["cc", "by"]
	},
	"CC-BY-NC-4.0": {
		url: "https://creativecommons.org/licenses/by-nc/4.0/",
		icons: [
			"cc",
			"by",
			"nc"
		]
	},
	"CC-BY-NC-SA-4.0": {
		url: "https://creativecommons.org/licenses/by-nc-sa/4.0/",
		icons: [
			"cc",
			"by",
			"nc",
			"sa"
		]
	},
	"CC-BY-NC-ND-4.0": {
		url: "https://creativecommons.org/licenses/by-nc-nd/4.0/",
		icons: [
			"cc",
			"by",
			"nc",
			"nd"
		]
	},
	"CC-BY-ND-4.0": {
		url: "https://creativecommons.org/licenses/by-nd/4.0/",
		icons: [
			"cc",
			"by",
			"nd"
		]
	},
	"CC-BY-SA-4.0": {
		url: "https://creativecommons.org/licenses/by-sa/4.0/",
		icons: [
			"cc",
			"by",
			"sa"
		]
	}
};
function useCopyright(copyright) {
	const { theme } = useData();
	const routeLocale = useRouteLocale();
	const { contributors } = useContributors();
	const hasCopyright = computed(() => Boolean(copyright.value));
	const creation = computed(() => copyright.value.creation || "original");
	const license = computed(() => resolveLicense(copyright.value.license, routeLocale.value));
	const author = computed(() => resolveAuthor(copyright.value.author, creation.value, contributors.value));
	const sourceUrl = computed(() => {
		if (creation.value === "original") {
			if (__VUEPRESS_SSR__) return "";
			const url = new URL(location.href.split("#")[0]);
			url.searchParams.delete("giscus");
			return url.toString();
		}
		return copyright.value.source;
	});
	const creationText = computed(() => {
		const creation$1 = copyright.value.creation;
		if (creation$1 === "translate") return theme.value.copyrightCreationTranslateText || "This article is translated from";
		else if (creation$1 === "reprint") return theme.value.copyrightCreationReprintText || "This article is reprint from";
		return theme.value.copyrightCreationOriginalText || "This article link: ";
	});
	return {
		license,
		author,
		hasCopyright,
		creation,
		creationText,
		sourceUrl
	};
}
function resolveLicense(license = "CC-BY-4.0", locale) {
	const result = typeof license === "string" ? { name: license } : { ...license };
	const fallback = LICENSE_URL[result.name];
	const name = getPresetLocaleData(locale, result.name);
	if (name) result.name = `${name} (${result.name})`;
	result.url ||= fallback?.url;
	result.icons = fallback?.icons;
	return result;
}
function resolveAuthor(author, creation, contributors) {
	const contributor = contributors[0];
	if (!author && contributor && creation === "original") return contributor;
	const options = typeof author === "string" ? { name: author } : author;
	if (options && !options.url) {
		const contributor$1 = contributors.find((c) => c.name === options.name);
		if (contributor$1) options.url = contributor$1.url;
	}
	return options;
}

//#endregion
//#region src/client/composables/edit-link.ts
function useEditLink() {
	const { theme, page, frontmatter } = useData();
	const themeData$2 = useThemeData();
	return computed(() => {
		const showEditLink = frontmatter.value.editLink ?? themeData$2.value.editLink ?? true;
		if (!showEditLink) return null;
		const { docsRepo, docsBranch = "main", docsDir = "" } = themeData$2.value;
		const { editLinkText } = theme.value;
		if (!docsRepo) return null;
		const editLink = resolveEditLink({
			docsRepo,
			docsBranch,
			docsDir,
			filePathRelative: page.value.filePathRelative,
			editLinkPattern: frontmatter.value.editLinkPattern ?? theme.value.editLinkPattern
		});
		if (!editLink) return null;
		return {
			text: editLinkText ?? "Edit this page",
			link: editLink
		};
	});
}

//#endregion
//#region src/client/composables/flyout.ts
const focusedElement = ref();
let active = false;
let listeners = 0;
function useFlyout(options) {
	const focus = ref(false);
	if (inBrowser) {
		if (!active) activateFocusTracking();
		listeners++;
		const unwatch = watch(focusedElement, (el) => {
			if (el === options.el.value || options.el.value?.contains(el)) {
				focus.value = true;
				options.onFocus?.();
			} else {
				focus.value = false;
				options.onBlur?.();
			}
		});
		onUnmounted(() => {
			unwatch();
			listeners--;
			if (!listeners) deactivateFocusTracking();
		});
	}
	return readonly(focus);
}
function activateFocusTracking() {
	document.addEventListener("focusin", handleFocusIn);
	active = true;
	focusedElement.value = document.activeElement;
}
function deactivateFocusTracking() {
	document.removeEventListener("focusin", handleFocusIn);
}
function handleFocusIn() {
	focusedElement.value = document.activeElement;
}

//#endregion
//#region src/client/composables/home.ts
const lightTint = {
	r: {
		value: 200,
		offset: 36
	},
	g: {
		value: 200,
		offset: 36
	},
	b: {
		value: 200,
		offset: 36
	}
};
const darkTint = {
	r: {
		value: 32,
		offset: 36
	},
	g: {
		value: 32,
		offset: 36
	},
	b: {
		value: 32,
		offset: 36
	}
};
function useHomeHeroTintPlate(canvas, enable, tintPlate) {
	const isDark = useDarkMode();
	let ctx = null;
	let t = 0;
	let timer;
	const plate = computed(() => {
		const defaultTint = isDark.value ? darkTint : lightTint;
		if (!tintPlate.value) return defaultTint;
		const plate$1 = tintPlate.value;
		if (typeof plate$1 === "string" || typeof plate$1 === "number") {
			if (isDark.value) return darkTint;
			const values = toPlate(plate$1);
			return values.length !== 3 ? lightTint : toTint(values);
		}
		if (typeof plate$1 === "object") {
			if ("r" in plate$1) {
				if (isDark.value) return darkTint;
				return toNumber({
					...lightTint,
					...plate$1
				});
			}
			const key = isDark.value ? "dark" : "light";
			if (key in plate$1) {
				const _plate = plate$1[key];
				if (typeof _plate === "string" || typeof _plate === "number") {
					const values = toPlate(_plate);
					return values.length !== 3 ? lightTint : toTint(values);
				}
				return toNumber({
					...defaultTint,
					...plate$1
				});
			}
		}
		return defaultTint;
	});
	onMounted(() => {
		if (canvas.value && enable.value) {
			ctx = canvas.value.getContext("2d");
			if (timer) window.cancelAnimationFrame(timer);
			run();
		}
	});
	onUnmounted(() => {
		if (timer) window.cancelAnimationFrame(timer);
	});
	function run() {
		for (let x = 0; x <= 35; x++) for (let y = 0; y <= 35; y++) col(x, y, R(x, y, t), G(x, y, t), B(x, y, t));
		t = t + .02;
		timer = window.requestAnimationFrame(run);
	}
	function col(x, y, r, g, b) {
		if (!ctx) return;
		ctx.fillStyle = `rgb(${r},${g},${b})`;
		ctx.fillRect(x, y, 1, 1);
	}
	function R(x, y, t$1) {
		const r = plate.value.r;
		return Math.floor(r.value + r.offset * Math.cos((x * x - y * y) / 300 + t$1));
	}
	function G(x, y, t$1) {
		const g = plate.value.g;
		return Math.floor(g.value + g.offset * Math.sin((x * x * Math.cos(t$1 / 4) + y * y * Math.sin(t$1 / 3)) / 300));
	}
	function B(x, y, t$1) {
		const b = plate.value.b;
		return Math.floor(b.value + b.offset * Math.sin(5 * Math.sin(t$1 / 9) + ((x - 100) * (x - 100) + (y - 100) * (y - 100)) / 1100));
	}
}
function toPlate(plate) {
	return typeof plate === "number" || Number(plate) === Number.parseInt(plate) ? [
		plate,
		plate,
		plate
	].map((n) => Number(n)) : plate.includes(",") ? plate.replace(/\s/g, "").split(",").map((n) => Number(n)) : [];
}
function toTint([r, g, b]) {
	return {
		r: toColor(r),
		g: toColor(g),
		b: toColor(b)
	};
}
function toColor(num) {
	const offset = 256 - num;
	return {
		value: num,
		offset: offset > 64 ? 64 : offset
	};
}
function toNumber(tint) {
	Object.keys(tint).forEach((key) => {
		const p = tint[key];
		p.value = Number(p.value);
		p.offset = Number(p.offset);
	});
	return tint;
}

//#endregion
//#region src/client/composables/icons.ts
const iconsData = ref(icons);
const useIconsData = () => iconsData;
if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) __VUE_HMR_RUNTIME__.updateIcons = (data) => {
	iconsData.value = data;
};

//#endregion
//#region src/client/composables/page.ts
function useBlogPageData() {
	const { page } = useData();
	const postList = usePostList();
	const isBlogPost = computed(() => {
		return postList.value.some((item) => item.path === page.value.path);
	});
	const isBlogLayout = computed(() => {
		const type = page.value.type;
		return type === "blog" || type === "blog-archives" || type === "blog-tags" || type === "blog-categories";
	});
	return {
		isBlogPost,
		isBlogLayout
	};
}

//#endregion
//#region src/client/composables/langs.ts
function useLangs({ removeCurrent = true } = {}) {
	const theme = useThemeData();
	const { page } = useData();
	const routeLocale = useRouteLocale();
	const { isBlogPost } = useBlogPageData();
	const currentLang = computed(() => {
		const link = routeLocale.value;
		return {
			text: theme.value.locales?.[link]?.selectLanguageName,
			link
		};
	});
	const resolvePath = (locale, url) => {
		const targetPath = normalizeLink(locale, url.slice(routeLocale.value.length));
		const { notFound, path } = resolveRoute(targetPath);
		return notFound ? void 0 : path;
	};
	const getPageLink = (locale) => {
		let path;
		if (page.value.filePathRelative) path = resolvePath(locale, `/${page.value.filePathRelative}`);
		path ??= resolvePath(locale, page.value.path);
		if (path) return path;
		const blog = theme.value.blog;
		if (isBlogPost.value && blog !== false) return normalizeLink(locale, removeLeadingSlash$1(blog?.link || "blog/"));
		const home = theme.value.home || "/";
		const fallbackResolve = resolveRoute(locale);
		return fallbackResolve.notFound ? home : fallbackResolve.path;
	};
	const localeLinks = computed(() => Object.entries(theme.value.locales || {}).flatMap(([key, locale]) => removeCurrent && currentLang.value.text === locale.selectLanguageName ? [] : {
		text: locale.selectLanguageName,
		link: getPageLink(key)
	}));
	return {
		localeLinks,
		currentLang
	};
}

//#endregion
//#region src/client/composables/latest-updated.ts
function useLastUpdated() {
	const { theme, page, frontmatter } = useData();
	const themeData$2 = useThemeData();
	const lang = usePageLang();
	const date = computed(() => page.value.git?.updatedTime ? new Date(page.value.git.updatedTime) : null);
	const isoDatetime = computed(() => date.value?.toISOString());
	const datetime = ref("");
	const lastUpdatedText = computed(() => {
		if (themeData$2.value.lastUpdated === false) return "";
		return theme.value.lastUpdatedText || "Last updated";
	});
	onMounted(() => {
		watchEffect(() => {
			if (frontmatter.value.lastUpdated === false || themeData$2.value.lastUpdated === false) return;
			datetime.value = date.value ? new Intl.DateTimeFormat(themeData$2.value.lastUpdated?.formatOptions?.forceLocale ? lang.value : void 0, themeData$2.value.lastUpdated?.formatOptions ?? {
				dateStyle: "short",
				timeStyle: "short"
			}).format(date.value) : "";
		});
	});
	return {
		datetime,
		isoDatetime,
		lastUpdatedText
	};
}

//#endregion
//#region src/client/composables/link.ts
function useLink(href, target) {
	const route = useRoute();
	const { page } = useData();
	const isExternal = computed(() => {
		const link$1 = toValue(href);
		const rawTarget = toValue(target);
		if (!link$1) return false;
		if (rawTarget === "_blank" || isLinkExternal(link$1)) return true;
		const filename = link$1.split(/[#?]/)[0]?.split("/").pop() || "";
		if (filename === "" || filename.endsWith(".html") || filename.endsWith(".md")) return false;
		return filename.includes(".");
	});
	const link = computed(() => {
		const link$1 = toValue(href);
		if (!link$1) return void 0;
		if (isExternal.value) return link$1;
		const currentPath = page.value.filePathRelative ? `/${page.value.filePathRelative}` : void 0;
		const path = resolveRouteFullPath(link$1, currentPath);
		if (path.includes("#")) {
			if (path.slice(0, path.indexOf("#")) === route.path) return path.slice(path.indexOf("#"));
		}
		return path;
	});
	const isExternalProtocol = computed(() => {
		if (!link.value || link.value[0] === "#") return false;
		return isLinkWithProtocol(link.value);
	});
	return {
		isExternal,
		isExternalProtocol,
		link
	};
}

//#endregion
//#region src/client/composables/nav.ts
function useNavbarData() {
	const { theme } = useData();
	return computed(() => resolveNavbar(theme.value.navbar || []));
}
function resolveNavbar(navbar, _prefix = "") {
	const resolved = [];
	navbar.forEach((item) => {
		if (typeof item === "string") resolved.push(resolveNavLink(normalizeLink(_prefix, item)));
		else {
			const { items: items$1, prefix,...args } = item;
			const res = { ...args };
			if ("link" in res) res.link = normalizeLink(_prefix, res.link);
			if (items$1?.length) res.items = resolveNavbar(items$1, normalizeLink(_prefix, prefix));
			resolved.push(res);
		}
	});
	return resolved;
}
function useNav() {
	const isScreenOpen = ref(false);
	function openScreen() {
		isScreenOpen.value = true;
		window.addEventListener("resize", closeScreenOnTabletWindow);
	}
	function closeScreen() {
		isScreenOpen.value = false;
		window.removeEventListener("resize", closeScreenOnTabletWindow);
	}
	function toggleScreen() {
		if (isScreenOpen.value) closeScreen();
		else openScreen();
	}
	/**
	* Close screen when the user resizes the window wider than tablet size.
	*/
	function closeScreenOnTabletWindow() {
		if (window.outerWidth >= 768) closeScreen();
	}
	const route = useRoute();
	watch(() => route.path, closeScreen);
	return {
		isScreenOpen,
		openScreen,
		closeScreen,
		toggleScreen
	};
}

//#endregion
//#region src/client/composables/outline.ts
const resolvedHeaders = [];
const headersSymbol = Symbol(__VUEPRESS_DEV__ ? "headers" : "");
function setupHeaders() {
	const { frontmatter, theme } = useData();
	const headers = ref([]);
	onContentUpdated(() => {
		headers.value = getHeaders(frontmatter.value.outline ?? theme.value.outline);
	});
	provide(headersSymbol, headers);
	return headers;
}
function useHeaders() {
	const headers = inject(headersSymbol);
	if (!headers) throw new Error("useHeaders() is called without provider.");
	return headers;
}
function getHeaders(range) {
	const headers = Array.from(document.querySelectorAll(".vp-doc :where(h1,h2,h3,h4,h5,h6):not(.vp-demo-wrapper :where(h1,h2,h3,h4,h5,h6))")).filter((el) => el.id && el.hasChildNodes()).map((el) => {
		const level = Number(el.tagName[1]);
		return {
			element: el,
			title: serializeHeader(el),
			link: `#${el.id}`,
			level
		};
	});
	return resolveHeaders(headers, range);
}
function serializeHeader(h) {
	const anchor = h.firstChild;
	const el = anchor?.firstChild;
	let ret = "";
	for (const node of Array.from(el?.childNodes ?? [])) if (node.nodeType === 1) {
		if (node.classList.contains("vp-badge") || node.classList.contains("ignore-header")) continue;
		const clone = node.cloneNode(true);
		clearHeaderNodeList(Array.from(clone.childNodes));
		ret += clone.textContent;
	} else if (node.nodeType === 3) ret += node.textContent;
	let next = anchor?.nextSibling;
	while (next) {
		if (next.nodeType === 1 || next.nodeType === 3) ret += next.textContent;
		next = next.nextSibling;
	}
	return ret.trim();
}
function clearHeaderNodeList(list) {
	if (list?.length) {
		for (const node of list) if (node.nodeType === 1) if (node.classList.contains("ignore-header")) node.remove();
		else clearHeaderNodeList(Array.from(node.childNodes));
	}
}
function resolveHeaders(headers, range) {
	if (range === false) return [];
	const levelsRange = range || 2;
	const [high, low] = typeof levelsRange === "number" ? [levelsRange, levelsRange] : levelsRange === "deep" ? [2, 6] : levelsRange;
	headers = headers.filter((h) => h.level >= high && h.level <= low);
	resolvedHeaders.length = 0;
	for (const { element, link } of headers) resolvedHeaders.push({
		element,
		link
	});
	const ret = [];
	outer: for (let i = 0; i < headers.length; i++) {
		const cur = headers[i];
		if (i === 0) ret.push(cur);
		else {
			for (let j = i - 1; j >= 0; j--) {
				const prev = headers[j];
				if (prev.level < cur.level) {
					(prev.children || (prev.children = [])).push(cur);
					continue outer;
				}
			}
			ret.push(cur);
		}
	}
	return ret;
}
function useActiveAnchor(container, marker) {
	const { isAsideEnabled } = useAside();
	const router = useRouter();
	const routeHash = ref(router.currentRoute.value.hash);
	let prevActiveLink = null;
	const setActiveLink = () => {
		if (!isAsideEnabled.value) return;
		const scrollY = Math.round(window.scrollY);
		const innerHeight = window.innerHeight;
		const offsetHeight = document.body.offsetHeight;
		const isBottom = Math.abs(scrollY + innerHeight - offsetHeight) < 1;
		const headers = resolvedHeaders.map(({ element, link }) => ({
			link,
			top: getAbsoluteTop(element)
		})).filter(({ top }) => !Number.isNaN(top)).sort((a, b) => a.top - b.top);
		if (!headers.length) {
			activateLink(null);
			return;
		}
		if (scrollY < 1) {
			activateLink(null);
			return;
		}
		if (isBottom) {
			activateLink(headers[headers.length - 1].link);
			return;
		}
		let activeLink = null;
		for (const { link, top } of headers) {
			if (top > scrollY + 80) break;
			activeLink = link;
		}
		activateLink(activeLink);
	};
	function activateLink(hash) {
		routeHash.value = hash || "";
		if (prevActiveLink) prevActiveLink.classList.remove("active");
		if (hash == null) prevActiveLink = null;
		else prevActiveLink = container.value?.querySelector(`a[href="${decodeURIComponent(hash)}"]`) ?? null;
		const activeLink = prevActiveLink;
		if (activeLink) {
			activeLink.classList.add("active");
			if (marker.value) {
				marker.value.style.top = `${activeLink.offsetTop + 39}px`;
				marker.value.style.opacity = "1";
			}
		} else if (marker.value) {
			marker.value.style.top = "33px";
			marker.value.style.opacity = "0";
		}
	}
	const onScroll = useThrottleFn(setActiveLink, 100);
	watchDebounced(routeHash, () => {
		updateHash(router, routeHash.value);
	}, { debounce: 500 });
	onMounted(() => {
		setTimeout(() => {
			setActiveLink();
			window.addEventListener("scroll", onScroll);
		}, 1e3);
	});
	onUpdated(() => {
		activateLink(location.hash);
	});
	onUnmounted(() => {
		window.removeEventListener("scroll", onScroll);
	});
}
function getAbsoluteTop(element) {
	let offsetTop = 0;
	while (element && element !== document.body) {
		if (window.getComputedStyle(element).position === "fixed") return element.offsetTop;
		offsetTop += element.offsetTop;
		element = element.offsetParent;
	}
	return element ? offsetTop : NaN;
}
/**
* Update current hash and do not trigger `scrollBehavior`
*/
async function updateHash(router, hash) {
	const { path, query } = router.currentRoute.value;
	const { scrollBehavior } = router.options;
	router.options.scrollBehavior = void 0;
	await router.replace({
		path,
		query,
		hash
	});
	router.options.scrollBehavior = scrollBehavior;
}

//#endregion
//#region src/client/composables/prev-next.ts
function usePrevNext() {
	const route = useRoute();
	const { frontmatter, theme } = useData();
	const { sidebar: sidebar$1 } = useSidebar();
	const postList = usePostList();
	const locale = usePageLang();
	const { isBlogPost } = useBlogPageData();
	const prevNavList = computed(() => {
		if (theme.value.prevPage === false) return null;
		const prevConfig = resolveFromFrontmatterConfig(frontmatter.value.prev);
		if (prevConfig !== false) return prevConfig;
		if (isBlogPost.value) return resolveFromBlogPostData(postList.value.filter((item) => item.lang === locale.value), route.path, -1);
		else return resolveFromSidebarItems(flatSidebar(sidebar$1.value), route.path, -1);
	});
	const nextNavList = computed(() => {
		if (theme.value.nextPage === false) return null;
		const nextConfig = resolveFromFrontmatterConfig(frontmatter.value.next);
		if (nextConfig !== false) return nextConfig;
		if (isBlogPost.value) return resolveFromBlogPostData(postList.value.filter((item) => item.lang === locale.value), route.path, 1);
		else return resolveFromSidebarItems(flatSidebar(sidebar$1.value), route.path, 1);
	});
	return {
		prev: prevNavList,
		next: nextNavList
	};
}
/**
* Resolve `prev` or `next` config from frontmatter
*/
function resolveFromFrontmatterConfig(conf) {
	if (conf === false) return null;
	if (isString$1(conf)) return resolveNavLink(conf);
	if (isPlainObject$1(conf)) return conf;
	return false;
}
function flatSidebar(sidebar$1, res = []) {
	for (const item of sidebar$1) {
		if (item.link) res.push({
			link: item.link,
			text: item.text || item.dir || ""
		});
		if (Array.isArray(item.items) && item.items.length) flatSidebar(item.items, res);
	}
	return res;
}
/**
* Resolve `prev` or `next` config from sidebar items
*/
function resolveFromSidebarItems(sidebarItems, currentPath, offset) {
	const index = sidebarItems.findIndex((item) => resolveRouteFullPath(item.link) === currentPath);
	if (index !== -1) {
		const targetItem = sidebarItems[index + offset];
		if (targetItem?.link) return {
			link: targetItem.link,
			text: targetItem.text
		};
	}
	return null;
}
function resolveFromBlogPostData(postList, currentPath, offset) {
	const index = postList.findIndex((item) => item.path === currentPath);
	if (index !== -1) {
		const targetItem = postList[index + offset];
		if (!targetItem?.path) return null;
		return {
			link: targetItem.path,
			text: targetItem.title
		};
	}
	return null;
}

//#endregion
//#region src/client/composables/scroll-promise.ts
let promise = null;
let promiseResolve = null;
const scrollPromise = {
	wait: () => promise,
	pending: () => {
		promise = new Promise((resolve) => promiseResolve = resolve);
	},
	resolve: () => {
		promiseResolve?.();
		promise = null;
		promiseResolve = null;
	}
};
const useScrollPromise = () => scrollPromise;

//#endregion
//#region src/client/composables/scroll-behavior.ts
function enhanceScrollBehavior(router) {
	router.options.scrollBehavior = async (to, from, savedPosition) => {
		await useScrollPromise().wait();
		if (savedPosition) return savedPosition;
		if (to.hash) return {
			el: to.hash,
			top: 64
		};
		return { top: 0 };
	};
	router.beforeEach((to, from) => {
		if (inBrowser) {
			if (from.path !== to.path) document.documentElement.classList.remove("smooth");
		}
	});
	router.afterEach(() => nextTick(() => {
		if (inBrowser) setTimeout(() => {
			document.documentElement.classList.add("smooth");
		}, 1e3);
	}));
}

//#endregion
//#region src/client/composables/watermark.ts
const FP = __PLUME_WM_FP__;
function setupWatermark() {
	const { frontmatter } = useData();
	defineWatermarkConfig(computed(() => {
		const disableFullPage = typeof frontmatter.value.watermark === "object" && frontmatter.value.watermark.fullPage === false;
		return { parent: !FP || disableFullPage ? ".vp-doc" : "body" };
	}));
}

//#endregion
export { EncryptSymbol, blogPostData, darkModeSymbol, enableTransitions, encrypt, enhanceScrollBehavior, focusedElement, getHeaders, getPresetLocaleData, getSidebar, getSidebarFirstLink, getSidebarGroups, hasActiveLink, headersSymbol, presetLocales, resolveHeaders, setupDarkMode, setupEncrypt, setupHeaders, setupSidebar, setupThemeData, setupWatermark, themeData, themeLocaleDataSymbol, useActiveAnchor, useArchives, useAside, useBlogCategory, useBlogExtract, useBlogPageData, useBulletin, useBulletinControl, useCloseSidebarOnEscape, useContributors, useCopyright, useDarkMode, useData, useEditLink, useEncrypt, useEncryptCompare, useEncryptData, useFlyout, useHeaders, useHomeHeroTintPlate, useIconsData, useInternalLink, useLangs, useLastUpdated, useLink, useLocalePostList, useNav, useNavbarData, usePostList, usePostListControl, usePrevNext, useRouteQuery, useScrollPromise, useSidebar, useSidebarControl, useSidebarData, useTagColors, useTags, useThemeData, useThemeLocaleData };