@vited/theme-mantine 0.1.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.2.0 - 2026-10-28
+
+### Changed
+
+- Require React 19.2 or newer to match Mantine 9's peer requirements.
+
 ## 0.1.0 - 2026-10-27
 
 Initial release.

package/dist/index.mjs

@@ -34,11 +34,7 @@ themeI18n.use(initReactI18next).init({
 			github: "GitHub",
 			donate: "Donate",
 			copy: "Copy",
-			copied: "Copied",
-			locales: {
-				en: "English",
-				zh: "简体中文"
-			}
+			copied: "Copied"
 		} },
 		zh: { translation: {
 			language: "语言",
@@ -54,11 +50,7 @@ themeI18n.use(initReactI18next).init({
 			github: "GitHub",
 			donate: "赞助",
 			copy: "复制",
-			copied: "已复制",
-			locales: {
-				en: "English",
-				zh: "简体中文"
-			}
+			copied: "已复制"
 		} }
 	},
 	interpolation: { escapeValue: false },
@@ -72,7 +64,9 @@ function getProjectLinks(packageJSON = {}) {
 	};
 }
 function getGitHubRepositoryUrl(repository) {
-	const repositoryUrl = typeof repository === "string" ? repository : isRecord(repository) && typeof repository.url === "string" ? repository.url : void 0;
+	let repositoryUrl;
+	if (typeof repository === "string") repositoryUrl = repository;
+	else if (isRecord(repository) && typeof repository.url === "string") repositoryUrl = repository.url;
 	if (!repositoryUrl) return void 0;
 	let normalized = repositoryUrl.trim().replace(/^git\+/, "");
 	const shorthand = normalized.match(/^github:([^/]+\/[^/]+)$/i);
@@ -80,7 +74,7 @@ function getGitHubRepositoryUrl(repository) {
 	const ssh = normalized.match(/^(?:git@github\.com:|ssh:\/\/git@github\.com\/)([^/]+\/[^/]+)$/i);
 	if (ssh) normalized = `https://github.com/${ssh[1]}`;
 	try {
-		const url = new URL(normalized);
+		const url = new globalThis.URL(normalized);
 		if (url.protocol !== "https:" && url.protocol !== "http:") return void 0;
 		if (url.hostname.toLowerCase() !== "github.com") return void 0;
 		const [owner, repositoryName] = url.pathname.split("/").filter(Boolean);
@@ -98,10 +92,12 @@ function getFundingUrl(funding) {
 		}
 		return;
 	}
-	const value = typeof funding === "string" ? funding : isRecord(funding) && typeof funding.url === "string" ? funding.url : void 0;
+	let value;
+	if (typeof funding === "string") value = funding;
+	else if (isRecord(funding) && typeof funding.url === "string") value = funding.url;
 	if (!value) return void 0;
 	try {
-		const url = new URL(value);
+		const url = new globalThis.URL(value);
 		return url.protocol === "https:" || url.protocol === "http:" ? url.href : void 0;
 	} catch {
 		return;
@@ -147,7 +143,7 @@ function removeBase(pathname, base) {
 function createPageSearch(documents) {
 	const indexedDocuments = documents.map((document) => ({
 		document,
-		cjkContent: `${document.title}${document.content}`.replace(/[^\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/gu, "")
+		cjkContent: `${document.title}${document.content}`.replaceAll(/[^\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/gu, "")
 	}));
 	const fuse = new Fuse(indexedDocuments, {
 		keys: [
@@ -195,13 +191,14 @@ const codeHighlightAdapter = createShikiAdapter(() => createHighlighter({
 	]
 }), { resolveLanguage: (language) => {
 	const normalizedLanguage = language.toLowerCase();
-	return normalizedLanguage in bundledLanguages ? bundledLanguages[normalizedLanguage] : null;
+	return normalizedLanguage in bundledLanguages ? bundledLanguages[normalizedLanguage] : void 0;
 } });
+const emptyLocales = [];
 function findPage(pages, pathname, locale) {
 	return pages.find((page) => page.path === pathname && page.locale === locale) ?? pages.find((page) => page.path === pathname) ?? pages[0];
 }
-function ThemeApp({ pages, title = "", description = "", supportedLocales = [], baseURL = "/", menu, searchIndex = [], packageJSON = {} }) {
-	const locales = supportedLocales.length > 0 ? supportedLocales : [...new Set(pages.map((item) => item.locale))];
+function ThemeApp({ pages, title = "", description = "", supportedLocales = emptyLocales, menu, searchIndex = [], packageJSON = {} }) {
+	const locales = useMemo(() => supportedLocales.length > 0 ? supportedLocales : [...new Set(pages.map((item) => item.locale))], [pages, supportedLocales]);
 	const [pathname, navigate] = useLocation();
 	const route = resolveLocalizedRoute(pathname, locales);
 	const locale = route.locale;
@@ -248,13 +245,13 @@ function ThemeApp({ pages, title = "", description = "", supportedLocales = [],
 		onNavigate: () => setMobileOpened(false)
 	});
 	useEffect(() => {
-		document.documentElement.lang = locale;
+		globalThis.document.documentElement.lang = locale;
 		i18n.changeLanguage(locale);
 	}, [i18n, locale]);
 	function changeLocale(nextLocale) {
 		if (!nextLocale) return;
 		const localizedPath = makeLocalizedPath("/", route.pathname, nextLocale, locales);
-		const url = new URL(window.location.href);
+		const url = new globalThis.URL(globalThis.location.href);
 		url.searchParams.delete("lang");
 		navigate(`${localizedPath}${url.search}${url.hash}`);
 	}
@@ -294,7 +291,7 @@ function ThemeApp({ pages, title = "", description = "", supportedLocales = [],
 							lineClamp: 1,
 							visibleFrom: "sm",
 							children: description
-						}) : null]
+						}) : void 0]
 					})]
 				}), /* @__PURE__ */ jsxs(Group, {
 					gap: "xs",
@@ -321,7 +318,7 @@ function ThemeApp({ pages, title = "", description = "", supportedLocales = [],
 								size: "sm",
 								children: t("search")
 							})
-						}) : null,
+						}) : void 0,
 						projectLinks.github ? /* @__PURE__ */ jsx(Tooltip, {
 							label: t("github"),
 							withArrow: true,
@@ -335,7 +332,7 @@ function ThemeApp({ pages, title = "", description = "", supportedLocales = [],
 								"aria-label": t("github"),
 								children: /* @__PURE__ */ jsx(GithubLogo, { size: 20 })
 							})
-						}) : null,
+						}) : void 0,
 						projectLinks.funding ? /* @__PURE__ */ jsx(Tooltip, {
 							label: t("donate"),
 							withArrow: true,
@@ -352,19 +349,19 @@ function ThemeApp({ pages, title = "", description = "", supportedLocales = [],
 									color: "red"
 								})
 							})
-						}) : null,
+						}) : void 0,
 						locales.length > 1 ? /* @__PURE__ */ jsx(Select, {
 							"aria-label": t("language"),
 							data: locales.map((item) => ({
 								value: item,
-								label: t(`locales.${item}`, { defaultValue: item })
+								label: new Intl.DisplayNames([item], { type: "language" }).of(item) ?? item
 							})),
 							value: locale,
 							onChange: changeLocale,
 							allowDeselect: false,
 							w: 120,
 							size: "sm"
-						}) : null,
+						}) : void 0,
 						/* @__PURE__ */ jsx(ActionIcon, {
 							variant: "default",
 							size: "lg",
@@ -424,7 +421,7 @@ function ThemeApp({ pages, title = "", description = "", supportedLocales = [],
 				shortcut: "mod + K",
 				highlightQuery: true,
 				limit: 8
-			}) : null
+			}) : void 0
 		]
 	});
 }
@@ -448,7 +445,7 @@ function PageNavigation({ pages, locales, activePath, locale, onNavigate }) {
 	const nodes = [];
 	for (const page of pages) {
 		let level = nodes;
-		const segments = page.path.split("/").filter(Boolean).map(decodeURIComponent);
+		const segments = page.path.split("/").filter(Boolean).map((segment) => decodeURIComponent(segment));
 		if (segments.length === 0) {
 			level.push({
 				key: `${page.locale}:${page.path}`,
@@ -491,7 +488,7 @@ function renderPageNavigationNodes(nodes, props) {
 			active: node.page?.path === props.activePath,
 			defaultOpened: node.children.some((child) => child.page?.path === props.activePath || props.activePath?.startsWith(`${child.key}/`)),
 			component: node.page ? "a" : "button",
-			children: node.children.length > 0 ? renderPageNavigationNodes(node.children, props) : null
+			children: node.children.length > 0 ? renderPageNavigationNodes(node.children, props) : void 0
 		});
 		return node.page ? /* @__PURE__ */ jsx(Link, {
 			to: makeLocalizedPath("/", node.page.path, props.locale, props.locales),
@@ -519,7 +516,7 @@ function MenuItems({ entries, locales, locale, activePath, onNavigate }) {
 				locale,
 				activePath,
 				onNavigate
-			}) : null
+			}) : void 0
 		});
 		return entry.path ? /* @__PURE__ */ jsx(Link, {
 			to: href,
@@ -547,22 +544,23 @@ function getLocalizedPages(pages, locales) {
 	return routes;
 }
 function getSearchShortcut() {
-	return typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform) ? "⌘ K" : "Ctrl + K";
+	return globalThis.navigator !== void 0 && /Mac|iPhone|iPad|iPod/.test(globalThis.navigator.platform) ? "⌘ K" : "Ctrl + K";
 }
 function humanize(value) {
-	return decodeURIComponent(value).replace(/[-_]/g, " ");
+	return decodeURIComponent(value).replaceAll(/[-_]/g, " ");
 }
 function MarkdownHtml({ html = "" }) {
-	return /* @__PURE__ */ jsx(Fragment$1, { children: parse(html, { replace(node) {
-		if (!(node instanceof Element) || node.name !== "pre") return;
-		const codeNode = node.children.find((child) => child instanceof Element && child.name === "code");
-		if (!codeNode) return;
-		const code = codeNode.children.map(getHtmlText).join("");
-		return /* @__PURE__ */ jsx(MarkdownCodeBlock, { children: /* @__PURE__ */ jsx("code", {
-			className: codeNode.attribs.class,
-			children: code
-		}) });
-	} }) });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: parse(html, { replace: replaceMarkdownHtmlNode }) });
+}
+function replaceMarkdownHtmlNode(node) {
+	if (!(node instanceof Element) || node.name !== "pre") return;
+	const codeNode = node.children.find((child) => child instanceof Element && child.name === "code");
+	if (!codeNode) return;
+	const code = codeNode.children.map(getHtmlText).join("");
+	return /* @__PURE__ */ jsx(MarkdownCodeBlock, { children: /* @__PURE__ */ jsx("code", {
+		className: codeNode.attribs.class,
+		children: code
+	}) });
 }
 function MarkdownCodeBlock({ children }) {
 	const { t } = useTranslation();
@@ -587,7 +585,7 @@ function getHtmlText(node) {
 }
 function getReactText(node) {
 	if (typeof node === "string" || typeof node === "number") return String(node);
-	if (Array.isArray(node)) return node.map(getReactText).join("");
+	if (Array.isArray(node)) return node.map((child) => getReactText(child)).join("");
 	if (isValidElement(node)) return getReactText(node.props.children);
 	return "";
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vited/theme-mantine",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Mantine React theme for Vited documentation sites",
   "keywords": [
     "documentation",
@@ -16,12 +16,14 @@
   "license": "MPL-2.0",
   "author": {
     "name": "Guo Yunhe",
-    "email": "i@guoyunhe.me"
+    "email": "i@guoyunhe.me",
+    "url": "https://guoyunhe.me/"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vitedjs/theme-mantine.git"
   },
+  "funding": "https://ko-fi.com/guoyunhe",
   "files": [
     "dist",
     "CHANGELOG.md",
@@ -38,8 +40,8 @@
     }
   },
   "dependencies": {
-    "@mantine/core": "^9.7.4",
     "@mantine/code-highlight": "^9.7.4",
+    "@mantine/core": "^9.7.4",
     "@mantine/spotlight": "^9.7.4",
     "@phosphor-icons/react": "^2.1.10",
     "fuse.js": "^7.5.0",
@@ -53,25 +55,25 @@
     "@guoyunhe/editorconfig": "^0.3.0",
     "@guoyunhe/oxfmt-config": "^1.1.0",
     "@mantine/core": "^9.7.4",
-    "@types/node": "^22.15.30",
-    "@types/react": "^19.1.0",
+    "@types/node": "^22.20.5",
+    "@types/react": "^19.3.0",
     "@vited/cli": "link:../cli",
     "@vited/core": "link:../core",
     "husky": "^9.1.7",
     "lint-staged": "^17.6.0",
     "oxfmt": "^0.74.0",
-    "oxlint": "^1.89.0",
-    "oxlint-config-recommended": "^1.1.0",
+    "oxlint": "^1.90.0",
+    "oxlint-config-recommended": "^1.2.1",
     "react": "^19.3.1",
     "stylelint": "^17.16.0",
     "stylelint-config-standard": "^40.0.0",
-    "tsdown": "^0.23.2",
-    "typescript": "^5.8.3",
+    "tsdown": "^0.23.3",
+    "typescript": "^5.9.3",
     "vitest": "^5.0.5"
   },
   "peerDependencies": {
-    "react": "^18.3.0 || ^19.0.0",
-    "@vited/core": "^0.1.0"
+    "@vited/core": "^0.1.0",
+    "react": "^19.2.0"
   },
   "lint-staged": {
     "*.{js,mjs,cjs,ts,mts,cts,jsx,tsx,vue}": [
@@ -87,18 +89,18 @@
   "devEngines": {
     "packageManager": {
       "name": "pnpm",
-      "version": ">=12.14.0",
+      "version": ">=12.16.1",
       "onFail": "error"
     }
   },
   "engines": {
-    "node": "^20.19.0 || >=22.12.0"
+    "node": "^22.0.0 || ^24.0.0 || ^26.0.0 || >=27.0.0"
   },
   "scripts": {
     "build": "tsdown",
     "format": "oxfmt --write .",
     "format:check": "oxfmt --check .",
-    "lint": "oxlint && stylelint \"**/*.css\"",
+    "lint": "oxlint && stylelint --allow-empty-input \"**/*.css\"",
     "test": "vitest run",
     "test:watch": "vitest"
   }