@slidev/cli 0.49.10 → 0.49.12

package/dist/chunk-Z7QBEIOP.mjs

@@ -0,0 +1,29 @@
+import {
+  resolveViteConfigs
+} from "./chunk-KNG6PIQ7.mjs";
+
+// node/commands/server.ts
+import { join } from "node:path";
+import process from "node:process";
+import { createServer as createViteServer } from "vite";
+async function createServer(options, viteConfig = {}, serverOptions) {
+  process.env.EDITOR = process.env.EDITOR || "code";
+  const inlineConfig = await resolveViteConfigs(
+    options,
+    {
+      optimizeDeps: {
+        entries: [
+          join(options.clientRoot, "main.ts")
+        ]
+      }
+    },
+    viteConfig,
+    "serve",
+    serverOptions
+  );
+  return await createViteServer(inlineConfig);
+}
+
+export {
+  createServer
+};

package/dist/cli.mjs

@@ -1,6 +1,6 @@
 import {
   createServer
-} from "./chunk-YTSG6ZR5.mjs";
+} from "./chunk-Z7QBEIOP.mjs";
 import {
   getThemeMeta,
   parser,
@@ -8,7 +8,7 @@ import {
   resolveOptions,
   resolveTheme,
   version
-} from "./chunk-SRWMA3GA.mjs";
+} from "./chunk-KNG6PIQ7.mjs";
 import {
   loadSetups
 } from "./chunk-LOUKLO2C.mjs";
@@ -328,7 +328,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-I53OZ3FH.mjs");
+    const { build } = await import("./build-U63KCQIF.mjs");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)
@@ -408,7 +408,7 @@ cli.command(
   (args) => exportOptions(commonOptions(args)).strict().help(),
   async (args) => {
     const { entry, theme } = args;
-    const { exportSlides, getExportOptions } = await import("./export-BSOHDR2A.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-IRR3JZOI.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme }, "export");
@@ -457,7 +457,7 @@ cli.command(
     timeout,
     wait
   }) => {
-    const { exportNotes } = await import("./export-BSOHDR2A.mjs");
+    const { exportNotes } = await import("./export-IRR3JZOI.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile }, "export");
@@ -509,6 +509,10 @@ function exportOptions(args) {
   }).option("wait", {
     type: "number",
     describe: "wait for the specified ms before exporting"
+  }).option("wait-until", {
+    type: "string",
+    choices: ["networkidle", "load", "domcontentloaded", "none"],
+    describe: "wait until the specified event before exporting each slide"
   }).option("range", {
     type: "string",
     describe: 'page ranges to export, for example "1,4-5,6"'

package/dist/{export-BSOHDR2A.mjs → export-IRR3JZOI.mjs}

@@ -78,7 +78,8 @@ async function exportNotes({
   base = "/",
   output = "notes",
   timeout = 3e4,
-  wait = 0
+  wait = 0,
+  waitUntil
 }) {
   const { chromium } = await importPlaywright();
   const browser = await chromium.launch();
@@ -88,8 +89,9 @@ async function exportNotes({
   progress.start(1);
   if (!output.endsWith(".pdf"))
     output = `${output}.pdf`;
-  await page.goto(`http://localhost:${port}${base}presenter/print`, { waitUntil: "networkidle", timeout });
-  await page.waitForLoadState("networkidle");
+  await page.goto(`http://localhost:${port}${base}presenter/print`, { waitUntil, timeout });
+  if (waitUntil)
+    await page.waitForLoadState(waitUntil);
   await page.emulateMedia({ media: "screen" });
   if (wait)
     await page.waitForTimeout(wait);
@@ -126,7 +128,8 @@ async function exportSlides({
   executablePath = void 0,
   withToc = false,
   perSlide = false,
-  scale = 1
+  scale = 1,
+  waitUntil
 }) {
   const pages = parseRangeString(total, range);
   const { chromium } = await importPlaywright();
@@ -155,10 +158,11 @@ async function exportSlides({
       query.set("clicks", clicks);
     const url = routerMode === "hash" ? `http://localhost:${port}${base}?${query}#${no}` : `http://localhost:${port}${base}${no}?${query}`;
     await page.goto(url, {
-      waitUntil: "networkidle",
+      waitUntil,
       timeout
     });
-    await page.waitForLoadState("networkidle");
+    if (waitUntil)
+      await page.waitForLoadState(waitUntil);
     await page.emulateMedia({ colorScheme: dark ? "dark" : "light", media: "screen" });
     const slide = no === "print" ? page.locator("body") : page.locator(`[data-slidev-no="${no}"]`);
     await slide.waitFor();
@@ -442,6 +446,7 @@ function getExportOptions(args, options, outDir, outFilename) {
     ...options.data.config.export,
     ...args,
     ...clearUndefined({
+      waitUntil: args["wait-until"],
       withClicks: args["with-clicks"],
       executablePath: args["executable-path"],
       withToc: args["with-toc"],
@@ -454,6 +459,7 @@ function getExportOptions(args, options, outDir, outFilename) {
     format,
     timeout,
     wait,
+    waitUntil,
     range,
     dark,
     withClicks,
@@ -473,6 +479,7 @@ function getExportOptions(args, options, outDir, outFilename) {
     format: format || "pdf",
     timeout: timeout ?? 3e4,
     wait: wait ?? 0,
+    waitUntil: waitUntil === "none" ? void 0 : waitUntil,
     dark: dark || options.data.config.colorSchema === "dark",
     routerMode: options.data.config.routerMode,
     width: options.data.config.canvasWidth,

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import {
   createServer
-} from "./chunk-YTSG6ZR5.mjs";
+} from "./chunk-Z7QBEIOP.mjs";
 import {
   ViteSlidevPlugin,
   createDataUtils,
   parser,
   resolveOptions
-} from "./chunk-SRWMA3GA.mjs";
+} from "./chunk-KNG6PIQ7.mjs";
 import "./chunk-LOUKLO2C.mjs";
 import "./chunk-RG2EEPCO.mjs";
 import "./chunk-BXO7ZPPU.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/cli",
-  "version": "0.49.10",
+  "version": "0.49.12",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -44,20 +44,19 @@
   "dependencies": {
     "@antfu/ni": "^0.21.12",
     "@antfu/utils": "^0.7.8",
-    "@iconify-json/carbon": "^1.1.34",
+    "@iconify-json/carbon": "^1.1.36",
     "@iconify-json/ph": "^1.1.13",
     "@iconify-json/svg-spinners": "^1.1.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.6.1",
-    "@shikijs/twoslash": "^1.6.1",
-    "@shikijs/vitepress-twoslash": "^1.6.1",
-    "@unocss/extractor-mdc": "^0.60.4",
-    "@unocss/reset": "^0.60.4",
+    "@shikijs/markdown-it": "^1.9.1",
+    "@shikijs/twoslash": "^1.9.1",
+    "@shikijs/vitepress-twoslash": "^1.9.1",
+    "@unocss/extractor-mdc": "^0.61.0",
+    "@unocss/reset": "^0.61.0",
     "@vitejs/plugin-vue": "^5.0.5",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
     "chokidar": "^3.6.0",
     "cli-progress": "^3.12.0",
-    "codemirror": "^5.65.16",
     "connect": "^3.7.0",
     "debug": "^4.3.5",
     "fast-deep-equal": "^3.1.3",
@@ -67,7 +66,7 @@
     "global-directory": "^4.0.1",
     "htmlparser2": "^9.1.0",
     "is-installed-globally": "^1.0.0",
-    "jiti": "^1.21.0",
+    "jiti": "^1.21.6",
     "katex": "^0.16.10",
     "kolorist": "^1.8.0",
     "local-pkg": "^0.5.0",
@@ -78,8 +77,8 @@
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mdc": "^0.2.5",
     "micromatch": "^4.0.7",
-    "mlly": "^1.7.0",
-    "monaco-editor": "^0.49.0",
+    "mlly": "^1.7.1",
+    "monaco-editor": "^0.50.0",
     "open": "^10.1.0",
     "pdf-lib": "^1.17.1",
     "plantuml-encoder": "^1.4.0",
@@ -91,28 +90,28 @@
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
     "semver": "^7.6.2",
-    "shiki": "^1.6.1",
+    "shiki": "^1.9.1",
     "shiki-magic-move": "^0.4.2",
     "sirv": "^2.0.4",
     "source-map-js": "^1.2.0",
-    "typescript": "^5.4.5",
-    "unocss": "^0.60.4",
+    "typescript": "^5.5.2",
+    "unocss": "^0.61.0",
     "unplugin-icons": "^0.19.0",
-    "unplugin-vue-components": "^0.27.0",
+    "unplugin-vue-components": "^0.27.1",
     "unplugin-vue-markdown": "^0.26.2",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^5.2.12",
+    "vite": "^5.3.1",
     "vite-plugin-inspect": "^0.8.4",
     "vite-plugin-remote-assets": "^0.4.1",
     "vite-plugin-static-copy": "^1.0.5",
     "vite-plugin-vue-server-ref": "^0.4.2",
     "vitefu": "^0.2.5",
-    "vue": "^3.4.27",
+    "vue": "^3.4.30",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.49.10",
-    "@slidev/types": "0.49.10",
-    "@slidev/parser": "0.49.10"
+    "@slidev/client": "0.49.12",
+    "@slidev/parser": "0.49.12",
+    "@slidev/types": "0.49.12"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/template.md

@@ -49,23 +49,23 @@ transition: fade-out
 
 # What is Slidev?
 
-Slidev is a slides maker and presenter designed for developers, consist of the following features
+Slidev is a slide maker and accompanying presentation tool designed for developers. It consists of the following features:
 
-- 📝 **Text-based** - focus on the content with Markdown, and then style them later
-- 🎨 **Themable** - theme can be shared and used with npm packages
+- 📝 **Text-based** - focus on the content with Markdown, and apply styles later
+- 🎨 **Themable** - themes can be shared and used as npm packages
 - 🧑‍💻 **Developer Friendly** - code highlighting, live coding with autocompletion
-- 🤹 **Interactive** - embedding Vue components to enhance your expressions
+- 🤹 **Interactive** - embedding Vue components to enhance your slides
 - 🎥 **Recording** - built-in recording and camera view
-- 📤 **Portable** - export into PDF, PPTX, PNGs, or even a hostable SPA
-- 🛠 **Hackable** - anything possible on a webpage
+- 📤 **Portable** - export to PDF, PPTX, PNGs, or even a hostable SPA
+- 🛠 **Hackable** - virtually anything that's possible on a webpage is possible in Slidev
 
 <br>
 <br>
 
-Read more about [Why Slidev?](https://sli.dev/guide/why)
+Read more about Slidev in [Why Slidev?](https://sli.dev/guide/why)
 
 <!--
-You can have `style` tag in markdown to override the style for the current page.
+You can have `style` tags in markdown to override the style for the current page.
 Learn more: https://sli.dev/guide/syntax#embedded-styles
 -->
 
@@ -104,7 +104,7 @@ level: 2
 
 # Navigation
 
-Hover on the bottom-left corner to see the navigation's controls panel, [learn more](https://sli.dev/guide/navigation.html)
+Hover on the bottom-left corner to see the navigation's control panel, [learn more](https://sli.dev/guide/navigation.html)
 
 ## Keyboard Shortcuts
 
@@ -131,7 +131,7 @@ image: https://cover.sli.dev
 
 # Code
 
-Use code snippets and get the highlighting directly, and even types hover![^1]
+Use code snippets and get automatic highlighting, and even types hover![^1]
 
 ```ts {all|5|7|7-8|10|all} twoslash
 // TwoSlash enables TypeScript hover information
@@ -176,7 +176,7 @@ doubled.value = 2
 
 You can use Vue components directly inside your slides.
 
-We have provided a few built-in components like `<Tweet/>` and `<Youtube/>` that you can use directly. And adding your custom components is also super easy.
+We have provided a few built-in components like `<Tweet/>` and `<Youtube/>` that you can use directly. Adding your own custom components is also super easy.
 
 ```html
 <Counter :count="10" />
@@ -200,7 +200,7 @@ Check out [the guides](https://sli.dev/builtin/components.html) for more.
 </div>
 
 <!--
-Presenter note with **bold**, *italic*, and ~~striked~~ text.
+Presenter notes with **bold**, *italic*, and ~~strike~~ text.
 
 Also, HTML elements are valid:
 <div class="flex w-full">
@@ -215,7 +215,7 @@ class: px-20
 
 # Themes
 
-Slidev comes with powerful theming support. Themes can provide styles, layouts, components, or even configurations for tools. Switching between themes by just **one edit** in your frontmatter:
+Slidev comes with powerful theming support. Themes can provide styles, layouts, components, or even configurations for tools. Switch between themes on a per-slide basis with just **one change** in your frontmatter:
 
 <div grid="~ cols-2 gap-2" m="t-2">
 
@@ -294,7 +294,7 @@ Animations are powered by [@vueuse/motion](https://motion.vueuse.org/).
   </div>
 </div>
 
-<!-- vue script setup scripts can be directly used in markdown, and will only affects current page -->
+<!-- vue script setup scripts can be directly used in markdown, and will only affect the current page -->
 <script setup lang="ts">
 const final = {
   x: 0,
@@ -432,4 +432,4 @@ class: text-center
 
 # Learn More
 
-[Documentations](https://sli.dev) · [GitHub](https://github.com/slidevjs/slidev) · [Showcases](https://sli.dev/showcases.html)
+[Documentation](https://sli.dev) · [GitHub](https://github.com/slidevjs/slidev) · [Showcases](https://sli.dev/showcases.html)

package/dist/chunk-YTSG6ZR5.mjs

@@ -1,44 +0,0 @@
-import {
-  ViteSlidevPlugin,
-  mergeViteConfigs
-} from "./chunk-SRWMA3GA.mjs";
-
-// node/commands/server.ts
-import { join } from "node:path";
-import process from "node:process";
-import { createServer as createViteServer, mergeConfig } from "vite";
-async function createServer(options, viteConfig = {}, serverOptions = {}) {
-  process.env.EDITOR = process.env.EDITOR || "code";
-  const config = await mergeViteConfigs(
-    options,
-    viteConfig,
-    {
-      root: options.userRoot,
-      optimizeDeps: {
-        entries: [
-          join(options.clientRoot, "main.ts")
-        ]
-      }
-    },
-    "serve"
-  );
-  const server = await createViteServer(
-    mergeConfig(
-      config,
-      {
-        plugins: [
-          await ViteSlidevPlugin(options, config.slidev || {}, serverOptions)
-        ],
-        define: {
-          // Fixes Vue production mode breaking PDF Export #1245
-          __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
-        }
-      }
-    )
-  );
-  return server;
-}
-
-export {
-  createServer
-};