@slidev/cli 0.50.0-beta.1 → 0.50.0-beta.3

package/README.md

@@ -13,7 +13,7 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 <a href="https://www.npmjs.com/package/@slidev/cli" target="__blank"><img src="https://img.shields.io/npm/v/@slidev/cli?color=2B90B6&label=" alt="NPM version"></a>
 <a href="https://www.npmjs.com/package/@slidev/cli" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@slidev/cli?color=349dbe&label="></a>
 <a href="https://sli.dev/" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20demos&color=45b8cd" alt="Docs & Demos"></a>
-<a href="https://sli.dev/themes/gallery.html" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=themes&color=4ec5d4" alt="Themes"></a>
+<a href="https://sli.dev/resources/theme-gallery" target="__blank"><img src="https://img.shields.io/static/v1?label=&message=themes&color=4ec5d4" alt="Themes"></a>
 <br>
 <a href="https://github.com/slidevjs/slidev" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/slidevjs/slidev?style=social"></a>
 </p>

package/dist/{build-FMVKC2PV.js → build-ZP4MQTE4.js}

@@ -1,7 +1,6 @@
 import {
   resolveViteConfigs
-} from "./chunk-6O4GDZ4B.js";
-import "./chunk-6DS3IPOB.js";
+} from "./chunk-OBUVLPJZ.js";
 import "./chunk-UNQ5DBLZ.js";
 
 // node/commands/build.ts

package/dist/{chunk-6GC5ATZB.js → chunk-22D4K34T.js}

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

package/dist/{chunk-6O4GDZ4B.js → chunk-OBUVLPJZ.js}

@@ -1,8 +1,3 @@
-import {
-  escapeVueInCode,
-  getCodeBlocks,
-  normalizeRangeStr
-} from "./chunk-6DS3IPOB.js";
 import {
   createResolver,
   getRoots,
@@ -14,7 +9,7 @@ import {
 } from "./chunk-UNQ5DBLZ.js";
 
 // package.json
-var version = "0.50.0-beta.1";
+var version = "0.50.0-beta.3";
 
 // node/integrations/themes.ts
 import { join } from "node:path";
@@ -193,7 +188,8 @@ var INCLUDE_GLOBAL = [
   "prettier",
   "recordrtc",
   "typescript",
-  "yaml"
+  "yaml",
+  "html-to-image"
 ];
 var INCLUDE_LOCAL = INCLUDE_GLOBAL.map((i) => `@slidev/cli > @slidev/client > ${i}`);
 var EXCLUDE_GLOBAL = [
@@ -1580,6 +1576,34 @@ function MarkdownItKatex(md, options) {
 // node/syntax/markdown-it/markdown-it-shiki.ts
 import { isTruthy } from "@antfu/utils";
 import { fromHighlighter } from "@shikijs/markdown-it/core";
+
+// node/syntax/transform/utils.ts
+function normalizeRangeStr(rangeStr = "") {
+  return !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
+}
+function getCodeBlocks(md) {
+  const codeblocks = Array.from(md.matchAll(/^```[\s\S]*?^```/gm)).map((m) => {
+    const start = m.index;
+    const end = m.index + m[0].length;
+    const startLine = md.slice(0, start).match(/\n/g)?.length || 0;
+    const endLine = md.slice(0, end).match(/\n/g)?.length || 0;
+    return [start, end, startLine, endLine];
+  });
+  return {
+    codeblocks,
+    isInsideCodeblocks(idx) {
+      return codeblocks.some(([s, e]) => s <= idx && idx <= e);
+    },
+    isLineInsideCodeblocks(line) {
+      return codeblocks.some(([, , s, e]) => s <= line && line <= e);
+    }
+  };
+}
+function escapeVueInCode(md) {
+  return md.replace(/\{\{/g, "&lbrace;&lbrace;");
+}
+
+// node/syntax/markdown-it/markdown-it-shiki.ts
 async function MarkdownItShiki({ data: { config }, mode, utils }) {
   const transformers = [
     ...utils.shikiOptions.transformers || [],
@@ -1669,10 +1693,6 @@ async function useMarkdownItPlugins(md, options, markdownTransformMap) {
   const { roots, data: { features, config } } = options;
   if (config.highlighter === "shiki") {
     md.use(await MarkdownItShiki(options));
-  } else {
-    console.warn("[Slidev] Highlighter: Prism highlighter is deprecated, and will be removed in v0.50. Refer to https://github.com/slidevjs/slidev/issues/1390");
-    const { default: MarkdownItPrism } = await import("./markdown-it-prism-44L27JJK.js");
-    md.use(MarkdownItPrism);
   }
   md.use(MarkdownItLink);
   md.use(MarkdownItEscapeInlineCode);

package/dist/cli.js

@@ -1,6 +1,6 @@
 import {
   createServer
-} from "./chunk-6GC5ATZB.js";
+} from "./chunk-22D4K34T.js";
 import {
   getThemeMeta,
   loadSetups,
@@ -9,8 +9,7 @@ import {
   resolveOptions,
   resolveTheme,
   version
-} from "./chunk-6O4GDZ4B.js";
-import "./chunk-6DS3IPOB.js";
+} from "./chunk-OBUVLPJZ.js";
 import {
   getRoots,
   isInstalledGlobally,
@@ -51,7 +50,6 @@ async function setupPreparser() {
 
 // node/cli.ts
 var CONFIG_RESTART_FIELDS = [
-  "highlighter",
   "monaco",
   "routerMode",
   "fonts",
@@ -334,7 +332,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-FMVKC2PV.js");
+    const { build } = await import("./build-ZP4MQTE4.js");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)

package/dist/index.js

@@ -1,13 +1,12 @@
 import {
   createServer
-} from "./chunk-6GC5ATZB.js";
+} from "./chunk-22D4K34T.js";
 import {
   ViteSlidevPlugin,
   createDataUtils,
   parser,
   resolveOptions
-} from "./chunk-6O4GDZ4B.js";
-import "./chunk-6DS3IPOB.js";
+} from "./chunk-OBUVLPJZ.js";
 import "./chunk-UNQ5DBLZ.js";
 export {
   ViteSlidevPlugin,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "0.50.0-beta.1",
+  "version": "0.50.0-beta.3",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -48,11 +48,11 @@
     "@iconify-json/ph": "^1.2.0",
     "@iconify-json/svg-spinners": "^1.2.0",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.20.0",
-    "@shikijs/twoslash": "^1.20.0",
-    "@shikijs/vitepress-twoslash": "^1.20.0",
-    "@unocss/extractor-mdc": "^0.62.4",
-    "@unocss/reset": "^0.62.4",
+    "@shikijs/markdown-it": "^1.21.0",
+    "@shikijs/twoslash": "^1.21.0",
+    "@shikijs/vitepress-twoslash": "^1.21.0",
+    "@unocss/extractor-mdc": "^0.63.2",
+    "@unocss/reset": "^0.63.2",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "chokidar": "^4.0.1",
@@ -66,7 +66,7 @@
     "global-directory": "^4.0.1",
     "htmlparser2": "^9.1.0",
     "is-installed-globally": "^1.0.0",
-    "jiti": "^2.0.0",
+    "jiti": "^2.1.0",
     "katex": "^0.16.11",
     "kolorist": "^1.8.0",
     "local-pkg": "^0.5.0",
@@ -84,18 +84,17 @@
     "plantuml-encoder": "^1.4.0",
     "postcss-nested": "^6.2.0",
     "pptxgenjs": "^3.12.0",
-    "prismjs": "^1.29.0",
     "prompts": "^2.4.2",
     "public-ip": "^7.0.1",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.6.3",
-    "shiki": "^1.20.0",
-    "shiki-magic-move": "^0.4.4",
+    "shiki": "^1.21.0",
+    "shiki-magic-move": "^0.4.5",
     "sirv": "^2.0.4",
     "source-map-js": "^1.2.1",
     "typescript": "^5.6.2",
-    "unocss": "^0.62.4",
+    "unocss": "^0.63.2",
     "unplugin-icons": "^0.19.3",
     "unplugin-vue-components": "^0.27.4",
     "unplugin-vue-markdown": "^0.26.2",
@@ -107,12 +106,12 @@
     "vite-plugin-static-copy": "^1.0.6",
     "vite-plugin-vue-server-ref": "^0.4.2",
     "vitefu": "^1.0.2",
-    "vue": "^3.5.9",
+    "vue": "^3.5.10",
     "yaml": "^2.5.1",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.50.0-beta.1",
-    "@slidev/parser": "0.50.0-beta.1",
-    "@slidev/types": "0.50.0-beta.1"
+    "@slidev/client": "0.50.0-beta.3",
+    "@slidev/types": "0.50.0-beta.3",
+    "@slidev/parser": "0.50.0-beta.3"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/template.md

@@ -6,8 +6,6 @@ theme: seriph
 background: https://cover.sli.dev
 # apply any unocss classes to the current slide
 class: 'text-center'
-# https://sli.dev/custom/config-highlighter.html
-highlighter: shiki
 # some information about the slides, markdown enabled
 info: |
   ## Slidev Starter Template
@@ -237,8 +235,8 @@ theme: seriph
 
 </div>
 
-Read more about [How to use a theme](https://sli.dev/themes/use.html) and
-check out the [Awesome Themes Gallery](https://sli.dev/themes/gallery.html).
+Read more about [How to use a theme](https://sli.dev/guide/theme-addon#use-theme) and
+check out the [Awesome Themes Gallery](https://sli.dev/resources/theme-gallery).
 
 ---
 preload: false

package/dist/chunk-6DS3IPOB.js

@@ -1,31 +0,0 @@
-// node/syntax/transform/utils.ts
-function normalizeRangeStr(rangeStr = "") {
-  return !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
-}
-function getCodeBlocks(md) {
-  const codeblocks = Array.from(md.matchAll(/^```[\s\S]*?^```/gm)).map((m) => {
-    const start = m.index;
-    const end = m.index + m[0].length;
-    const startLine = md.slice(0, start).match(/\n/g)?.length || 0;
-    const endLine = md.slice(0, end).match(/\n/g)?.length || 0;
-    return [start, end, startLine, endLine];
-  });
-  return {
-    codeblocks,
-    isInsideCodeblocks(idx) {
-      return codeblocks.some(([s, e]) => s <= idx && idx <= e);
-    },
-    isLineInsideCodeblocks(line) {
-      return codeblocks.some(([, , s, e]) => s <= line && line <= e);
-    }
-  };
-}
-function escapeVueInCode(md) {
-  return md.replace(/\{\{/g, "&lbrace;&lbrace;");
-}
-
-export {
-  normalizeRangeStr,
-  getCodeBlocks,
-  escapeVueInCode
-};

package/dist/markdown-it-prism-44L27JJK.js

@@ -1,107 +0,0 @@
-import {
-  escapeVueInCode
-} from "./chunk-6DS3IPOB.js";
-
-// node/syntax/markdown-it/markdown-it-prism.ts
-import { createRequire } from "node:module";
-import * as htmlparser2 from "htmlparser2";
-import Prism from "prismjs";
-import loadLanguages from "prismjs/components/index.js";
-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
-};