@slidev/cli 0.38.7 → 0.39.0

package/dist/{chunk-OVFYMGU6.js → chunk-UJ5GHVII.js}

@@ -11,9 +11,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw new Error('Dynamic require of "' + x + '" is not supported');
 });
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
 var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -47,25 +44,16 @@ var __privateSet = (obj, member, value, setter) => {
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
-var __privateWrapper = (obj, member, setter, getter) => {
-  return {
-    set _(value) {
-      __privateSet(obj, member, value, setter);
-    },
-    get _() {
-      return __privateGet(obj, member, getter);
-    }
-  };
-};
-
-// ../../node_modules/.pnpm/tsup@5.12.9_typescript@4.9.4/node_modules/tsup/assets/cjs_shims.js
-var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@5.12.9_typescript@4.9.4/node_modules/tsup/assets/cjs_shims.js"() {
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value, setter);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
   }
 });
 
 // node/utils.ts
-init_cjs_shims();
 var _path = require('path');
 var _utils = require('@antfu/utils');
 var _isinstalledglobally = require('is-installed-globally'); var _isinstalledglobally2 = _interopRequireDefault(_isinstalledglobally);
@@ -143,5 +131,4 @@ function packageExists(name) {
 
 
 
-
-exports.__require = __require; exports.__commonJS = __commonJS; exports.__toESM = __toESM; exports.__privateGet = __privateGet; exports.__privateAdd = __privateAdd; exports.__privateSet = __privateSet; exports.__privateWrapper = __privateWrapper; exports.init_cjs_shims = init_cjs_shims; exports.toAtFS = toAtFS; exports.resolveImportPath = resolveImportPath; exports.resolveGlobalImportPath = resolveGlobalImportPath; exports.stringifyMarkdownTokens = stringifyMarkdownTokens; exports.generateGoogleFontsUrl = generateGoogleFontsUrl; exports.packageExists = packageExists;
+exports.__require = __require; exports.__commonJS = __commonJS; exports.__toESM = __toESM; exports.__privateGet = __privateGet; exports.__privateAdd = __privateAdd; exports.__privateSet = __privateSet; exports.__privateWrapper = __privateWrapper; exports.toAtFS = toAtFS; exports.resolveImportPath = resolveImportPath; exports.resolveGlobalImportPath = resolveGlobalImportPath; exports.stringifyMarkdownTokens = stringifyMarkdownTokens; exports.generateGoogleFontsUrl = generateGoogleFontsUrl; exports.packageExists = packageExists;

package/dist/{chunk-T5WFA52O.mjs → chunk-VLEV37KF.mjs}

@@ -11,9 +11,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw new Error('Dynamic require of "' + x + '" is not supported');
 });
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
 var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -47,39 +44,23 @@ var __privateSet = (obj, member, value, setter) => {
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
-var __privateWrapper = (obj, member, setter, getter) => {
-  return {
-    set _(value) {
-      __privateSet(obj, member, value, setter);
-    },
-    get _() {
-      return __privateGet(obj, member, getter);
-    }
-  };
-};
-
-// ../../node_modules/.pnpm/tsup@5.12.9_typescript@4.9.4/node_modules/tsup/assets/esm_shims.js
-import { fileURLToPath } from "url";
-import path from "path";
-var getFilename, getDirname, __dirname, __filename;
-var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@5.12.9_typescript@4.9.4/node_modules/tsup/assets/esm_shims.js"() {
-    getFilename = () => fileURLToPath(import.meta.url);
-    getDirname = () => path.dirname(getFilename());
-    __dirname = /* @__PURE__ */ getDirname();
-    __filename = /* @__PURE__ */ getFilename();
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value, setter);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
   }
 });
 
 // node/utils.ts
-init_esm_shims();
 import { join } from "path";
 import { ensurePrefix, slash } from "@antfu/utils";
 import isInstalledGlobally from "is-installed-globally";
 import { sync as resolve } from "resolve";
 import globalDirs from "global-dirs";
-function toAtFS(path2) {
-  return `/@fs${ensurePrefix("/", slash(path2))}`;
+function toAtFS(path) {
+  return `/@fs${ensurePrefix("/", slash(path))}`;
 }
 function resolveImportPath(importName, ensure = false) {
   try {
@@ -144,9 +125,6 @@ export {
   __privateAdd,
   __privateSet,
   __privateWrapper,
-  __dirname,
-  __filename,
-  init_esm_shims,
   toAtFS,
   resolveImportPath,
   resolveGlobalImportPath,

package/dist/cli.js

@@ -1,4 +1,4 @@
-"use strict"; function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict"; function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
 
 
@@ -9,22 +9,18 @@
 
 
 
-var _chunk35GWFKPPjs = require('./chunk-35GWFKPP.js');
+var _chunkIM22HCOOjs = require('./chunk-IM22HCOO.js');
 
 
 
-var _chunkHHR7Q56Zjs = require('./chunk-HHR7Q56Z.js');
+var _chunkDTAZRAWWjs = require('./chunk-DTAZRAWW.js');
 
 
-
-
-var _chunkOVFYMGU6js = require('./chunk-OVFYMGU6.js');
+var _chunkUJ5GHVIIjs = require('./chunk-UJ5GHVII.js');
 
 // node/cli.ts
-_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 import_fast_deep_equal = _chunkUJ5GHVIIjs.__toESM.call(void 0, _chunkDTAZRAWWjs.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 +32,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",
@@ -44,17 +41,16 @@ var CONFIG_RESTART_FIELDS = [
   "css"
 ];
 _fs.injectPreparserExtensionLoader.call(void 0, async (headmatter, filepath) => {
-  var _a;
-  const addons = (_a = headmatter == null ? void 0 : headmatter.addons) != null ? _a : [];
+  const addons = _nullishCoalesce((headmatter == null ? void 0 : headmatter.addons), () => ( []));
   const roots = [
-    _chunk35GWFKPPjs.getUserRoot.call(void 0, {}).userRoot,
-    ..._chunk35GWFKPPjs.getAddonRoots.call(void 0, addons, ""),
-    _chunk35GWFKPPjs.getClientRoot.call(void 0, )
+    _chunkIM22HCOOjs.getUserRoot.call(void 0, {}).userRoot,
+    ..._chunkIM22HCOOjs.getAddonRoots.call(void 0, addons, ""),
+    _chunkIM22HCOOjs.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);
+  return await _chunkDTAZRAWWjs.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(_chunkIM22HCOOjs.version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
 cli.command(
   "* [entry]",
   "Start a local server for Slidev",
@@ -105,9 +101,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 _chunkIM22HCOOjs.resolveOptions.call(void 0, { entry, remote, theme, inspect }, "dev");
       port = userPort || await findFreePort(3030);
-      server = await _chunk35GWFKPPjs.createServer.call(void 0, 
+      server = await _chunkIM22HCOOjs.createServer.call(void 0, 
         options,
         {
           server: {
@@ -121,7 +117,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 && _chunkIM22HCOOjs.resolveThemeName.call(void 0, newData.config.theme) !== _chunkIM22HCOOjs.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 +204,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(() => require("./build-XQGKVESO.js"));
+    const options = await _chunkIM22HCOOjs.resolveOptions.call(void 0, { entry, theme, inspect }, "build");
     if (download && !options.data.config.download)
       options.data.config.download = download;
     printInfo(options);
@@ -227,9 +223,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 _chunkIM22HCOOjs.parser.load(entry);
+    _chunkIM22HCOOjs.parser.prettify(data);
+    await _chunkIM22HCOOjs.parser.save(data);
   }
 );
 cli.command(
@@ -244,17 +240,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 _chunkIM22HCOOjs.parser.load(entry);
+        const theme = _chunkIM22HCOOjs.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 (_chunkIM22HCOOjs.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 = _chunkIM22HCOOjs.getThemeRoots.call(void 0, theme, entry);
         if (!roots.length) {
           console.error(`Could not find theme "${theme}"`);
           process.exit(1);
@@ -266,7 +262,7 @@ cli.command(
         const dirPath = `./${dir}`;
         data.slides[0].frontmatter.theme = dirPath;
         data.slides[0].raw = null;
-        await _chunk35GWFKPPjs.parser.save(data);
+        await _chunkIM22HCOOjs.parser.save(data);
         console.log(`Theme "${theme}" ejected successfully to "${dirPath}"`);
       }
     );
@@ -283,10 +279,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(() => require("./export-BRPXINGP.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 _chunkIM22HCOOjs.resolveOptions.call(void 0, { entry, theme }, "export");
+    const server = await _chunkIM22HCOOjs.createServer.call(void 0, 
       options,
       {
         server: { port },
@@ -295,7 +291,7 @@ cli.command(
     );
     await server.listen(port);
     printInfo(options);
-    _chunk35GWFKPPjs.parser.filterDisabled(options.data);
+    _chunkIM22HCOOjs.parser.filterDisabled(options.data);
     const output = await exportSlides({
       port,
       ...getExportOptions(args, options)
@@ -327,12 +323,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(() => require("./export-BRPXINGP.js"));
     const port = await findFreePort(12445);
-    const options = await _chunk35GWFKPPjs.resolveOptions.call(void 0, { entry }, "export");
+    const options = await _chunkIM22HCOOjs.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 _chunkIM22HCOOjs.createServer.call(void 0, 
       options,
       {
         server: { port },
@@ -341,7 +337,7 @@ cli.command(
     );
     await server.listen(port);
     printInfo(options);
-    _chunk35GWFKPPjs.parser.filterDisabled(options.data);
+    _chunkIM22HCOOjs.parser.filterDisabled(options.data);
     output = await exportNotes({
       port,
       output,
@@ -392,13 +388,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${_chunkIM22HCOOjs.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 +427,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,23 +9,18 @@ import {
   resolveOptions,
   resolveThemeName,
   version
-} from "./chunk-5HOW7RNS.mjs";
+} from "./chunk-CRCTWL4B.mjs";
 import {
   loadSetups,
   require_fast_deep_equal
-} from "./chunk-NOJBQ6MT.mjs";
+} from "./chunk-36C7XM4S.mjs";
 import {
-  __dirname,
-  __require,
-  __toESM,
-  init_esm_shims
-} from "./chunk-T5WFA52O.mjs";
+  __toESM
+} from "./chunk-VLEV37KF.mjs";
 
 // node/cli.ts
-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 +32,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",
@@ -45,8 +41,7 @@ var CONFIG_RESTART_FIELDS = [
   "css"
 ];
 injectPreparserExtensionLoader(async (headmatter, filepath) => {
-  var _a;
-  const addons = (_a = headmatter == null ? void 0 : headmatter.addons) != null ? _a : [];
+  const addons = (headmatter == null ? void 0 : headmatter.addons) ?? [];
   const roots = [
     getUserRoot({}).userRoot,
     ...getAddonRoots(addons, ""),
@@ -209,7 +204,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 import("./build-LQUKCJTB.mjs");
     const options = await resolveOptions({ entry, theme, inspect }, "build");
     if (download && !options.data.config.download)
       options.data.config.download = download;
@@ -284,7 +279,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 import("./export-BAZ4BSV6.mjs");
     const port = await findFreePort(12445);
     const options = await resolveOptions({ entry, theme }, "export");
     const server = await createServer(
@@ -328,7 +323,7 @@ cli.command(
     timeout
   }) => {
     process.env.NODE_ENV = "production";
-    const { exportNotes } = await Promise.resolve().then(() => __toESM(__require("./export-LL3DLTJH.mjs")));
+    const { exportNotes } = await import("./export-BAZ4BSV6.mjs");
     const port = await findFreePort(12445);
     const options = await resolveOptions({ entry }, "export");
     if (!output)
@@ -393,6 +388,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 +427,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-LL3DLTJH.mjs → export-BAZ4BSV6.mjs}

@@ -1,12 +1,8 @@
 import {
-  __require,
-  __toESM,
-  init_esm_shims,
   packageExists
-} from "./chunk-T5WFA52O.mjs";
+} from "./chunk-VLEV37KF.mjs";
 
 // node/export.ts
-init_esm_shims();
 import path from "path";
 import fs from "fs-extra";
 import { blue, cyan, dim, green, yellow } from "kolorist";
@@ -81,7 +77,7 @@ async function exportNotes({
 }) {
   if (!packageExists("playwright-chromium"))
     throw new Error("The exporting for Slidev is powered by Playwright, please installed it via `npm i -D playwright-chromium`");
-  const { chromium } = await Promise.resolve().then(() => __toESM(__require("playwright-chromium")));
+  const { chromium } = await import("playwright-chromium");
   const browser = await chromium.launch();
   const context = await browser.newContext();
   const page = await context.newPage();
@@ -122,24 +118,25 @@ 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`");
   const pages = parseRangeString(total, range);
-  const { chromium } = await Promise.resolve().then(() => __toESM(__require("playwright-chromium")));
+  const { chromium } = await import("playwright-chromium");
   const browser = await chromium.launch({
     executablePath
   });
   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 +146,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") || "";
@@ -170,16 +167,62 @@ async function exportSlides({
       clicksBySlide[path2] = (clicksBySlide[path2] || 0) + 1;
     }
     const slideIndexes = Object.fromEntries(Object.entries(clicksBySlide).reduce((acc, [path2, clicks], i) => {
-      var _a, _b;
-      acc.push([path2, clicks + ((_b = (_a = acc[i - 1]) == null ? void 0 : _a[1]) != null ? _b : 0)]);
+      var _a;
+      acc.push([path2, clicks + (((_a = acc[i - 1]) == null ? void 0 : _a[1]) ?? 0)]);
       return acc;
     }, []));
     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 +257,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 +270,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 +335,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 +347,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 +359,15 @@ function getExportOptions(args, options, outDir, outFilename) {
     total: options.data.slides.length,
     range,
     format: format || "pdf",
-    timeout: timeout || 3e4,
+    timeout: 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 {