vitepress 1.4.0 → 1.4.1

package/dist/client/app/composables/head.js

@@ -64,7 +64,7 @@ function createHeadElement([tag, attrs, innerHTML]) {
     if (innerHTML) {
         el.innerHTML = innerHTML;
     }
-    if (tag === 'script' && !attrs.async) {
+    if (tag === 'script' && attrs.async == null) {
         // async is true by default for dynamically created scripts
         ;
         el.async = false;

package/dist/client/app/data.js

@@ -1,5 +1,5 @@
 import siteData from '@siteData';
-import { useDark } from '@vueuse/core';
+import { useDark, usePreferredDark } from '@vueuse/core';
 import { computed, inject, readonly, ref, shallowRef, watch } from 'vue';
 import { APPEARANCE_KEY, createTitle, inBrowser, resolveSiteDataByRoute } from '../shared';
 export const dataSymbol = Symbol();
@@ -19,13 +19,15 @@ export function initData(route) {
     const appearance = site.value.appearance; // fine with reactivity being lost here, config change triggers a restart
     const isDark = appearance === 'force-dark'
         ? ref(true)
-        : appearance
-            ? useDark({
-                storageKey: APPEARANCE_KEY,
-                initialValue: () => (appearance === 'dark' ? 'dark' : 'auto'),
-                ...(typeof appearance === 'object' ? appearance : {})
-            })
-            : ref(false);
+        : appearance === 'force-auto'
+            ? usePreferredDark()
+            : appearance
+                ? useDark({
+                    storageKey: APPEARANCE_KEY,
+                    initialValue: () => (appearance === 'dark' ? 'dark' : 'auto'),
+                    ...(typeof appearance === 'object' ? appearance : {})
+                })
+                : ref(false);
     const hashRef = ref(inBrowser ? location.hash : '');
     if (inBrowser) {
         window.addEventListener('hashchange', () => {

package/dist/client/theme-default/components/VPLocalSearchBox.vue

@@ -440,10 +440,20 @@ function formMarkRegex(terms: Set<string>) {
           <input
             ref="searchInput"
             v-model="filterText"
-            :placeholder="buttonText"
-            id="localsearch-input"
+            :aria-activedescendant="selectedIndex > -1 ? ('localsearch-item-' + selectedIndex) : undefined"
+            aria-autocomplete="both"
+            :aria-controls="results?.length ? 'localsearch-list' : undefined"
             aria-labelledby="localsearch-label"
+            autocapitalize="off"
+            autocomplete="off"
+            autocorrect="off"
             class="search-input"
+            id="localsearch-input"
+            enterkeyhint="go"
+            maxlength="64"
+            :placeholder="buttonText"
+            spellcheck="false"
+            type="search"
           />
           <div class="search-actions">
             <button
@@ -482,8 +492,9 @@ function formMarkRegex(terms: Set<string>) {
           <li
             v-for="(p, index) in results"
             :key="p.id"
-            role="option"
+            :id="'localsearch-item-' + index"
             :aria-selected="selectedIndex === index ? 'true' : 'false'"
+            role="option"
           >
             <a
               :href="p.id"

package/dist/client/theme-default/components/VPMenuLink.vue

@@ -14,12 +14,19 @@ const { page } = useData()
 <template>
   <div class="VPMenuLink">
     <VPLink
-      :class="{ active: isActive(page.relativePath, item.activeMatch || item.link, !!item.activeMatch) }"
+      :class="{
+        active: isActive(
+          page.relativePath,
+          item.activeMatch || item.link,
+          !!item.activeMatch
+        )
+      }"
       :href="item.link"
       :target="item.target"
       :rel="item.rel"
+      :no-icon="item.noIcon"
     >
-      {{ item.text }}
+      <span v-html="item.text"></span>
     </VPLink>
   </div>
 </template>
@@ -40,7 +47,9 @@ const { page } = useData()
   font-weight: 500;
   color: var(--vp-c-text-1);
   white-space: nowrap;
-  transition: background-color 0.25s, color 0.25s;
+  transition:
+    background-color 0.25s,
+    color 0.25s;
 }
 
 .link:hover {

package/dist/client/theme-default/components/VPNavBarMenuLink.vue

@@ -22,9 +22,9 @@ const { page } = useData()
       )
     }"
     :href="item.link"
-    :noIcon="item.noIcon"
     :target="item.target"
     :rel="item.rel"
+    :no-icon="item.noIcon"
     tabindex="0"
   >
     <span v-html="item.text"></span>

package/dist/client/theme-default/components/VPNavScreenMenuGroupLink.vue

@@ -16,9 +16,10 @@ const closeScreen = inject('close-screen') as () => void
     :href="item.link"
     :target="item.target"
     :rel="item.rel"
+    :no-icon="item.noIcon"
     @click="closeScreen"
   >
-    {{ item.text }}
+    <span v-html="item.text"></span>
   </VPLink>
 </template>
 

package/dist/client/theme-default/components/VPNavScreenMenuLink.vue

@@ -16,9 +16,11 @@ const closeScreen = inject('close-screen') as () => void
     :href="item.link"
     :target="item.target"
     :rel="item.rel"
+    :no-icon="item.noIcon"
     @click="closeScreen"
-    v-html="item.text"
-  />
+  >
+    <span v-html="item.text"></span>
+  </VPLink>
 </template>
 
 <style scoped>
@@ -30,7 +32,9 @@ const closeScreen = inject('close-screen') as () => void
   font-size: 14px;
   font-weight: 500;
   color: var(--vp-c-text-1);
-  transition: border-color 0.25s, color 0.25s;
+  transition:
+    border-color 0.25s,
+    color 0.25s;
 }
 
 .VPNavScreenMenuLink:hover {

package/dist/node/cli.js

@@ -1,4 +1,4 @@
-import { q as getDefaultExportFromCjs, t as c, u as clearCache, l as init, b as build, n as serve, v as version, o as createServer } from './serve-Bvg4Nr_L.js';
+import { q as getDefaultExportFromCjs, t as c, u as clearCache, l as init, b as build, n as serve, v as version, o as createServer } from './serve-4DnZ8_Si.js';
 import { createLogger } from 'vite';
 import 'path';
 import 'shiki';

package/dist/node/index.d.ts

@@ -2304,7 +2304,7 @@ interface UserConfig<ThemeConfig = any> extends LocaleSpecificConfig<ThemeConfig
      *
      * source -> destination
      */
-    rewrites?: Record<string, string>;
+    rewrites?: Record<string, string> | ((id: string) => string);
     /**
      * @experimental
      */

package/dist/node/index.js

@@ -1,7 +1,7 @@
 import { normalizePath } from 'vite';
 export { loadEnv } from 'vite';
-import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, p as postcssPrefixSelector } from './serve-Bvg4Nr_L.js';
-export { S as ScaffoldThemeType, b as build, o as createServer, a as defineConfig, e as defineConfigWithTheme, d as defineLoader, l as init, i as mergeConfig, r as resolveConfig, k as resolvePages, j as resolveSiteData, h as resolveUserConfig, s as scaffold, n as serve } from './serve-Bvg4Nr_L.js';
+import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, p as postcssPrefixSelector } from './serve-4DnZ8_Si.js';
+export { S as ScaffoldThemeType, b as build, o as createServer, a as defineConfig, e as defineConfigWithTheme, d as defineLoader, l as init, i as mergeConfig, r as resolveConfig, k as resolvePages, j as resolveSiteData, h as resolveUserConfig, s as scaffold, n as serve } from './serve-4DnZ8_Si.js';
 import path from 'path';
 import 'crypto';
 import 'module';

package/dist/node/{serve-Bvg4Nr_L.js → serve-4DnZ8_Si.js}

@@ -1,14 +1,13 @@
 import { createHash } from 'crypto';
 import { createRequire } from 'module';
-import path$1, { resolve as resolve$1, parse as parse$4, basename, join, posix as posix$2, dirname, normalize as normalize$3 } from 'path';
-import path$2, { win32, posix as posix$1 } from 'node:path';
+import path$1, { resolve as resolve$1, parse as parse$4, basename, join, posix as posix$2, dirname } from 'path';
+import path$2, { win32, posix as posix$1, resolve as resolve$2, normalize as normalize$3, join as join$1 } from 'node:path';
 import process$2, { stdin, stdout } from 'node:process';
 import { lstat as lstat$4, readdir as readdir$3, readlink, realpath } from 'node:fs/promises';
 import { fileURLToPath } from 'node:url';
 import * as fs$2 from 'node:fs';
-import fs__default$1 from 'node:fs';
-import * as fs$3 from 'fs';
-import fs__default, { realpathSync as realpathSync$1, lstatSync, readdir as readdir$2, readdirSync as readdirSync$1, readlinkSync, unlinkSync, rmdirSync, chmodSync, statSync, renameSync, rmSync } from 'fs';
+import fs__default from 'node:fs';
+import fs$3, { realpathSync as realpathSync$1, lstatSync, readdir as readdir$2, readdirSync as readdirSync$1, readlinkSync, unlinkSync, rmdirSync, chmodSync, statSync, renameSync, rmSync } from 'fs';
 import { EventEmitter } from 'node:events';
 import Stream from 'node:stream';
 import { StringDecoder } from 'node:string_decoder';
@@ -630,7 +629,7 @@ var hasRequiredGracefulFs;
 function requireGracefulFs () {
 	if (hasRequiredGracefulFs) return gracefulFs;
 	hasRequiredGracefulFs = 1;
-	var fs = fs__default;
+	var fs = fs$3;
 	var polyfills = requirePolyfills();
 	var legacy = requireLegacyStreams();
 	var clone = requireClone();
@@ -2420,7 +2419,7 @@ function requireJsonfile$1 () {
 	try {
 	  _fs = requireGracefulFs();
 	} catch (_) {
-	  _fs = fs__default;
+	  _fs = fs$3;
 	}
 	const universalify = requireUniversalify();
 	const { stringify, stripBom } = requireUtils$7();
@@ -2982,7 +2981,7 @@ function findUpSync(name, {
 		const filePath = path$2.isAbsolute(name) ? name : path$2.join(directory, name);
 
 		try {
-			const stats = fs__default$1.statSync(filePath, {throwIfNoEntry: false});
+			const stats = fs__default.statSync(filePath, {throwIfNoEntry: false});
 			if ((type === 'file' && stats?.isFile()) || (type === 'directory' && stats?.isDirectory())) {
 				return filePath;
 			}
@@ -10986,15 +10985,15 @@ const readdirSync = (path) => readdirSync$1(path, { withFileTypes: true });
 // than something like:
 // const makeCb = (res, rej) => (er, ...d) => er ? rej(er) : res(...d)
 // which would be a bit cleaner.
-const chmod$2 = (path, mode) => new Promise((res, rej) => fs__default.chmod(path, mode, (er, ...d) => (er ? rej(er) : res(...d))));
-const mkdir = (path, options) => new Promise((res, rej) => fs__default.mkdir(path, options, (er, made) => (er ? rej(er) : res(made))));
-const readdir$1 = (path) => new Promise((res, rej) => fs__default.readdir(path, { withFileTypes: true }, (er, data) => er ? rej(er) : res(data)));
-const rename$1 = (oldPath, newPath) => new Promise((res, rej) => fs__default.rename(oldPath, newPath, (er, ...d) => er ? rej(er) : res(...d)));
-const rm$1 = (path, options) => new Promise((res, rej) => fs__default.rm(path, options, (er, ...d) => (er ? rej(er) : res(...d))));
-const rmdir$3 = (path) => new Promise((res, rej) => fs__default.rmdir(path, (er, ...d) => (er ? rej(er) : res(...d))));
-const stat$1 = (path) => new Promise((res, rej) => fs__default.stat(path, (er, data) => (er ? rej(er) : res(data))));
-const lstat$3 = (path) => new Promise((res, rej) => fs__default.lstat(path, (er, data) => (er ? rej(er) : res(data))));
-const unlink$3 = (path) => new Promise((res, rej) => fs__default.unlink(path, (er, ...d) => (er ? rej(er) : res(...d))));
+const chmod$2 = (path, mode) => new Promise((res, rej) => fs$3.chmod(path, mode, (er, ...d) => (er ? rej(er) : res(...d))));
+const mkdir = (path, options) => new Promise((res, rej) => fs$3.mkdir(path, options, (er, made) => (er ? rej(er) : res(made))));
+const readdir$1 = (path) => new Promise((res, rej) => fs$3.readdir(path, { withFileTypes: true }, (er, data) => er ? rej(er) : res(data)));
+const rename$1 = (oldPath, newPath) => new Promise((res, rej) => fs$3.rename(oldPath, newPath, (er, ...d) => er ? rej(er) : res(...d)));
+const rm$1 = (path, options) => new Promise((res, rej) => fs$3.rm(path, options, (er, ...d) => (er ? rej(er) : res(...d))));
+const rmdir$3 = (path) => new Promise((res, rej) => fs$3.rmdir(path, (er, ...d) => (er ? rej(er) : res(...d))));
+const stat$1 = (path) => new Promise((res, rej) => fs$3.stat(path, (er, data) => (er ? rej(er) : res(data))));
+const lstat$3 = (path) => new Promise((res, rej) => fs$3.lstat(path, (er, data) => (er ? rej(er) : res(data))));
+const unlink$3 = (path) => new Promise((res, rej) => fs$3.unlink(path, (er, ...d) => (er ? rej(er) : res(...d))));
 const promises = {
     chmod: chmod$2,
     mkdir,
@@ -13214,7 +13213,7 @@ function requireResolveSymlink () {
 	};
 	Object.defineProperty(resolveSymlink, "__esModule", { value: true });
 	resolveSymlink.build = void 0;
-	const fs_1 = __importDefault(fs__default);
+	const fs_1 = __importDefault(fs$3);
 	const resolveSymlinksAsync = function (path, state, callback) {
 	    const { queue, options: { suppressErrors }, } = state;
 	    queue.enqueue();
@@ -13353,7 +13352,7 @@ function requireWalkDirectory () {
 	};
 	Object.defineProperty(walkDirectory, "__esModule", { value: true });
 	walkDirectory.build = void 0;
-	const fs_1 = __importDefault(fs__default);
+	const fs_1 = __importDefault(fs$3);
 	const readdirOpts = { withFileTypes: true };
 	const walkAsync = (state, directoryPath, currentDepth, callback) => {
 	    state.queue.enqueue();
@@ -16553,21 +16552,33 @@ function pathToRegexp(path, keys, options) {
 }
 
 function resolveRewrites(pages, userRewrites) {
-  const rewriteRules = Object.entries(userRewrites || {}).map(([from, to]) => ({
-    toPath: compile$1(`/${to}`, { validate: false }),
-    matchUrl: match(from.startsWith("^") ? new RegExp(from) : from)
-  }));
   const pageToRewrite = {};
   const rewriteToPage = {};
-  if (rewriteRules.length) {
+  if (typeof userRewrites === "function") {
     for (const page of pages) {
-      for (const { matchUrl, toPath } of rewriteRules) {
-        const res = matchUrl(page);
-        if (res) {
-          const dest = toPath(res.params).slice(1);
-          pageToRewrite[page] = dest;
-          rewriteToPage[dest] = page;
-          break;
+      const dest = userRewrites(page);
+      if (dest && dest !== page) {
+        pageToRewrite[page] = dest;
+        rewriteToPage[dest] = page;
+      }
+    }
+  } else if (typeof userRewrites === "object") {
+    const rewriteRules = Object.entries(userRewrites || {}).map(
+      ([from, to]) => ({
+        toPath: compile$1(`/${to}`, { validate: false }),
+        matchUrl: match(from.startsWith("^") ? new RegExp(from) : from)
+      })
+    );
+    if (rewriteRules.length) {
+      for (const page of pages) {
+        for (const { matchUrl, toPath } of rewriteRules) {
+          const res = matchUrl(page);
+          if (res) {
+            const dest = toPath(res.params).slice(1);
+            pageToRewrite[page] = dest;
+            rewriteToPage[dest] = page;
+            break;
+          }
         }
       }
     }
@@ -22345,7 +22356,7 @@ function requireGrayMatter () {
 	if (hasRequiredGrayMatter) return grayMatter;
 	hasRequiredGrayMatter = 1;
 
-	const fs = fs__default;
+	const fs = fs$3;
 	const sections = requireSectionMatter();
 	const defaults = requireDefaults();
 	const stringify = requireStringify$1();
@@ -34959,7 +34970,7 @@ function requireWindows () {
 	windows = isexe;
 	isexe.sync = sync;
 
-	var fs = fs__default;
+	var fs = fs$3;
 
 	function checkPathExt (path, options) {
 	  var pathext = options.pathExt !== undefined ?
@@ -35010,7 +35021,7 @@ function requireMode () {
 	mode = isexe;
 	isexe.sync = sync;
 
-	var fs = fs__default;
+	var fs = fs$3;
 
 	function isexe (path, options, cb) {
 	  fs.stat(path, function (er, stat) {
@@ -35433,7 +35444,7 @@ function requireReadShebang () {
 	if (hasRequiredReadShebang) return readShebang_1;
 	hasRequiredReadShebang = 1;
 
-	const fs = fs__default;
+	const fs = fs$3;
 	const shebangCommand = requireShebangCommand();
 
 	function readShebang(command) {
@@ -35760,13 +35771,13 @@ async function createMarkdownToVueRenderFn(srcDir, options = {}, pages, isBuild
   const dynamicRoutes = new Map(
     siteConfig?.dynamicRoutes?.routes.map((r) => [
       r.fullPath,
-      path$1.join(srcDir, r.route)
+      slash(path$1.join(srcDir, r.route))
     ]) || []
   );
   const rewrites = new Map(
     Object.entries(siteConfig?.rewrites.map || {}).map(([key, value]) => [
-      path$1.join(srcDir, key),
-      path$1.join(srcDir, value)
+      slash(path$1.join(srcDir, key)),
+      slash(path$1.join(srcDir, value))
     ]) || []
   );
   return async (src, file, publicDir) => {
@@ -45207,7 +45218,7 @@ function requireUtils () {
 	 * Copyright(c) 2011 Eugene Kalinin
 	 * MIT Licensed
 	 */
-	const fs_1 = fs__default;
+	const fs_1 = fs$3;
 	const stream_1 = require$$0$2;
 	const readline_1 = require$$2$1;
 	const url_1 = require$$3;
@@ -48305,7 +48316,7 @@ function requireSitemapSimple () {
 		const sitemap_stream_1 = requireSitemapStream();
 		const utils_1 = requireUtils();
 		const zlib_1 = require$$3$1;
-		const fs_1 = fs__default;
+		const fs_1 = fs$3;
 		const path_1 = path$1;
 		const stream_1 = require$$0$2;
 		const util_1 = require$$0$3;
@@ -48497,7 +48508,7 @@ async function generateSitemap(siteConfig) {
   });
 }
 
-var version = "1.4.0";
+var version = "1.4.1";
 
 async function renderPage(render, config, page, result, appChunk, cssChunk, assets, pageToHashMap, metadataScript, additionalHeadTags) {
   const routePath = `/${page.replace(/\.md$/, "")}`;
@@ -51227,6 +51238,15 @@ function requirePostcssPrefixSelector () {
 	              );
 	            }
 
+	            // replace :root, body, html with the prefix
+	            if ([':root', 'body', 'html'].some(globalSel => selector.startsWith(globalSel))) {
+	              if (options.skipGlobalSelectors) {
+	                return selector;
+	              }
+
+	              return selector.replace(/(html\s+body|:root\s+body|html|:root|body)/gm, prefix);
+	            }
+
 	            return prefixWithSpace + selector;
 	          });
 	        }
@@ -52096,9 +52116,9 @@ function viaLocal(dir, isEtag, uri, extns) {
 	let i=0, arr=toAssume(uri, extns);
 	let abs, stats, name, headers;
 	for (; i < arr.length; i++) {
-		abs = normalize$3(join(dir, name=arr[i]));
-		if (abs.startsWith(dir) && fs$3.existsSync(abs)) {
-			stats = fs$3.statSync(abs);
+		abs = normalize$3(join$1(dir, name=arr[i]));
+		if (abs.startsWith(dir) && fs$2.existsSync(abs)) {
+			stats = fs$2.statSync(abs);
 			if (stats.isDirectory()) continue;
 			headers = toHeaders(name, stats, isEtag);
 			headers['Cache-Control'] = isEtag ? 'no-cache' : 'no-store';
@@ -52146,7 +52166,7 @@ function send(req, res, file, stats, headers) {
 	}
 
 	res.writeHead(code, headers);
-	fs$3.createReadStream(file, opts).pipe(res);
+	fs$2.createReadStream(file, opts).pipe(res);
 }
 
 const ENCODING = {
@@ -52173,7 +52193,7 @@ function toHeaders(name, stats, isEtag) {
 }
 
 function sirv (dir, opts={}) {
-	dir = resolve$1(dir || '.');
+	dir = resolve$2(dir || '.');
 
 	let isNotFound = opts.onNoMatch || is404;
 	let setHeaders = opts.setHeaders || noop;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitepress",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Vite & Vue powered static site generator",
   "keywords": [
     "vite",
@@ -68,7 +68,7 @@
     "@types/markdown-it": "^14.1.2",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/devtools-api": "^7.4.6",
-    "@vue/shared": "^3.5.11",
+    "@vue/shared": "^3.5.12",
     "@vueuse/core": "^11.1.0",
     "@vueuse/integrations": "^11.1.0",
     "focus-trap": "^7.6.0",
@@ -76,7 +76,7 @@
     "minisearch": "^7.1.0",
     "shiki": "^1.22.0",
     "vite": "^5.4.8",
-    "vue": "^3.5.11"
+    "vue": "^3.5.12"
   },
   "devDependencies": {
     "@clack/prompts": "^0.7.0",
@@ -103,7 +103,7 @@
     "@types/markdown-it-emoji": "^3.0.1",
     "@types/micromatch": "^4.0.9",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^22.7.4",
+    "@types/node": "^22.7.5",
     "@types/postcss-prefix-selector": "^1.16.3",
     "@types/prompts": "^2.4.9",
     "chokidar": "^3.6.0",
@@ -132,9 +132,9 @@
     "path-to-regexp": "^6.3.0",
     "picocolors": "^1.1.0",
     "pkg-dir": "^8.0.0",
-    "playwright-chromium": "^1.47.2",
+    "playwright-chromium": "^1.48.0",
     "polka": "^1.0.0-next.28",
-    "postcss-prefix-selector": "^2.0.0",
+    "postcss-prefix-selector": "^2.1.0",
     "prettier": "^3.3.3",
     "prompts": "^2.4.2",
     "punycode": "^2.3.1",
@@ -144,11 +144,11 @@
     "rollup-plugin-esbuild": "^6.1.1",
     "semver": "^7.6.3",
     "simple-git-hooks": "^2.11.1",
-    "sirv": "^2.0.4",
+    "sirv": "^3.0.0",
     "sitemap": "^8.0.0",
     "supports-color": "^9.4.0",
     "tinyglobby": "^0.2.9",
-    "typescript": "^5.6.2",
+    "typescript": "^5.6.3",
     "vitest": "^2.1.2",
     "vue-tsc": "^2.1.6",
     "wait-on": "^8.0.1"