@slidev/cli 0.49.16 → 0.49.18

package/dist/{chunk-Q2HOAG35.mjs → chunk-ZVBQP5II.js}

@@ -1,8 +1,8 @@
 import {
   resolveViteConfigs
-} from "./chunk-75T3CMVM.mjs";
+} from "./chunk-LY5CYMWF.js";
 
-// node/commands/server.ts
+// node/commands/serve.ts
 import { join } from "node:path";
 import process from "node:process";
 import { createServer as createViteServer } from "vite";

package/dist/{cli.mjs → cli.js}

@@ -1,6 +1,6 @@
 import {
   createServer
-} from "./chunk-Q2HOAG35.mjs";
+} from "./chunk-ZVBQP5II.js";
 import {
   getThemeMeta,
   loadSetups,
@@ -9,12 +9,14 @@ import {
   resolveOptions,
   resolveTheme,
   version
-} from "./chunk-75T3CMVM.mjs";
+} from "./chunk-LY5CYMWF.js";
+import "./chunk-6DS3IPOB.js";
 import {
   getRoots,
   isInstalledGlobally,
   resolveEntry
-} from "./chunk-27Q2X57X.mjs";
+} from "./chunk-2BABGNMX.js";
+import "./chunk-JSBRDJBE.js";
 
 // node/cli.ts
 import path from "node:path";
@@ -28,9 +30,27 @@ import yargs from "yargs";
 import { blue, bold, cyan, dim, gray, green, underline, yellow } from "kolorist";
 import equal from "fast-deep-equal";
 import { verifyConfig } from "@slidev/parser";
-import { injectPreparserExtensionLoader } from "@slidev/parser/fs";
-import { uniq } from "@antfu/utils";
 import { getPort } from "get-port-please";
+
+// node/setups/preparser.ts
+import { uniq } from "@antfu/utils";
+import { injectPreparserExtensionLoader } from "@slidev/parser/fs";
+async function setupPreparser() {
+  injectPreparserExtensionLoader(async (headmatter, filepath, mode) => {
+    const addons = headmatter?.addons;
+    if (!addons?.length)
+      return [];
+    const { userRoot } = await getRoots();
+    const roots = uniq([
+      ...await resolveAddons(addons),
+      userRoot
+    ]);
+    const returns = await loadSetups(roots, "preparser.ts", [{ filepath, headmatter, mode }]);
+    return returns.flat();
+  });
+}
+
+// node/cli.ts
 var CONFIG_RESTART_FIELDS = [
   "highlighter",
   "monaco",
@@ -54,17 +74,7 @@ var FILES_CHANGE_RESTART_GLOBS = [
   "setup/katex.ts",
   "setup/preparser.ts"
 ];
-injectPreparserExtensionLoader(async (headmatter, filepath, mode) => {
-  const addons = headmatter?.addons ?? [];
-  const { clientRoot, userRoot } = await getRoots();
-  const roots = uniq([
-    clientRoot,
-    userRoot,
-    ...await resolveAddons(addons)
-  ]);
-  const mergeArrays = (a, b) => a.concat(b);
-  return await loadSetups(clientRoot, roots, "preparser.ts", { filepath, headmatter, mode }, [], mergeArrays);
-});
+setupPreparser();
 var cli = yargs(process.argv.slice(2)).scriptName("slidev").usage("$0 [args]").version(version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
 cli.command(
   "* [entry]",
@@ -325,7 +335,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-3WHK3B4C.mjs");
+    const { build } = await import("./build-WV74WRXR.js");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)
@@ -405,7 +415,7 @@ cli.command(
   (args) => exportOptions(commonOptions(args)).strict().help(),
   async (args) => {
     const { entry, theme } = args;
-    const { exportSlides, getExportOptions } = await import("./export-ZRMOIVNM.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-TPYQNCSS.js");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme }, "export");
@@ -454,7 +464,7 @@ cli.command(
     timeout,
     wait
   }) => {
-    const { exportNotes } = await import("./export-ZRMOIVNM.mjs");
+    const { exportNotes } = await import("./export-TPYQNCSS.js");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile }, "export");
@@ -543,7 +553,7 @@ function printInfo(options, port, remote, tunnelUrl, publicIp) {
   verifyConfig(options.data.config, options.data.themeMeta, (v) => console.warn(yellow(`  ! ${v}`)));
   console.log(dim("  theme       ") + (options.theme ? green(options.theme) : gray("none")));
   console.log(dim("  css engine  ") + blue("unocss"));
-  console.log(dim("  entry       ") + dim(path.dirname(options.entry) + path.sep) + path.basename(options.entry));
+  console.log(dim("  entry       ") + dim(path.normalize(path.dirname(options.entry)) + path.sep) + path.basename(options.entry));
   if (port) {
     const query = remote ? `?password=${remote}` : "";
     const presenterPath = `${options.data.config.routerMode === "hash" ? "/#/" : "/"}presenter/${query}`;

package/dist/{export-ZRMOIVNM.mjs → export-TPYQNCSS.js}

@@ -1,6 +1,7 @@
 import {
   getRoots
-} from "./chunk-27Q2X57X.mjs";
+} from "./chunk-2BABGNMX.js";
+import "./chunk-JSBRDJBE.js";
 
 // node/commands/export.ts
 import path from "node:path";

package/dist/{index.d.mts → index.d.ts}

@@ -1,14 +1,14 @@
-import * as vite from 'vite';
-import { Plugin, InlineConfig } from 'vite';
 import { ResolvedSlidevOptions, SlidevPluginOptions, SlidevServerOptions, SlidevEntryOptions, SlidevData, ResolvedSlidevUtils } from '@slidev/types';
+import * as vite from 'vite';
+import { PluginOption, InlineConfig } from 'vite';
 import * as fs from '@slidev/parser/fs';
 export { fs as parser };
 
-declare function ViteSlidevPlugin(options: ResolvedSlidevOptions, pluginOptions: SlidevPluginOptions, serverOptions?: SlidevServerOptions): Promise<Plugin[]>;
+declare function ViteSlidevPlugin(options: ResolvedSlidevOptions, pluginOptions?: SlidevPluginOptions, serverOptions?: SlidevServerOptions): Promise<PluginOption[]>;
 
 declare function createServer(options: ResolvedSlidevOptions, viteConfig?: InlineConfig, serverOptions?: SlidevServerOptions): Promise<vite.ViteDevServer>;
 
-declare function resolveOptions(options: SlidevEntryOptions, mode: ResolvedSlidevOptions['mode']): Promise<ResolvedSlidevOptions>;
-declare function createDataUtils(data: SlidevData): ResolvedSlidevUtils;
+declare function resolveOptions(entryOptions: SlidevEntryOptions, mode: ResolvedSlidevOptions['mode']): Promise<ResolvedSlidevOptions>;
+declare function createDataUtils(data: SlidevData, clientRoot: string, roots: string[]): Promise<ResolvedSlidevUtils>;
 
 export { ViteSlidevPlugin, createDataUtils, createServer, resolveOptions };

package/dist/{index.mjs → index.js}

@@ -1,13 +1,15 @@
 import {
   createServer
-} from "./chunk-Q2HOAG35.mjs";
+} from "./chunk-ZVBQP5II.js";
 import {
   ViteSlidevPlugin,
   createDataUtils,
   parser,
   resolveOptions
-} from "./chunk-75T3CMVM.mjs";
-import "./chunk-27Q2X57X.mjs";
+} from "./chunk-LY5CYMWF.js";
+import "./chunk-6DS3IPOB.js";
+import "./chunk-2BABGNMX.js";
+import "./chunk-JSBRDJBE.js";
 export {
   ViteSlidevPlugin,
   createDataUtils,

package/dist/markdown-it-prism-GWSWY6QQ.js

@@ -0,0 +1,108 @@
+import {
+  escapeVueInCode
+} from "./chunk-6DS3IPOB.js";
+import "./chunk-JSBRDJBE.js";
+
+// node/syntax/markdown-it/markdown-it-prism.ts
+import { createRequire } from "node:module";
+import Prism from "prismjs";
+import loadLanguages from "prismjs/components/index.js";
+import * as htmlparser2 from "htmlparser2";
+var require2 = createRequire(import.meta.url);
+var Tag = class {
+  tagname;
+  attributes;
+  constructor(tagname, attributes) {
+    this.tagname = tagname;
+    this.attributes = attributes;
+  }
+  asOpen() {
+    return `<${this.tagname} ${Object.entries(this.attributes).map(([key, value]) => `${key}="${value}"`).join(" ")}>`;
+  }
+  asClosed() {
+    return `</${this.tagname}>`;
+  }
+};
+var DEFAULTS = {
+  plugins: [],
+  init: () => {
+  },
+  defaultLanguageForUnknown: void 0,
+  defaultLanguageForUnspecified: void 0,
+  defaultLanguage: void 0
+};
+function loadPrismLang(lang) {
+  if (!lang)
+    return void 0;
+  let langObject = Prism.languages[lang];
+  if (langObject === void 0) {
+    loadLanguages([lang]);
+    langObject = Prism.languages[lang];
+  }
+  return langObject;
+}
+function loadPrismPlugin(name) {
+  try {
+    require2(`prismjs/plugins/${name}/prism-${name}`);
+  } catch (e) {
+    throw new Error(`Cannot load Prism plugin "${name}". Please check the spelling.`, { cause: e });
+  }
+}
+function selectLanguage(options, lang) {
+  let langToUse = lang;
+  if (langToUse === "" && options.defaultLanguageForUnspecified !== void 0)
+    langToUse = options.defaultLanguageForUnspecified;
+  let prismLang = loadPrismLang(langToUse);
+  if (prismLang === void 0 && options.defaultLanguageForUnknown !== void 0) {
+    langToUse = options.defaultLanguageForUnknown;
+    prismLang = loadPrismLang(langToUse);
+  }
+  return [langToUse, prismLang];
+}
+function highlight(markdownit, options, text, lang) {
+  const [langToUse, prismLang] = selectLanguage(options, lang);
+  let code = text.trimEnd();
+  code = prismLang ? highlightPrism(code, prismLang, langToUse) : markdownit.utils.escapeHtml(code);
+  code = code.split(/\r?\n/g).map((line) => `<span class="line">${line}</span>`).join("\n");
+  const classAttribute = langToUse ? ` class="slidev-code ${markdownit.options.langPrefix}${markdownit.utils.escapeHtml(langToUse)}"` : "";
+  return escapeVueInCode(`<pre${classAttribute}><code>${code}</code></pre>`);
+}
+function highlightPrism(code, prismLang, langToUse) {
+  const openTags = [];
+  const parser = new htmlparser2.Parser({
+    onopentag(tagname, attributes) {
+      openTags.push(new Tag(tagname, attributes));
+    },
+    onclosetag() {
+      openTags.pop();
+    }
+  });
+  code = Prism.highlight(code, prismLang, langToUse);
+  code = code.split(/\r?\n/g).map((line) => {
+    const prefix = openTags.map((tag) => tag.asOpen()).join("");
+    parser.write(line);
+    const postfix = openTags.reverse().map((tag) => tag.asClosed()).join("");
+    return prefix + line + postfix;
+  }).join("\n");
+  parser.end();
+  return code;
+}
+function checkLanguageOption(options, optionName) {
+  const language = options[optionName];
+  if (language !== void 0 && loadPrismLang(language) === void 0)
+    throw new Error(`Bad option ${optionName}: There is no Prism language '${language}'.`);
+}
+function MarkdownItPrism(markdownit, useroptions) {
+  const options = Object.assign({}, DEFAULTS, useroptions);
+  checkLanguageOption(options, "defaultLanguage");
+  checkLanguageOption(options, "defaultLanguageForUnknown");
+  checkLanguageOption(options, "defaultLanguageForUnspecified");
+  options.defaultLanguageForUnknown = options.defaultLanguageForUnknown || options.defaultLanguage;
+  options.defaultLanguageForUnspecified = options.defaultLanguageForUnspecified || options.defaultLanguage;
+  options.plugins.forEach(loadPrismPlugin);
+  options.init(Prism);
+  markdownit.options.highlight = (text, lang) => highlight(markdownit, options, text, lang);
+}
+export {
+  MarkdownItPrism as default
+};

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@slidev/cli",
-  "version": "0.49.16",
+  "type": "module",
+  "version": "0.49.18",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -13,20 +14,19 @@
   "bugs": "https://github.com/slidevjs/slidev/issues",
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./*": "./*"
   },
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "bin": {
     "slidev": "./bin/slidev.mjs"
   },
   "files": [
     "bin",
-    "client",
     "dist",
     "template.md"
   ],
@@ -48,11 +48,11 @@
     "@iconify-json/ph": "^1.1.13",
     "@iconify-json/svg-spinners": "^1.1.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.10.0",
-    "@shikijs/twoslash": "^1.10.0",
-    "@shikijs/vitepress-twoslash": "^1.10.0",
-    "@unocss/extractor-mdc": "^0.61.2",
-    "@unocss/reset": "^0.61.2",
+    "@shikijs/markdown-it": "^1.10.3",
+    "@shikijs/twoslash": "^1.10.3",
+    "@shikijs/vitepress-twoslash": "^1.10.3",
+    "@unocss/extractor-mdc": "^0.61.5",
+    "@unocss/reset": "^0.61.5",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "chokidar": "^3.6.0",
@@ -67,7 +67,7 @@
     "htmlparser2": "^9.1.0",
     "is-installed-globally": "^1.0.0",
     "jiti": "^1.21.6",
-    "katex": "^0.16.10",
+    "katex": "^0.16.11",
     "kolorist": "^1.8.0",
     "local-pkg": "^0.5.0",
     "lz-string": "^1.5.0",
@@ -82,36 +82,36 @@
     "open": "^10.1.0",
     "pdf-lib": "^1.17.1",
     "plantuml-encoder": "^1.4.0",
-    "postcss-nested": "^6.0.1",
+    "postcss-nested": "^6.2.0",
     "pptxgenjs": "^3.12.0",
     "prismjs": "^1.29.0",
     "prompts": "^2.4.2",
     "public-ip": "^6.0.2",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
-    "semver": "^7.6.2",
-    "shiki": "^1.10.0",
-    "shiki-magic-move": "^0.4.2",
+    "semver": "^7.6.3",
+    "shiki": "^1.10.3",
+    "shiki-magic-move": "^0.4.3",
     "sirv": "^2.0.4",
     "source-map-js": "^1.2.0",
-    "typescript": "^5.5.2",
-    "unocss": "^0.61.2",
+    "typescript": "^5.5.3",
+    "unocss": "^0.61.5",
     "unplugin-icons": "^0.19.0",
-    "unplugin-vue-components": "^0.27.2",
+    "unplugin-vue-components": "^0.27.3",
     "unplugin-vue-markdown": "^0.26.2",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^5.3.2",
-    "vite-plugin-inspect": "^0.8.4",
-    "vite-plugin-remote-assets": "^0.4.1",
-    "vite-plugin-static-copy": "^1.0.5",
+    "vite": "^5.3.4",
+    "vite-plugin-inspect": "^0.8.5",
+    "vite-plugin-remote-assets": "^0.5.0",
+    "vite-plugin-static-copy": "^1.0.6",
     "vite-plugin-vue-server-ref": "^0.4.2",
     "vitefu": "^0.2.5",
-    "vue": "^3.4.31",
+    "vue": "^3.4.33",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.49.16",
-    "@slidev/parser": "0.49.16",
-    "@slidev/types": "0.49.16"
+    "@slidev/client": "0.49.18",
+    "@slidev/parser": "0.49.18",
+    "@slidev/types": "0.49.18"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/template.md

@@ -6,7 +6,7 @@ theme: seriph
 background: https://cover.sli.dev
 # apply any unocss classes to the current slide
 class: 'text-center'
-# https://sli.dev/custom/highlighters.html
+# https://sli.dev/custom/config-highlighter.html
 highlighter: shiki
 # some information about the slides, markdown enabled
 info: |
@@ -115,7 +115,7 @@ Hover on the bottom-left corner to see the navigation's control panel, [learn mo
 | <kbd>up</kbd> | previous slide |
 | <kbd>down</kbd> | next slide |
 
-<!-- https://sli.dev/guide/animations.html#click-animations -->
+<!-- https://sli.dev/guide/animations.html#click-animation -->
 <img
   v-click
   class="absolute -bottom-9 -left-7 w-80 opacity-50"