@slidev/cli 51.4.0 → 51.6.0

package/README.md

@@ -36,7 +36,7 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 
 ## Features
 
-- 📝 [**Markdown-based**](https://sli.dev/guide/syntax) - foucus on content and use your favorite editor
+- 📝 [**Markdown-based**](https://sli.dev/guide/syntax) - focus on content and use your favorite editor
 - 🧑‍💻 [**Developer Friendly**](https://sli.dev/guide/syntax#code-blocks) - built-in code highlighting, live coding, etc.
 - 🎨 [**Themable**](https://sli.dev/resources/theme-gallery) - theme can be shared and used with npm packages
 - 🌈 [**Stylish**](https://sli.dev/guide/syntax#embedded-styles) - on-demand utilities via [UnoCSS](https://github.com/unocss/unocss).

package/dist/{build-BALTUPSD.js → build-Z7GTSSXD.js}

@@ -1,6 +1,6 @@
 import {
   resolveViteConfigs
-} from "./chunk-IKMQKKTG.js";
+} from "./chunk-Y2DHOFI5.js";
 import "./chunk-TJFRPB4N.js";
 
 // node/commands/build.ts

package/dist/{chunk-QPS5SZU6.js → chunk-BCA62OS7.js}

@@ -1,6 +1,6 @@
 import {
   resolveViteConfigs
-} from "./chunk-IKMQKKTG.js";
+} from "./chunk-Y2DHOFI5.js";
 
 // node/commands/serve.ts
 import { join } from "node:path";

package/dist/{chunk-IKMQKKTG.js → chunk-Y2DHOFI5.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-TJFRPB4N.js";
 
 // package.json
-var version = "51.4.0";
+var version = "51.6.0";
 
 // node/utils.ts
 import { fileURLToPath } from "node:url";
@@ -51,8 +51,8 @@ function updateFrontmatterPatch(source, frontmatter) {
       const valueNode = doc.createNode(value);
       let found = false;
       YAML.visit(doc.contents, {
-        Pair(_key, node, path4) {
-          if (path4.length === 1 && YAML.isScalar(node.key) && node.key.value === key) {
+        Pair(_key, node, path5) {
+          if (path5.length === 1 && YAML.isScalar(node.key) && node.key.value === key) {
             node.value = valueNode;
             found = true;
             return YAML.visit.BREAK;
@@ -99,10 +99,10 @@ var officialThemes = {
 };
 var resolveTheme = createResolver("theme", officialThemes);
 async function getThemeMeta(name, root) {
-  const path4 = join(root, "package.json");
-  if (!existsSync(path4))
+  const path5 = join(root, "package.json");
+  if (!existsSync(path5))
     return {};
-  const { slidev = {}, engines = {} } = JSON.parse(await fs.readFile(path4, "utf-8"));
+  const { slidev = {}, engines = {} } = JSON.parse(await fs.readFile(path5, "utf-8"));
   if (engines.slidev && !satisfies(version, engines.slidev, { includePrerelease: true }))
     throw new Error(`[slidev] theme "${name}" requires Slidev version range "${engines.slidev}" but found "${version}"`);
   return slidev;
@@ -112,7 +112,7 @@ async function getThemeMeta(name, root) {
 import * as parser from "@slidev/parser/fs";
 
 // node/options.ts
-import path3 from "node:path";
+import path4 from "node:path";
 import { objectMap as objectMap2, uniq as uniq5 } from "@antfu/utils";
 import Debug from "debug";
 import fg4 from "fast-glob";
@@ -145,14 +145,15 @@ async function resolveAddons(addonsInConfig) {
 }
 
 // node/setups/indexHtml.ts
-import { existsSync as existsSync12, readFileSync as readFileSync2 } from "node:fs";
+import { existsSync as existsSync13, readFileSync as readFileSync2 } from "node:fs";
 import { join as join13 } from "node:path";
 import { slash as slash4 } from "@antfu/utils";
 import { white, yellow as yellow2 } from "ansis";
 import { escapeHtml } from "markdown-it/lib/common/utils.mjs";
+import { createHead, extractUnheadInputFromHtml, transformHtmlTemplate } from "unhead/server";
 
 // node/commands/shared.ts
-import { existsSync as existsSync11 } from "node:fs";
+import { existsSync as existsSync12 } from "node:fs";
 import { join as join12 } from "node:path";
 import MarkdownIt2 from "markdown-it";
 import { loadConfigFromFile, mergeConfig as mergeConfig2 } from "vite";
@@ -747,7 +748,7 @@ var templateGlobalLayers = {
     let n = 0;
     function getComponent(names) {
       const components = roots.flatMap((root) => names.map((name) => join4(root, name))).filter((i) => existsSync2(i));
-      imports.push(components.map((path4, i) => `import __n${n}_${i} from '${toAtFS(path4)}'`).join("\n"));
+      imports.push(components.map((path5, i) => `import __n${n}_${i} from '${toAtFS(path5)}'`).join("\n"));
       const render = components.map((_, i) => `h(__n${n}_${i})`).join(",");
       n++;
       return `{ render: () => [${render}] }`;
@@ -894,12 +895,12 @@ function createSetupTemplate(name) {
     id: `/@slidev/setups/${name}`,
     getContent({ roots }) {
       const setups = roots.flatMap((i) => {
-        const path4 = join7(i, "setup", name);
-        return [".ts", ".mts", ".js", ".mjs"].map((ext) => path4 + ext);
+        const path5 = join7(i, "setup", name);
+        return [".ts", ".mts", ".js", ".mjs"].map((ext) => path5 + ext);
       }).filter((i) => existsSync4(i));
       const imports = [];
-      setups.forEach((path4, idx) => {
-        imports.push(`import __n${idx} from '${toAtFS(path4)}'`);
+      setups.forEach((path5, idx) => {
+        imports.push(`import __n${idx} from '${toAtFS(path5)}'`);
       });
       imports.push(`export default [${setups.map((_, idx) => `__n${idx}`).join(",")}]`);
       return imports.join("\n");
@@ -1698,9 +1699,9 @@ import { deepMergeWithArray } from "@antfu/utils";
 async function loadSetups(roots, filename, args, extraLoader) {
   const returns = [];
   for (const root of roots) {
-    const path4 = resolve4(root, "setup", filename);
-    if (existsSync6(path4)) {
-      const { default: setup } = await loadModule(path4);
+    const path5 = resolve4(root, "setup", filename);
+    if (existsSync6(path5)) {
+      const { default: setup } = await loadModule(path5);
       const ret = await setup(...args);
       if (ret)
         returns.push(ret);
@@ -2229,11 +2230,11 @@ async function loadDrawings(options) {
     suppressErrors: true
   });
   const obj = {};
-  await Promise.all(files.map(async (path4) => {
-    const num = +basename(path4, ".svg");
+  await Promise.all(files.map(async (path5) => {
+    const num = +basename(path5, ".svg");
     if (Number.isNaN(num))
       return;
-    const content = await fs6.readFile(path4, "utf8");
+    const content = await fs6.readFile(path5, "utf8");
     const lines = content.split(/\n/g);
     obj[num.toString()] = lines.slice(1, -1).join("\n");
   }));
@@ -2377,6 +2378,21 @@ async function createUnocssPlugin(options, pluginOptions) {
   });
 }
 
+// node/vite/userPlugins.ts
+import { existsSync as existsSync11 } from "node:fs";
+import path3 from "node:path";
+async function createUserVitePlugins(options) {
+  const createPluginTasks = options.roots.map(async (root) => {
+    const modulePath = path3.join(root, "setup", "vite-plugins.ts");
+    if (existsSync11(modulePath)) {
+      const module = await loadModule(modulePath);
+      return module.default(options);
+    }
+    return [];
+  });
+  return (await Promise.all(createPluginTasks)).flatMap((p) => p);
+}
+
 // node/vite/vue.ts
 import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
@@ -2455,7 +2471,8 @@ function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
     createVueCompilerFlagsPlugin(options),
     createUnocssPlugin(options, pluginOptions),
     createStaticCopyPlugin(options, pluginOptions),
-    createInspectPlugin(options, pluginOptions)
+    createInspectPlugin(options, pluginOptions),
+    createUserVitePlugins(options)
   ]);
 }
 
@@ -2475,7 +2492,7 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
   };
   const files = options.roots.map((i) => join12(i, "vite.config.ts"));
   for (const file of files) {
-    if (!existsSync11(file))
+    if (!existsSync12(file))
       continue;
     const viteConfig = await loadConfigFromFile(configEnv, file);
     if (!viteConfig?.config)
@@ -2499,51 +2516,74 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
 function toAttrValue(unsafe) {
   return JSON.stringify(escapeHtml(String(unsafe)));
 }
-function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data, base }) {
+async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data, base }) {
   let main = readFileSync2(join13(clientRoot, "index.html"), "utf-8");
-  let head = "";
   let body = "";
-  const { info, author, keywords } = data.headmatter;
-  head += [
-    `<meta name="slidev:version" content="${version}">`,
-    mode === "dev" && `<meta charset="slidev:entry" content="${slash4(entry)}">`,
-    `<link rel="icon" href="${data.config.favicon}">`,
-    `<title>${getSlideTitle(data)}</title>`,
-    info && `<meta name="description" content=${toAttrValue(info)}>`,
-    author && `<meta name="author" content=${toAttrValue(author)}>`,
-    keywords && `<meta name="keywords" content=${toAttrValue(Array.isArray(keywords) ? keywords.join(", ") : keywords)}>`
-  ].filter(Boolean).join("\n");
+  const inputs = [];
   for (const root of roots) {
-    const path4 = join13(root, "index.html");
-    if (!existsSync12(path4))
+    const path5 = join13(root, "index.html");
+    if (!existsSync13(path5))
       continue;
-    const index = readFileSync2(path4, "utf-8");
-    if (root === userRoot && index.includes("<!DOCTYPE")) {
-      console.error(yellow2(`[Slidev] Ignored provided index.html with doctype declaration. (${white(path4)})`));
+    const html2 = readFileSync2(path5, "utf-8");
+    if (root === userRoot && html2.includes("<!DOCTYPE")) {
+      console.error(yellow2(`[Slidev] Ignored provided index.html with doctype declaration. (${white(path5)})`));
       console.error(yellow2("This file may be generated by Slidev, please remove it from your project."));
       continue;
     }
-    head += `
-${(index.match(/<head>([\s\S]*?)<\/head>/i)?.[1] || "").trim()}`;
+    inputs.push(extractUnheadInputFromHtml(html2).input);
     body += `
-${(index.match(/<body>([\s\S]*?)<\/body>/i)?.[1] || "").trim()}`;
+${(html2.match(/<body>([\s\S]*?)<\/body>/i)?.[1] || "").trim()}`;
   }
-  if (data.features.tweet)
+  if (data.features.tweet) {
     body += '\n<script async src="https://platform.twitter.com/widgets.js"></script>';
+  }
+  const webFontsLink = [];
   if (data.config.fonts.webfonts.length) {
     const { provider } = data.config.fonts;
-    if (provider === "google")
-      head += `
-<link rel="stylesheet" href="${generateGoogleFontsUrl(data.config.fonts)}" type="text/css">`;
-    else if (provider === "coollabs")
-      head += `
-<link rel="stylesheet" href="${generateCoollabsFontsUrl(data.config.fonts)}" type="text/css">`;
+    if (provider === "google") {
+      webFontsLink.push({ rel: "stylesheet", href: generateGoogleFontsUrl(data.config.fonts), type: "text/css" });
+    } else if (provider === "coollabs") {
+      webFontsLink.push({ rel: "stylesheet", href: generateCoollabsFontsUrl(data.config.fonts), type: "text/css" });
+    }
   }
-  if (data.headmatter.lang)
-    main = main.replace('<html lang="en">', `<html lang="${data.headmatter.lang}">`);
+  const { info, author, keywords } = data.headmatter;
+  const seoMeta = data.headmatter.seoMeta ?? {};
+  const title = getSlideTitle(data);
+  const description = info ? toAttrValue(info) : null;
+  const unhead = createHead({
+    init: [
+      {
+        htmlAttrs: data.headmatter.lang ? { lang: data.headmatter.lang } : void 0,
+        title,
+        link: [
+          data.config.favicon ? { rel: "icon", href: data.config.favicon } : null,
+          ...webFontsLink
+        ].filter((x) => x),
+        meta: [
+          { property: "slidev:version", content: version },
+          { charset: "slidev:entry", content: mode === "dev" && slash4(entry) },
+          { name: "description", content: description },
+          { name: "author", content: author ? toAttrValue(author) : null },
+          { name: "keywords", content: keywords ? toAttrValue(Array.isArray(keywords) ? keywords.join(", ") : keywords) : null },
+          { property: "og:title", content: seoMeta.ogTitle || title },
+          { property: "og:description", content: seoMeta.ogDescription || description },
+          { property: "og:image", content: seoMeta.ogImage },
+          { property: "og:url", content: seoMeta.ogUrl },
+          { property: "twitter:card", content: seoMeta.twitterCard },
+          { property: "twitter:site", content: seoMeta.twitterSite },
+          { property: "twitter:title", content: seoMeta.twitterTitle },
+          { property: "twitter:description", content: seoMeta.twitterDescription },
+          { property: "twitter:image", content: seoMeta.twitterImage },
+          { property: "twitter:url", content: seoMeta.twitterUrl }
+        ].filter((x) => x.content)
+      },
+      ...inputs
+    ]
+  });
   const baseInDev = mode === "dev" && base ? base.slice(0, -1) : "";
-  main = main.replace("__ENTRY__", baseInDev + toAtFS(join13(clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
-  return main;
+  main = main.replace("__ENTRY__", baseInDev + toAtFS(join13(clientRoot, "main.ts"))).replace("<!-- body -->", body);
+  const html = await transformHtmlTemplate(unhead, main);
+  return html;
 }
 
 // node/setups/katex.ts
@@ -2569,9 +2609,9 @@ async function setupShiki(roots) {
     "shiki.ts",
     [{
       /** @deprecated */
-      async loadTheme(path4) {
+      async loadTheme(path5) {
         console.warn("[slidev] `loadTheme` in `setup/shiki.ts` is deprecated. Pass directly the theme name it's supported by Shiki. For custom themes, load it manually via `JSON.parse(fs.readFileSync(path, 'utf-8'))` and pass the raw JSON object instead.");
-        return JSON.parse(await fs8.readFile(path4, "utf-8"));
+        return JSON.parse(await fs8.readFile(path5, "utf-8"));
       }
     }]
   );
@@ -2659,7 +2699,7 @@ async function createDataUtils(resolved) {
   return {
     ...await setupShiki(resolved.roots),
     katexOptions: await setupKatex(resolved.roots),
-    indexHtml: setupIndexHtml(resolved),
+    indexHtml: await setupIndexHtml(resolved),
     define: getDefine(resolved),
     iconsResolvePath: [resolved.clientRoot, ...resolved.roots].reverse(),
     isMonacoTypesIgnored: (pkg) => monacoTypesIgnorePackagesMatches.some((i) => i.test(pkg)),
@@ -2675,7 +2715,7 @@ async function createDataUtils(resolved) {
           suppressErrors: true
         });
         for (const layoutPath of layoutPaths) {
-          const layoutName = path3.basename(layoutPath).replace(/\.\w+$/, "");
+          const layoutName = path4.basename(layoutPath).replace(/\.\w+$/, "");
           layouts[layoutName] = layoutPath;
         }
       }

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   createServer
-} from "./chunk-QPS5SZU6.js";
+} from "./chunk-BCA62OS7.js";
 import {
   getThemeMeta,
   loadSetups,
@@ -10,7 +10,7 @@ import {
   resolveTheme,
   updateFrontmatterPatch,
   version
-} from "./chunk-IKMQKKTG.js";
+} from "./chunk-Y2DHOFI5.js";
 import {
   getRoots,
   isInstalledGlobally,
@@ -55,7 +55,8 @@ var CONFIG_RESTART_FIELDS = [
   "css",
   "mdc",
   "editor",
-  "theme"
+  "theme",
+  "seoMeta"
 ];
 var FILES_CREATE_RESTART = [
   "global-bottom.vue",
@@ -338,7 +339,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-BALTUPSD.js");
+    const { build } = await import("./build-Z7GTSSXD.js");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect, download, base }, "build");
       printInfo(options);

package/dist/index.js

@@ -1,12 +1,12 @@
 import {
   createServer
-} from "./chunk-QPS5SZU6.js";
+} from "./chunk-BCA62OS7.js";
 import {
   ViteSlidevPlugin,
   createDataUtils,
   parser,
   resolveOptions
-} from "./chunk-IKMQKKTG.js";
+} from "./chunk-Y2DHOFI5.js";
 import "./chunk-TJFRPB4N.js";
 export {
   ViteSlidevPlugin,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "51.4.0",
+  "version": "51.6.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -42,19 +42,19 @@
     }
   },
   "dependencies": {
-    "@antfu/ni": "^24.1.0",
-    "@antfu/utils": "^9.1.0",
+    "@antfu/ni": "^24.3.0",
+    "@antfu/utils": "^9.2.0",
     "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^3.1.0",
-    "@shikijs/twoslash": "^3.1.0",
-    "@shikijs/vitepress-twoslash": "^3.1.0",
+    "@shikijs/markdown-it": "^3.3.0",
+    "@shikijs/twoslash": "^3.3.0",
+    "@shikijs/vitepress-twoslash": "^3.3.0",
     "@unocss/extractor-mdc": "^66.0.0",
     "@unocss/reset": "^66.0.0",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitejs/plugin-vue-jsx": "^4.1.2",
     "ansis": "^3.17.0",
     "chokidar": "^4.0.3",
     "cli-progress": "^3.12.0",
@@ -67,7 +67,7 @@
     "htmlparser2": "^10.0.0",
     "is-installed-globally": "^1.0.0",
     "jiti": "^2.4.2",
-    "katex": "^0.16.21",
+    "katex": "^0.16.22",
     "local-pkg": "^1.1.1",
     "lz-string": "^1.5.0",
     "magic-string": "^0.30.17",
@@ -77,7 +77,7 @@
     "markdown-it-mdc": "^0.2.5",
     "mlly": "^1.7.4",
     "monaco-editor": "0.51.0",
-    "open": "^10.1.0",
+    "open": "^10.1.1",
     "pdf-lib": "^1.17.1",
     "picomatch": "^4.0.2",
     "plantuml-encoder": "^1.4.0",
@@ -88,38 +88,39 @@
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.7.1",
-    "shiki": "^3.1.0",
-    "shiki-magic-move": "^1.0.1",
+    "shiki": "^3.3.0",
+    "shiki-magic-move": "^1.1.0",
     "sirv": "^3.0.1",
     "source-map-js": "^1.2.1",
-    "typescript": "^5.8.2",
+    "typescript": "^5.8.3",
+    "unhead": "^2.0.8",
     "unocss": "^66.0.0",
     "unplugin-icons": "^22.1.0",
-    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-components": "^28.5.0",
     "unplugin-vue-markdown": "^28.3.1",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^6.2.1",
-    "vite-plugin-inspect": "^11.0.0",
-    "vite-plugin-remote-assets": "^1.0.0",
-    "vite-plugin-static-copy": "^2.3.0",
+    "vite": "^6.3.2",
+    "vite-plugin-inspect": "^11.0.1",
+    "vite-plugin-remote-assets": "^2.0.0",
+    "vite-plugin-static-copy": "^2.3.1",
     "vite-plugin-vue-server-ref": "^1.0.0",
     "vitefu": "^1.0.6",
     "vue": "^3.5.13",
-    "yaml": "^2.7.0",
+    "yaml": "^2.7.1",
     "yargs": "^17.7.2",
-    "@slidev/parser": "51.4.0",
-    "@slidev/types": "51.4.0",
-    "@slidev/client": "51.4.0"
+    "@slidev/client": "51.6.0",
+    "@slidev/parser": "51.6.0",
+    "@slidev/types": "51.6.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",
-    "@types/picomatch": "^3.0.2",
+    "@types/picomatch": "^4.0.0",
     "@types/plantuml-encoder": "^1.4.2"
   },
   "scripts": {
     "build": "rimraf dist && tsup node/index.ts node/cli.ts",
     "dev": "nr build --watch",
-    "start": "esno node/cli.ts"
+    "start": "tsx node/cli.ts"
   }
 }