@slidev/cli 0.38.7 → 0.38.8

package/dist/{build-2WSKFKOA.mjs → build-GNCYENZG.mjs}

@@ -724,7 +724,7 @@ async function build(options, viteConfig = {}, args) {
     await fs2.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => __toESM(__require("./export-LL3DLTJH.mjs")));
+    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => __toESM(__require("./export-P6VFSLAQ.mjs")));
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{build-S6XIJ3EO.js → build-XTITLXMQ.js}

@@ -724,7 +724,7 @@ async function build(options, viteConfig = {}, args) {
     await _fsextra2.default.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./export-BWNX2QVG.js")));
+    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./export-2BM4EQEA.js")));
     const port = 12445;
     const app = _connect2.default.call(void 0, );
     const server = _http2.default.createServer(app);

package/dist/{chunk-35GWFKPP.js → chunk-LC4O3TXI.js}

@@ -2450,7 +2450,7 @@ _chunkOVFYMGU6js.init_cjs_shims.call(void 0, );
 var _fs = require('@slidev/parser/fs'); var parser = _interopRequireWildcard(_fs);
 
 // package.json
-var version = "0.38.7";
+var version = "0.38.8";
 
 // node/themes.ts
 _chunkOVFYMGU6js.init_cjs_shims.call(void 0, );

package/dist/{chunk-5HOW7RNS.mjs → chunk-S7VB5HAT.mjs}

@@ -2451,7 +2451,7 @@ init_esm_shims();
 import * as parser from "@slidev/parser/fs";
 
 // package.json
-var version = "0.38.7";
+var version = "0.38.8";
 
 // node/themes.ts
 init_esm_shims();

package/dist/cli.js

@@ -9,7 +9,7 @@
 
 
 
-var _chunk35GWFKPPjs = require('./chunk-35GWFKPP.js');
+var _chunkLC4O3TXIjs = require('./chunk-LC4O3TXI.js');
 
 
 
@@ -24,7 +24,6 @@ var _chunkOVFYMGU6js = require('./chunk-OVFYMGU6.js');
 _chunkOVFYMGU6js.init_cjs_shims.call(void 0, );
 var import_fast_deep_equal = _chunkOVFYMGU6js.__toESM.call(void 0, _chunkHHR7Q56Zjs.require_fast_deep_equal.call(void 0, ));
 var _path = require('path'); var _path2 = _interopRequireDefault(_path);
-var _net = require('net'); var _net2 = _interopRequireDefault(_net);
 var _os = require('os'); var _os2 = _interopRequireDefault(_os);
 var _child_process = require('child_process');
 var _readline = require('readline'); var readline = _interopRequireWildcard(_readline);
@@ -36,6 +35,7 @@ var _kolorist = require('kolorist');
 var _isinstalledglobally = require('is-installed-globally'); var _isinstalledglobally2 = _interopRequireDefault(_isinstalledglobally);
 var _parser = require('@slidev/parser');
 var _fs = require('@slidev/parser/fs');
+var _getportplease = require('get-port-please');
 var CONFIG_RESTART_FIELDS = [
   "highlighter",
   "monaco",
@@ -47,14 +47,14 @@ _fs.injectPreparserExtensionLoader.call(void 0, async (headmatter, filepath) =>
   var _a;
   const addons = (_a = headmatter == null ? void 0 : headmatter.addons) != null ? _a : [];
   const roots = [
-    _chunk35GWFKPPjs.getUserRoot.call(void 0, {}).userRoot,
-    ..._chunk35GWFKPPjs.getAddonRoots.call(void 0, addons, ""),
-    _chunk35GWFKPPjs.getClientRoot.call(void 0, )
+    _chunkLC4O3TXIjs.getUserRoot.call(void 0, {}).userRoot,
+    ..._chunkLC4O3TXIjs.getAddonRoots.call(void 0, addons, ""),
+    _chunkLC4O3TXIjs.getClientRoot.call(void 0, )
   ];
   const mergeArrays = (a, b) => a.concat(b);
   return await _chunkHHR7Q56Zjs.loadSetups.call(void 0, roots, "preparser.ts", { filepath, headmatter }, [], false, mergeArrays);
 });
-var cli = _yargs2.default.scriptName("slidev").usage("$0 [args]").version(_chunk35GWFKPPjs.version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
+var cli = _yargs2.default.scriptName("slidev").usage("$0 [args]").version(_chunkLC4O3TXIjs.version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
 cli.command(
   "* [entry]",
   "Start a local server for Slidev",
@@ -105,9 +105,9 @@ cli.command(
     async function initServer() {
       if (server)
         await server.close();
-      const options = await _chunk35GWFKPPjs.resolveOptions.call(void 0, { entry, remote, theme, inspect }, "dev");
+      const options = await _chunkLC4O3TXIjs.resolveOptions.call(void 0, { entry, remote, theme, inspect }, "dev");
       port = userPort || await findFreePort(3030);
-      server = await _chunk35GWFKPPjs.createServer.call(void 0, 
+      server = await _chunkLC4O3TXIjs.createServer.call(void 0, 
         options,
         {
           server: {
@@ -121,7 +121,7 @@ cli.command(
         },
         {
           onDataReload(newData, data) {
-            if (!theme && _chunk35GWFKPPjs.resolveThemeName.call(void 0, newData.config.theme) !== _chunk35GWFKPPjs.resolveThemeName.call(void 0, data.config.theme)) {
+            if (!theme && _chunkLC4O3TXIjs.resolveThemeName.call(void 0, newData.config.theme) !== _chunkLC4O3TXIjs.resolveThemeName.call(void 0, data.config.theme)) {
               console.log(_kolorist.yellow.call(void 0, "\n  restarting on theme change\n"));
               initServer();
             } else if (CONFIG_RESTART_FIELDS.some((i) => !(0, import_fast_deep_equal.default)(newData.config[i], data.config[i]))) {
@@ -208,8 +208,8 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./build-S6XIJ3EO.js")));
-    const options = await _chunk35GWFKPPjs.resolveOptions.call(void 0, { entry, theme, inspect }, "build");
+    const { build } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./build-XTITLXMQ.js")));
+    const options = await _chunkLC4O3TXIjs.resolveOptions.call(void 0, { entry, theme, inspect }, "build");
     if (download && !options.data.config.download)
       options.data.config.download = download;
     printInfo(options);
@@ -227,9 +227,9 @@ cli.command(
   "Format the markdown file",
   (args) => commonOptions(args).strict().help(),
   async ({ entry }) => {
-    const data = await _chunk35GWFKPPjs.parser.load(entry);
-    _chunk35GWFKPPjs.parser.prettify(data);
-    await _chunk35GWFKPPjs.parser.save(data);
+    const data = await _chunkLC4O3TXIjs.parser.load(entry);
+    _chunkLC4O3TXIjs.parser.prettify(data);
+    await _chunkLC4O3TXIjs.parser.save(data);
   }
 );
 cli.command(
@@ -244,17 +244,17 @@ cli.command(
         default: "theme"
       }),
       async ({ entry, dir, theme: themeInput }) => {
-        const data = await _chunk35GWFKPPjs.parser.load(entry);
-        const theme = _chunk35GWFKPPjs.resolveThemeName.call(void 0, themeInput || data.config.theme);
+        const data = await _chunkLC4O3TXIjs.parser.load(entry);
+        const theme = _chunkLC4O3TXIjs.resolveThemeName.call(void 0, themeInput || data.config.theme);
         if (theme === "none") {
           console.error('Cannot eject theme "none"');
           process.exit(1);
         }
-        if (_chunk35GWFKPPjs.isPath.call(void 0, theme)) {
+        if (_chunkLC4O3TXIjs.isPath.call(void 0, theme)) {
           console.error("Theme is already ejected");
           process.exit(1);
         }
-        const roots = _chunk35GWFKPPjs.getThemeRoots.call(void 0, theme, entry);
+        const roots = _chunkLC4O3TXIjs.getThemeRoots.call(void 0, theme, entry);
         if (!roots.length) {
           console.error(`Could not find theme "${theme}"`);
           process.exit(1);
@@ -266,7 +266,7 @@ cli.command(
         const dirPath = `./${dir}`;
         data.slides[0].frontmatter.theme = dirPath;
         data.slides[0].raw = null;
-        await _chunk35GWFKPPjs.parser.save(data);
+        await _chunkLC4O3TXIjs.parser.save(data);
         console.log(`Theme "${theme}" ejected successfully to "${dirPath}"`);
       }
     );
@@ -283,10 +283,10 @@ cli.command(
   async (args) => {
     const { entry, theme } = args;
     process.env.NODE_ENV = "production";
-    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./export-BWNX2QVG.js")));
+    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./export-2BM4EQEA.js")));
     const port = await findFreePort(12445);
-    const options = await _chunk35GWFKPPjs.resolveOptions.call(void 0, { entry, theme }, "export");
-    const server = await _chunk35GWFKPPjs.createServer.call(void 0, 
+    const options = await _chunkLC4O3TXIjs.resolveOptions.call(void 0, { entry, theme }, "export");
+    const server = await _chunkLC4O3TXIjs.createServer.call(void 0, 
       options,
       {
         server: { port },
@@ -295,7 +295,7 @@ cli.command(
     );
     await server.listen(port);
     printInfo(options);
-    _chunk35GWFKPPjs.parser.filterDisabled(options.data);
+    _chunkLC4O3TXIjs.parser.filterDisabled(options.data);
     const output = await exportSlides({
       port,
       ...getExportOptions(args, options)
@@ -327,12 +327,12 @@ cli.command(
     timeout
   }) => {
     process.env.NODE_ENV = "production";
-    const { exportNotes } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./export-BWNX2QVG.js")));
+    const { exportNotes } = await Promise.resolve().then(() => _chunkOVFYMGU6js.__toESM.call(void 0, _chunkOVFYMGU6js.__require.call(void 0, "./export-2BM4EQEA.js")));
     const port = await findFreePort(12445);
-    const options = await _chunk35GWFKPPjs.resolveOptions.call(void 0, { entry }, "export");
+    const options = await _chunkLC4O3TXIjs.resolveOptions.call(void 0, { entry }, "export");
     if (!output)
       output = options.data.config.exportFilename ? `${options.data.config.exportFilename}-notes` : `${_path2.default.basename(entry, ".md")}-export-notes`;
-    const server = await _chunk35GWFKPPjs.createServer.call(void 0, 
+    const server = await _chunkLC4O3TXIjs.createServer.call(void 0, 
       options,
       {
         server: { port },
@@ -341,7 +341,7 @@ cli.command(
     );
     await server.listen(port);
     printInfo(options);
-    _chunk35GWFKPPjs.parser.filterDisabled(options.data);
+    _chunkLC4O3TXIjs.parser.filterDisabled(options.data);
     output = await exportNotes({
       port,
       output,
@@ -392,13 +392,16 @@ function exportOptions(args) {
   }).option("with-toc", {
     type: "boolean",
     describe: "export pages with outline"
+  }).option("per-slide", {
+    type: "boolean",
+    describe: "slide slides slide by slide. Works better with global components, but will break cross slide links and TOC in PDF"
   });
 }
 function printInfo(options, port, remote) {
   console.log();
   console.log();
   console.log(`  ${_kolorist.cyan.call(void 0, "\u25CF") + _kolorist.blue.call(void 0, "\u25A0") + _kolorist.yellow.call(void 0, "\u25B2")}`);
-  console.log(`${_kolorist.bold.call(void 0, "  Slidev")}  ${_kolorist.blue.call(void 0, `v${_chunk35GWFKPPjs.version}`)} ${_isinstalledglobally2.default ? _kolorist.yellow.call(void 0, "(global)") : ""}`);
+  console.log(`${_kolorist.bold.call(void 0, "  Slidev")}  ${_kolorist.blue.call(void 0, `v${_chunkLC4O3TXIjs.version}`)} ${_isinstalledglobally2.default ? _kolorist.yellow.call(void 0, "(global)") : ""}`);
   console.log();
   console.log(_kolorist.dim.call(void 0, "  theme   ") + (options.theme ? _kolorist.green.call(void 0, options.theme) : _kolorist.gray.call(void 0, "none")));
   console.log(_kolorist.dim.call(void 0, "  entry   ") + _kolorist.dim.call(void 0, _path2.default.dirname(options.entry) + _path2.default.sep) + _path2.default.basename(options.entry));
@@ -428,24 +431,8 @@ function printInfo(options, port, remote) {
   _parser.verifyConfig.call(void 0, options.data.config, options.data.themeMeta, (v) => console.warn(_kolorist.yellow.call(void 0, `  ! ${v}`)));
   console.log();
 }
-function isPortFree(port) {
-  return new Promise((resolve) => {
-    const server = _net2.default.createServer((socket) => {
-      socket.write("Echo server\r\n");
-      socket.pipe(socket);
-    });
-    server.listen(port, "127.0.0.1");
-    server.on("error", () => {
-      resolve(false);
-    });
-    server.on("listening", () => {
-      server.close();
-      resolve(true);
-    });
-  });
-}
 async function findFreePort(start) {
-  if (await isPortFree(start))
+  if (await _getportplease.checkPort.call(void 0, start) !== false)
     return start;
   return findFreePort(start + 1);
 }

package/dist/cli.mjs

@@ -9,7 +9,7 @@ import {
   resolveOptions,
   resolveThemeName,
   version
-} from "./chunk-5HOW7RNS.mjs";
+} from "./chunk-S7VB5HAT.mjs";
 import {
   loadSetups,
   require_fast_deep_equal
@@ -25,7 +25,6 @@ import {
 init_esm_shims();
 var import_fast_deep_equal = __toESM(require_fast_deep_equal());
 import path from "path";
-import net from "net";
 import os from "os";
 import { exec } from "child_process";
 import * as readline from "readline";
@@ -37,6 +36,7 @@ import { blue, bold, cyan, dim, gray, green, underline, yellow } from "kolorist"
 import isInstalledGlobally from "is-installed-globally";
 import { verifyConfig } from "@slidev/parser";
 import { injectPreparserExtensionLoader } from "@slidev/parser/fs";
+import { checkPort } from "get-port-please";
 var CONFIG_RESTART_FIELDS = [
   "highlighter",
   "monaco",
@@ -209,7 +209,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await Promise.resolve().then(() => __toESM(__require("./build-2WSKFKOA.mjs")));
+    const { build } = await Promise.resolve().then(() => __toESM(__require("./build-GNCYENZG.mjs")));
     const options = await resolveOptions({ entry, theme, inspect }, "build");
     if (download && !options.data.config.download)
       options.data.config.download = download;
@@ -284,7 +284,7 @@ cli.command(
   async (args) => {
     const { entry, theme } = args;
     process.env.NODE_ENV = "production";
-    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => __toESM(__require("./export-LL3DLTJH.mjs")));
+    const { exportSlides, getExportOptions } = await Promise.resolve().then(() => __toESM(__require("./export-P6VFSLAQ.mjs")));
     const port = await findFreePort(12445);
     const options = await resolveOptions({ entry, theme }, "export");
     const server = await createServer(
@@ -328,7 +328,7 @@ cli.command(
     timeout
   }) => {
     process.env.NODE_ENV = "production";
-    const { exportNotes } = await Promise.resolve().then(() => __toESM(__require("./export-LL3DLTJH.mjs")));
+    const { exportNotes } = await Promise.resolve().then(() => __toESM(__require("./export-P6VFSLAQ.mjs")));
     const port = await findFreePort(12445);
     const options = await resolveOptions({ entry }, "export");
     if (!output)
@@ -393,6 +393,9 @@ function exportOptions(args) {
   }).option("with-toc", {
     type: "boolean",
     describe: "export pages with outline"
+  }).option("per-slide", {
+    type: "boolean",
+    describe: "slide slides slide by slide. Works better with global components, but will break cross slide links and TOC in PDF"
   });
 }
 function printInfo(options, port, remote) {
@@ -429,24 +432,8 @@ function printInfo(options, port, remote) {
   verifyConfig(options.data.config, options.data.themeMeta, (v) => console.warn(yellow(`  ! ${v}`)));
   console.log();
 }
-function isPortFree(port) {
-  return new Promise((resolve) => {
-    const server = net.createServer((socket) => {
-      socket.write("Echo server\r\n");
-      socket.pipe(socket);
-    });
-    server.listen(port, "127.0.0.1");
-    server.on("error", () => {
-      resolve(false);
-    });
-    server.on("listening", () => {
-      server.close();
-      resolve(true);
-    });
-  });
-}
 async function findFreePort(start) {
-  if (await isPortFree(start))
+  if (await checkPort(start) !== false)
     return start;
   return findFreePort(start + 1);
 }

package/dist/{export-BWNX2QVG.js → export-2BM4EQEA.js}

@@ -122,7 +122,8 @@ async function exportSlides({
   height = 1080,
   withClicks = false,
   executablePath = void 0,
-  withToc = false
+  withToc = false,
+  perSlide = false
 }) {
   if (!_chunkOVFYMGU6js.packageExists.call(void 0, "playwright-chromium"))
     throw new Error("The exporting for Slidev is powered by Playwright, please installed it via `npm i -D playwright-chromium`");
@@ -134,12 +135,12 @@ async function exportSlides({
   const context = await browser.newContext({
     viewport: {
       width,
-      height: height * pages.length
+      height: perSlide ? height : height * pages.length
     },
     deviceScaleFactor: 1
   });
   const page = await context.newPage();
-  const progress = createSlidevProgress(true);
+  const progress = createSlidevProgress(!perSlide);
   async function go(no, clicks) {
     const path2 = `${no}?print${withClicks ? "=clicks" : ""}${clicks ? `&clicks=${clicks}` : ""}${range ? `&range=${range}` : ""}`;
     const url = routerMode === "hash" ? `http://localhost:${port}${base}#${path2}` : `http://localhost:${port}${base}${path2}`;
@@ -149,20 +150,20 @@ async function exportSlides({
     });
     await page.waitForLoadState("networkidle");
     await page.emulateMedia({ colorScheme: dark ? "dark" : "light", media: "screen" });
-    const elements = await page.locator("[data-waitfor]");
+    const elements = page.locator("[data-waitfor]");
     const count = await elements.count();
     for (let index = 0; index < count; index++) {
-      const element = await elements.nth(index);
+      const element = elements.nth(index);
       const attribute = await element.getAttribute("data-waitfor");
       if (attribute)
         await element.locator(attribute).waitFor();
     }
-    const frames = await page.frames();
+    const frames = page.frames();
     await Promise.all(frames.map((frame) => frame.waitForLoadState()));
   }
   async function getSlidesIndex() {
     const clicksBySlide = {};
-    const slides2 = await page.locator(".slide-container");
+    const slides2 = page.locator(".print-slide-container");
     const count = await slides2.count();
     for (let i = 0; i < count; i++) {
       const id = await slides2.nth(i).getAttribute("id") || "";
@@ -176,10 +177,56 @@ async function exportSlides({
     }, []));
     return slideIndexes;
   }
-  async function genPagePdf() {
+  function getClicksFromUrl(url) {
+    var _a;
+    return (_a = url.match(/clicks=([1-9][0-9]*)/)) == null ? void 0 : _a[1];
+  }
+  async function genPageWithClicks(fn, i, clicks) {
+    await fn(i, clicks);
+    if (withClicks) {
+      await page.keyboard.press("ArrowRight", { delay: 100 });
+      const _clicks = getClicksFromUrl(page.url());
+      if (_clicks && clicks !== _clicks)
+        await genPageWithClicks(fn, i, _clicks);
+    }
+  }
+  async function genPagePdfPerSlide() {
+    const buffers = [];
+    const genPdfBuffer = async (i, clicks) => {
+      await go(i, clicks);
+      const pdf = await page.pdf({
+        width,
+        height,
+        margin: {
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        },
+        pageRanges: "1",
+        printBackground: true,
+        preferCSSPageSize: true
+      });
+      buffers.push(pdf);
+    };
+    let idx = 0;
+    for (const i of pages) {
+      await genPageWithClicks(genPdfBuffer, i);
+      progress.update(++idx);
+    }
+    const mergedPdf = await _pdflib.PDFDocument.create({});
+    for (const pdfBytes of buffers) {
+      const pdf = await _pdflib.PDFDocument.load(pdfBytes);
+      const copiedPages = await mergedPdf.copyPages(pdf, pdf.getPageIndices());
+      copiedPages.forEach((page2) => {
+        mergedPdf.addPage(page2);
+      });
+    }
+    const buffer = await mergedPdf.save();
+    await _fsextra2.default.writeFile(output, buffer);
+  }
+  async function genPagePdfOnePiece() {
     var _a;
-    if (!output.endsWith(".pdf"))
-      output = `${output}.pdf`;
     await go("print");
     const slideIndexes = await getSlidesIndex();
     await page.pdf({
@@ -214,10 +261,10 @@ async function exportSlides({
     pdfData = Buffer.from(await pdf.save());
     await _fsextra2.default.writeFile(output, pdfData);
   }
-  async function genPagePng() {
+  async function genPagePngOnePiece() {
     await go("print");
     await _fsextra2.default.emptyDir(output);
-    const slides2 = await page.locator(".slide-container");
+    const slides2 = await page.locator(".print-slide-container");
     const count = await slides2.count();
     for (let i = 0; i < count; i++) {
       progress.update(i + 1);
@@ -227,6 +274,28 @@ async function exportSlides({
       await _fsextra2.default.writeFile(_path2.default.join(output, `${id}.png`), buffer);
     }
   }
+  async function genPagePngPerSlide() {
+    const genScreenshot = async (i, clicks) => {
+      await go(i, clicks);
+      await page.screenshot({
+        omitBackground: false,
+        path: _path2.default.join(
+          output,
+          `${i.toString().padStart(2, "0")}${clicks ? `-${clicks}` : ""}.png`
+        )
+      });
+    };
+    for (const i of pages)
+      await genPageWithClicks(genScreenshot, i);
+  }
+  function genPagePdf() {
+    if (!output.endsWith(".pdf"))
+      output = `${output}.pdf`;
+    return perSlide ? genPagePdfPerSlide() : genPagePdfOnePiece();
+  }
+  function genPagePng() {
+    return perSlide ? genPagePngPerSlide() : genPagePngOnePiece();
+  }
   async function genPageMd(slides2) {
     const files = await _fsextra2.default.readdir(output);
     const mds = files.map((file, i, files2) => {
@@ -270,7 +339,8 @@ function getExportOptions(args, options, outDir, outFilename) {
     ...args,
     withClicks: args["with-clicks"],
     executablePath: args["executable-path"],
-    withToc: args["with-toc"]
+    withToc: args["with-toc"],
+    perSlide: args["per-slide"]
   };
   const {
     entry,
@@ -281,7 +351,8 @@ function getExportOptions(args, options, outDir, outFilename) {
     dark,
     withClicks,
     executablePath,
-    withToc
+    withToc,
+    perSlide
   } = config;
   outFilename = output || options.data.config.exportFilename || outFilename || `${_path2.default.basename(entry, ".md")}-export`;
   if (outDir)
@@ -292,14 +363,15 @@ function getExportOptions(args, options, outDir, outFilename) {
     total: options.data.slides.length,
     range,
     format: format || "pdf",
-    timeout: timeout || 3e4,
+    timeout: timeout != null ? timeout : 3e4,
     dark: dark || options.data.config.colorSchema === "dark",
     routerMode: options.data.config.routerMode,
     width: options.data.config.canvasWidth,
     height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
     withClicks: withClicks || false,
     executablePath,
-    withToc: withToc || false
+    withToc: withToc || false,
+    perSlide: perSlide || false
   };
 }
 

package/dist/{export-LL3DLTJH.mjs → export-P6VFSLAQ.mjs}

@@ -122,7 +122,8 @@ async function exportSlides({
   height = 1080,
   withClicks = false,
   executablePath = void 0,
-  withToc = false
+  withToc = false,
+  perSlide = false
 }) {
   if (!packageExists("playwright-chromium"))
     throw new Error("The exporting for Slidev is powered by Playwright, please installed it via `npm i -D playwright-chromium`");
@@ -134,12 +135,12 @@ async function exportSlides({
   const context = await browser.newContext({
     viewport: {
       width,
-      height: height * pages.length
+      height: perSlide ? height : height * pages.length
     },
     deviceScaleFactor: 1
   });
   const page = await context.newPage();
-  const progress = createSlidevProgress(true);
+  const progress = createSlidevProgress(!perSlide);
   async function go(no, clicks) {
     const path2 = `${no}?print${withClicks ? "=clicks" : ""}${clicks ? `&clicks=${clicks}` : ""}${range ? `&range=${range}` : ""}`;
     const url = routerMode === "hash" ? `http://localhost:${port}${base}#${path2}` : `http://localhost:${port}${base}${path2}`;
@@ -149,20 +150,20 @@ async function exportSlides({
     });
     await page.waitForLoadState("networkidle");
     await page.emulateMedia({ colorScheme: dark ? "dark" : "light", media: "screen" });
-    const elements = await page.locator("[data-waitfor]");
+    const elements = page.locator("[data-waitfor]");
     const count = await elements.count();
     for (let index = 0; index < count; index++) {
-      const element = await elements.nth(index);
+      const element = elements.nth(index);
       const attribute = await element.getAttribute("data-waitfor");
       if (attribute)
         await element.locator(attribute).waitFor();
     }
-    const frames = await page.frames();
+    const frames = page.frames();
     await Promise.all(frames.map((frame) => frame.waitForLoadState()));
   }
   async function getSlidesIndex() {
     const clicksBySlide = {};
-    const slides2 = await page.locator(".slide-container");
+    const slides2 = page.locator(".print-slide-container");
     const count = await slides2.count();
     for (let i = 0; i < count; i++) {
       const id = await slides2.nth(i).getAttribute("id") || "";
@@ -176,10 +177,56 @@ async function exportSlides({
     }, []));
     return slideIndexes;
   }
-  async function genPagePdf() {
+  function getClicksFromUrl(url) {
+    var _a;
+    return (_a = url.match(/clicks=([1-9][0-9]*)/)) == null ? void 0 : _a[1];
+  }
+  async function genPageWithClicks(fn, i, clicks) {
+    await fn(i, clicks);
+    if (withClicks) {
+      await page.keyboard.press("ArrowRight", { delay: 100 });
+      const _clicks = getClicksFromUrl(page.url());
+      if (_clicks && clicks !== _clicks)
+        await genPageWithClicks(fn, i, _clicks);
+    }
+  }
+  async function genPagePdfPerSlide() {
+    const buffers = [];
+    const genPdfBuffer = async (i, clicks) => {
+      await go(i, clicks);
+      const pdf = await page.pdf({
+        width,
+        height,
+        margin: {
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        },
+        pageRanges: "1",
+        printBackground: true,
+        preferCSSPageSize: true
+      });
+      buffers.push(pdf);
+    };
+    let idx = 0;
+    for (const i of pages) {
+      await genPageWithClicks(genPdfBuffer, i);
+      progress.update(++idx);
+    }
+    const mergedPdf = await PDFDocument.create({});
+    for (const pdfBytes of buffers) {
+      const pdf = await PDFDocument.load(pdfBytes);
+      const copiedPages = await mergedPdf.copyPages(pdf, pdf.getPageIndices());
+      copiedPages.forEach((page2) => {
+        mergedPdf.addPage(page2);
+      });
+    }
+    const buffer = await mergedPdf.save();
+    await fs.writeFile(output, buffer);
+  }
+  async function genPagePdfOnePiece() {
     var _a;
-    if (!output.endsWith(".pdf"))
-      output = `${output}.pdf`;
     await go("print");
     const slideIndexes = await getSlidesIndex();
     await page.pdf({
@@ -214,10 +261,10 @@ async function exportSlides({
     pdfData = Buffer.from(await pdf.save());
     await fs.writeFile(output, pdfData);
   }
-  async function genPagePng() {
+  async function genPagePngOnePiece() {
     await go("print");
     await fs.emptyDir(output);
-    const slides2 = await page.locator(".slide-container");
+    const slides2 = await page.locator(".print-slide-container");
     const count = await slides2.count();
     for (let i = 0; i < count; i++) {
       progress.update(i + 1);
@@ -227,6 +274,28 @@ async function exportSlides({
       await fs.writeFile(path.join(output, `${id}.png`), buffer);
     }
   }
+  async function genPagePngPerSlide() {
+    const genScreenshot = async (i, clicks) => {
+      await go(i, clicks);
+      await page.screenshot({
+        omitBackground: false,
+        path: path.join(
+          output,
+          `${i.toString().padStart(2, "0")}${clicks ? `-${clicks}` : ""}.png`
+        )
+      });
+    };
+    for (const i of pages)
+      await genPageWithClicks(genScreenshot, i);
+  }
+  function genPagePdf() {
+    if (!output.endsWith(".pdf"))
+      output = `${output}.pdf`;
+    return perSlide ? genPagePdfPerSlide() : genPagePdfOnePiece();
+  }
+  function genPagePng() {
+    return perSlide ? genPagePngPerSlide() : genPagePngOnePiece();
+  }
   async function genPageMd(slides2) {
     const files = await fs.readdir(output);
     const mds = files.map((file, i, files2) => {
@@ -270,7 +339,8 @@ function getExportOptions(args, options, outDir, outFilename) {
     ...args,
     withClicks: args["with-clicks"],
     executablePath: args["executable-path"],
-    withToc: args["with-toc"]
+    withToc: args["with-toc"],
+    perSlide: args["per-slide"]
   };
   const {
     entry,
@@ -281,7 +351,8 @@ function getExportOptions(args, options, outDir, outFilename) {
     dark,
     withClicks,
     executablePath,
-    withToc
+    withToc,
+    perSlide
   } = config;
   outFilename = output || options.data.config.exportFilename || outFilename || `${path.basename(entry, ".md")}-export`;
   if (outDir)
@@ -292,14 +363,15 @@ function getExportOptions(args, options, outDir, outFilename) {
     total: options.data.slides.length,
     range,
     format: format || "pdf",
-    timeout: timeout || 3e4,
+    timeout: timeout != null ? timeout : 3e4,
     dark: dark || options.data.config.colorSchema === "dark",
     routerMode: options.data.config.routerMode,
     width: options.data.config.canvasWidth,
     height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
     withClicks: withClicks || false,
     executablePath,
-    withToc: withToc || false
+    withToc: withToc || false,
+    perSlide: perSlide || false
   };
 }
 export {

package/dist/index.js

@@ -9,7 +9,7 @@
 
 
 
-var _chunk35GWFKPPjs = require('./chunk-35GWFKPP.js');
+var _chunkLC4O3TXIjs = require('./chunk-LC4O3TXI.js');
 
 
 
@@ -36,4 +36,4 @@ _chunkOVFYMGU6js.init_cjs_shims.call(void 0, );
 
 
 
-exports.ViteSlidevPlugin = _chunkHHR7Q56Zjs.ViteSlidevPlugin; exports.createServer = _chunk35GWFKPPjs.createServer; exports.createWindiCSSPlugin = _chunkHHR7Q56Zjs.createWindiCSSPlugin; exports.getAddonRoots = _chunk35GWFKPPjs.getAddonRoots; exports.getCLIRoot = _chunk35GWFKPPjs.getCLIRoot; exports.getClientRoot = _chunk35GWFKPPjs.getClientRoot; exports.getRoot = _chunk35GWFKPPjs.getRoot; exports.getThemeRoots = _chunk35GWFKPPjs.getThemeRoots; exports.getUserRoot = _chunk35GWFKPPjs.getUserRoot; exports.isPath = _chunk35GWFKPPjs.isPath; exports.parser = _chunk35GWFKPPjs.parser; exports.resolveOptions = _chunk35GWFKPPjs.resolveOptions;
+exports.ViteSlidevPlugin = _chunkHHR7Q56Zjs.ViteSlidevPlugin; exports.createServer = _chunkLC4O3TXIjs.createServer; exports.createWindiCSSPlugin = _chunkHHR7Q56Zjs.createWindiCSSPlugin; exports.getAddonRoots = _chunkLC4O3TXIjs.getAddonRoots; exports.getCLIRoot = _chunkLC4O3TXIjs.getCLIRoot; exports.getClientRoot = _chunkLC4O3TXIjs.getClientRoot; exports.getRoot = _chunkLC4O3TXIjs.getRoot; exports.getThemeRoots = _chunkLC4O3TXIjs.getThemeRoots; exports.getUserRoot = _chunkLC4O3TXIjs.getUserRoot; exports.isPath = _chunkLC4O3TXIjs.isPath; exports.parser = _chunkLC4O3TXIjs.parser; exports.resolveOptions = _chunkLC4O3TXIjs.resolveOptions;

package/dist/index.mjs

@@ -9,7 +9,7 @@ import {
   isPath,
   parser,
   resolveOptions
-} from "./chunk-5HOW7RNS.mjs";
+} from "./chunk-S7VB5HAT.mjs";
 import {
   ViteSlidevPlugin,
   createWindiCSSPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/cli",
-  "version": "0.38.7",
+  "version": "0.38.8",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -56,6 +56,7 @@
     "debug": "^4.3.4",
     "fast-glob": "^3.2.12",
     "fs-extra": "^11.1.0",
+    "get-port-please": "^3.0.1",
     "global-dirs": "^3.0.1",
     "import-from": "^4.0.0",
     "is-installed-globally": "^0.4.0",
@@ -90,9 +91,9 @@
     "vue": "^3.2.45",
     "windicss": "^3.5.6",
     "yargs": "^17.6.2",
-    "@slidev/client": "0.38.7",
-    "@slidev/parser": "0.38.7",
-    "@slidev/types": "0.38.7"
+    "@slidev/client": "0.38.8",
+    "@slidev/parser": "0.38.8",
+    "@slidev/types": "0.38.8"
   },
   "devDependencies": {
     "@types/plantuml-encoder": "^1.4.0",