@slidev/cli 0.49.3 → 0.49.4

package/dist/{build-B7KZ5KHE.mjs → build-6VAW6JNE.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   getIndexHtml,
   mergeViteConfigs
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-UUONTUWJ.mjs";
 import "./chunk-LOUKLO2C.mjs";
 import "./chunk-RG2EEPCO.mjs";
 import "./chunk-BXO7ZPPU.mjs";
@@ -63,7 +63,7 @@ async function build(options, viteConfig = {}, args) {
     await fs.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides, getExportOptions } = await import("./export-WUI5C4U3.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-Q4LURPEZ.mjs");
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{chunk-OL3F2SCP.mjs → chunk-R4VWCFXW.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   mergeViteConfigs,
   version
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-UUONTUWJ.mjs";
 import {
   createResolver,
   getRoots,

package/dist/{chunk-NQBDNZ65.mjs → chunk-UUONTUWJ.mjs}

@@ -7143,7 +7143,7 @@ var require_dist = __commonJS({
 });
 
 // package.json
-var version = "0.49.3";
+var version = "0.49.4";
 
 // node/commands/shared.ts
 import { existsSync, promises as fs } from "node:fs";

package/dist/cli.mjs

@@ -5,10 +5,10 @@ import {
   resolveAddons,
   resolveOptions,
   resolveTheme
-} from "./chunk-OL3F2SCP.mjs";
+} from "./chunk-R4VWCFXW.mjs";
 import {
   version
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-UUONTUWJ.mjs";
 import {
   loadSetups
 } from "./chunk-LOUKLO2C.mjs";
@@ -168,6 +168,11 @@ cli.command(
               restartServer();
               return false;
             }
+            if (newData.features.katex && !oldData.features.katex || newData.features.monaco && !oldData.features.monaco) {
+              console.log(yellow("\n  restarting on feature change\n"));
+              restartServer();
+              return false;
+            }
             return newData;
           }
         }
@@ -323,7 +328,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, base, download, out, inspect } = args;
-    const { build } = await import("./build-B7KZ5KHE.mjs");
+    const { build } = await import("./build-6VAW6JNE.mjs");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)
@@ -403,7 +408,7 @@ cli.command(
   (args) => exportOptions(commonOptions(args)).strict().help(),
   async (args) => {
     const { entry, theme } = args;
-    const { exportSlides, getExportOptions } = await import("./export-WUI5C4U3.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-Q4LURPEZ.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme }, "export");
@@ -452,7 +457,7 @@ cli.command(
     timeout,
     wait
   }) => {
-    const { exportNotes } = await import("./export-WUI5C4U3.mjs");
+    const { exportNotes } = await import("./export-Q4LURPEZ.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile }, "export");
@@ -496,7 +501,7 @@ function exportOptions(args) {
     describe: "path to the output"
   }).option("format", {
     type: "string",
-    choices: ["pdf", "png", "md"],
+    choices: ["pdf", "png", "pptx", "md"],
     describe: "output format"
   }).option("timeout", {
     type: "number",

package/dist/{export-WUI5C4U3.mjs → export-Q4LURPEZ.mjs}

@@ -152,8 +152,7 @@ async function exportSlides({
       query.set("range", range);
     if (clicks)
       query.set("clicks", clicks);
-    const path2 = `${no}?${query.toString()}`;
-    const url = routerMode === "hash" ? `http://localhost:${port}${base}#${path2}` : `http://localhost:${port}${base}${path2}`;
+    const url = routerMode === "hash" ? `http://localhost:${port}${base}?${query}#${no}` : `http://localhost:${port}${base}${no}?${query}`;
     await page.goto(url, {
       waitUntil: "networkidle",
       timeout
@@ -228,13 +227,13 @@ async function exportSlides({
   function getClicksFromUrl(url) {
     return url.match(/clicks=([1-9]\d*)/)?.[1];
   }
-  async function genPageWithClicks(fn, i, clicks) {
-    await fn(i, clicks);
+  async function genPageWithClicks(fn, no, clicks) {
+    await fn(no, clicks);
     if (withClicks) {
       await page.keyboard.press("ArrowRight", { delay: 100 });
       const _clicks = getClicksFromUrl(page.url());
       if (_clicks && clicks !== _clicks)
-        await genPageWithClicks(fn, i, _clicks);
+        await genPageWithClicks(fn, no, _clicks);
     }
   }
   async function genPagePdfPerSlide() {
@@ -298,50 +297,57 @@ async function exportSlides({
     pdfData = Buffer.from(await pdf.save());
     await fs.writeFile(output, pdfData);
   }
-  async function genPagePngOnePiece() {
+  async function genPagePngOnePiece(writeToDisk) {
+    const result = [];
     await go("print");
     await fs.emptyDir(output);
-    const slides2 = await page.locator(".print-slide-container");
-    const count = await slides2.count();
+    const slideContainers = page.locator(".print-slide-container");
+    const count = await slideContainers.count();
     for (let i = 0; i < count; i++) {
       progress.update(i + 1);
-      let id = await slides2.nth(i).getAttribute("id") || "";
-      id = withClicks ? id : id.split("-")[0];
-      const buffer = await slides2.nth(i).screenshot();
-      await fs.writeFile(path.join(output, `${id}.png`), buffer);
+      const id = await slideContainers.nth(i).getAttribute("id") || "";
+      const slideNo = +id.split("-")[0];
+      const buffer = await slideContainers.nth(i).screenshot();
+      result.push({ slideIndex: slideNo - 1, buffer });
+      if (writeToDisk)
+        await fs.writeFile(path.join(output, `${withClicks ? id : slideNo}.png`), buffer);
     }
+    return result;
   }
-  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`
-        )
-      });
+  async function genPagePngPerSlide(writeToDisk) {
+    const result = [];
+    const genScreenshot = async (no, clicks) => {
+      await go(no, clicks);
+      const buffer = await page.screenshot();
+      result.push({ slideIndex: no - 1, buffer });
+      if (writeToDisk) {
+        await fs.writeFile(
+          path.join(output, `${no.toString().padStart(2, "0")}${clicks ? `-${clicks}` : ""}.png`),
+          buffer
+        );
+      }
     };
-    for (const i of pages)
-      await genPageWithClicks(genScreenshot, i);
+    for (const no of pages)
+      await genPageWithClicks(genScreenshot, no);
+    return result;
   }
   function genPagePdf() {
     if (!output.endsWith(".pdf"))
       output = `${output}.pdf`;
     return perSlide ? genPagePdfPerSlide() : genPagePdfOnePiece();
   }
-  function genPagePng() {
-    return perSlide ? genPagePngPerSlide() : genPagePngOnePiece();
+  function genPagePng(writeToDisk = true) {
+    return perSlide ? genPagePngPerSlide(writeToDisk) : genPagePngOnePiece(writeToDisk);
   }
-  async function genPageMd(slides2) {
+  async function genPageMd() {
     const files = await fs.readdir(output);
     const mds = files.map((file, i, files2) => {
       const slideIndex = getSlideIndex(file);
-      const mdImg = `![${slides2[slideIndex]?.title}](./${path.join(output, file)})
+      const mdImg = `![${slides[slideIndex]?.title}](./${path.join(output, file)})
 
 `;
-      if ((i + 1 === files2.length || getSlideIndex(files2[i + 1]) !== slideIndex) && slides2[slideIndex]?.note)
-        return `${mdImg}${slides2[slideIndex]?.note}
+      if ((i + 1 === files2.length || getSlideIndex(files2[i + 1]) !== slideIndex) && slides[slideIndex]?.note)
+        return `${mdImg}${slides[slideIndex]?.note}
 
 `;
       return mdImg;
@@ -350,6 +356,39 @@ async function exportSlides({
       output = `${output}.md`;
     await fs.writeFile(output, mds.join(""));
   }
+  async function genPagePptx(pngs) {
+    const { default: PptxGenJS } = await import("pptxgenjs");
+    const pptx = new PptxGenJS();
+    const layoutName = `${width}x${height}`;
+    pptx.defineLayout({
+      name: layoutName,
+      width: width / 96,
+      height: height / 96
+    });
+    pptx.layout = layoutName;
+    const titleSlide = slides[0];
+    pptx.author = titleSlide?.frontmatter?.author;
+    pptx.company = "Created using Slidev";
+    if (titleSlide?.title)
+      pptx.title = titleSlide?.title;
+    if (titleSlide?.frontmatter?.info)
+      pptx.subject = titleSlide?.frontmatter?.info;
+    pngs.forEach(({ slideIndex, buffer: buffer2 }) => {
+      const slide = pptx.addSlide();
+      slide.background = {
+        data: `data:image/png;base64,${buffer2.toString("base64")}`
+      };
+      const note = slides[slideIndex].note;
+      if (note)
+        slide.addNotes(note);
+    });
+    const buffer = await pptx.write({
+      outputType: "nodebuffer"
+    });
+    if (!output.endsWith(".pptx"))
+      output = `${output}.pptx`;
+    await fs.writeFile(output, buffer);
+  }
   function getSlideIndex(file) {
     const slideId = file.substring(0, file.indexOf(".")).split("-")[0];
     return Number(slideId) - 1;
@@ -386,7 +425,10 @@ async function exportSlides({
     await genPagePng();
   } else if (format === "md") {
     await genPagePng();
-    await genPageMd(slides);
+    await genPageMd();
+  } else if (format === "pptx") {
+    const buffers = await genPagePng(false);
+    await genPagePptx(buffers);
   } else {
     throw new Error(`Unsupported exporting format "${format}"`);
   }
@@ -434,11 +476,11 @@ function getExportOptions(args, options, outDir, outFilename) {
     routerMode: options.data.config.routerMode,
     width: options.data.config.canvasWidth,
     height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
-    withClicks: withClicks || false,
+    withClicks: withClicks ?? format === "pptx",
     executablePath,
     withToc: withToc || false,
     perSlide: perSlide || false,
-    scale: scale || 1
+    scale: scale || 2
   };
 }
 async function importPlaywright() {

package/dist/index.mjs

@@ -2,10 +2,10 @@ import {
   createServer,
   parser,
   resolveOptions
-} from "./chunk-OL3F2SCP.mjs";
+} from "./chunk-R4VWCFXW.mjs";
 import {
   ViteSlidevPlugin
-} from "./chunk-NQBDNZ65.mjs";
+} from "./chunk-UUONTUWJ.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.3",
+  "version": "0.49.4",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -44,15 +44,15 @@
   "dependencies": {
     "@antfu/ni": "^0.21.12",
     "@antfu/utils": "^0.7.8",
-    "@iconify-json/carbon": "^1.1.33",
+    "@iconify-json/carbon": "^1.1.34",
     "@iconify-json/ph": "^1.1.13",
     "@iconify-json/svg-spinners": "^1.1.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@shikijs/markdown-it": "^1.5.2",
-    "@shikijs/twoslash": "^1.5.2",
-    "@shikijs/vitepress-twoslash": "^1.5.2",
-    "@unocss/extractor-mdc": "^0.60.2",
-    "@unocss/reset": "^0.60.2",
+    "@shikijs/markdown-it": "^1.6.0",
+    "@shikijs/twoslash": "^1.6.0",
+    "@shikijs/vitepress-twoslash": "^1.6.0",
+    "@unocss/extractor-mdc": "^0.60.3",
+    "@unocss/reset": "^0.60.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "chokidar": "^3.6.0",
@@ -78,23 +78,24 @@
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mdc": "^0.2.3",
     "mlly": "^1.7.0",
-    "monaco-editor": "^0.48.0",
+    "monaco-editor": "^0.49.0",
     "open": "^10.1.0",
     "pdf-lib": "^1.17.1",
     "plantuml-encoder": "^1.4.0",
     "postcss-nested": "^6.0.1",
+    "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.5.2",
+    "shiki": "^1.6.0",
     "shiki-magic-move": "^0.4.2",
     "sirv": "^2.0.4",
     "source-map-js": "^1.2.0",
     "typescript": "^5.4.5",
-    "unocss": "^0.60.2",
+    "unocss": "^0.60.3",
     "unplugin-icons": "^0.19.0",
     "unplugin-vue-components": "^0.27.0",
     "unplugin-vue-markdown": "^0.26.2",
@@ -103,14 +104,14 @@
     "vite": "^5.2.11",
     "vite-plugin-inspect": "^0.8.4",
     "vite-plugin-remote-assets": "^0.4.1",
-    "vite-plugin-static-copy": "^1.0.4",
+    "vite-plugin-static-copy": "^1.0.5",
     "vite-plugin-vue-server-ref": "^0.4.2",
     "vitefu": "^0.2.5",
     "vue": "^3.4.27",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.49.3",
-    "@slidev/parser": "0.49.3",
-    "@slidev/types": "0.49.3"
+    "@slidev/client": "0.49.4",
+    "@slidev/types": "0.49.4",
+    "@slidev/parser": "0.49.4"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/template.md

@@ -56,7 +56,7 @@ Slidev is a slides maker and presenter designed for developers, consist of the f
 - 🧑‍💻 **Developer Friendly** - code highlighting, live coding with autocompletion
 - 🤹 **Interactive** - embedding Vue components to enhance your expressions
 - 🎥 **Recording** - built-in recording and camera view
-- 📤 **Portable** - export into PDF, PNGs, or even a hostable SPA
+- 📤 **Portable** - export into PDF, PPTX, PNGs, or even a hostable SPA
 - 🛠 **Hackable** - anything possible on a webpage
 
 <br>