@slidev/cli 0.33.1 → 0.34.0

package/README.md

@@ -27,7 +27,6 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 <tbody>
 <td align="center">
 <img width="2000" height="0"><br>
-Status: <b>Public Beta 🎉</b><br>
 <sub>Made possible by my <a href="https://github.com/sponsors/antfu">Sponsor Program 💖</a></sub><br>
 <img width="2000" height="0">
 </td>
@@ -40,7 +39,7 @@ Status: <b>Public Beta 🎉</b><br>
 - 📝 [**Markdown-based**](https://sli.dev/guide/syntax.html) - use your favorite editors and workflow
 - 🧑‍💻 [**Developer Friendly**](https://sli.dev/guide/syntax.html#code-blocks) - built-in syntax highlighting, live coding, etc.
 - 🎨 [**Themable**](https://sli.dev/themes/gallery.html) - theme can be shared and used with npm packages.
-- 🌈 [**Stylish**](https://sli.dev/guide/syntax.html#embedded-styles) - [Windi CSS](https://windicss.org/) on-demand utilities, easy-to-use embedded stylesheets.
+- 🌈 [**Stylish**](https://sli.dev/guide/syntax.html#embedded-styles) - on-demand utilities via [Windi CSS](https://windicss.org/) or [UnoCSS](https://github.com/unocss/unocss).
 - 🤹 [**Interactive**](https://sli.dev/custom/directory-structure.html#components) - embedding Vue components seamlessly.
 - 🎙 [**Presenter Mode**](https://sli.dev/guide/presenter-mode.html) - use another window, or even your phone to control your slides.
 - 🧮 [**LaTeX**](https://sli.dev/guide/syntax.html#latex) - built-in LaTeX math equations support.
@@ -79,7 +78,7 @@ For a full example, you can check the [demo](https://github.com/slidevjs/slidev/
 
 - [Vite](https://vitejs.dev) - An extremely fast frontend tooling
 - [Vue 3](https://v3.vuejs.org/) powered [Markdown](https://daringfireball.net/projects/markdown/syntax) - Focus on the content while having the power of HTML and Vue components whenever needed
-- [Windi CSS](https://github.com/windicss/windicss) - On-demand utility-first CSS framework, style your slides at ease
+- [Windi CSS](https://github.com/windicss/windicss) / [UnoCSS](https://github.com/unocss/unocss) - On-demand utility-first CSS framework, style your slides at ease
 - [Prism](https://github.com/PrismJS/prism), [Shiki](https://github.com/shikijs/shiki), [Monaco Editor](https://github.com/Microsoft/monaco-editor) - First-class code snippets support with live coding capability
 - [RecordRTC](https://recordrtc.org) - Built-in recording and camera view
 - [VueUse](https://vueuse.org) family -  [`@vueuse/core`](https://github.com/vueuse/vueuse), [`@vueuse/head`](https://github.com/vueuse/head), [`@vueuse/motion`](https://github.com/vueuse/motion), etc.

package/dist/build-GQNLL4B2.js

@@ -0,0 +1,113 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+
+
+var _chunkFROLEDLCjs = require('./chunk-FROLEDLC.js');
+
+
+
+
+var _chunkSO7T6GEWjs = require('./chunk-SO7T6GEW.js');
+
+// node/build.ts
+_chunkSO7T6GEWjs.init_cjs_shims.call(void 0, );
+var _path = require('path');
+var _http = require('http'); var _http2 = _interopRequireDefault(_http);
+var _fsextra = require('fs-extra'); var _fsextra2 = _interopRequireDefault(_fsextra);
+var _vite = require('vite');
+var _connect = require('connect'); var _connect2 = _interopRequireDefault(_connect);
+var _kolorist = require('kolorist');
+async function build(options, viteConfig = {}) {
+  const indexPath = _path.resolve.call(void 0, options.userRoot, "index.html");
+  const rawConfig = await _vite.resolveConfig.call(void 0, {}, "build");
+  const pluginOptions = rawConfig.slidev || {};
+  let originalIndexHTML;
+  if (_fsextra2.default.existsSync(indexPath))
+    originalIndexHTML = await _fsextra2.default.readFile(indexPath, "utf-8");
+  await _fsextra2.default.writeFile(indexPath, await _chunkFROLEDLCjs.getIndexHtml.call(void 0, options), "utf-8");
+  let config = void 0;
+  try {
+    const inlineConfig = await _chunkFROLEDLCjs.mergeViteConfigs.call(void 0, options, viteConfig, {
+      root: options.userRoot,
+      plugins: [
+        await _chunkFROLEDLCjs.ViteSlidevPlugin.call(void 0, options, pluginOptions),
+        {
+          name: "resolve-config",
+          configResolved(_config) {
+            config = _config;
+          }
+        }
+      ],
+      build: {
+        chunkSizeWarningLimit: 2e3
+      }
+    }, "build");
+    await _vite.build.call(void 0, inlineConfig);
+    if (options.data.features.monaco) {
+      if (options.data.config.monaco === "dev") {
+        console.log(_kolorist.yellow.call(void 0, "  Monaco is disabled in the build, to enabled it, set `monaco: true` in the frontmatter"));
+      } else {
+        console.log(_kolorist.blue.call(void 0, "  building for Monaco...\n"));
+        await _vite.build.call(void 0, await _chunkFROLEDLCjs.mergeViteConfigs.call(void 0, options, inlineConfig, {
+          root: _path.join.call(void 0, options.clientRoot, "iframes/monaco"),
+          base: `${config.base}iframes/monaco/`,
+          build: {
+            outDir: _path.resolve.call(void 0, config.build.outDir, "iframes/monaco"),
+            rollupOptions: {
+              output: {
+                manualChunks: {
+                  jsonWorker: ["monaco-editor/esm/vs/language/json/json.worker"],
+                  cssWorker: ["monaco-editor/esm/vs/language/css/css.worker"],
+                  htmlWorker: ["monaco-editor/esm/vs/language/html/html.worker"],
+                  tsWorker: ["monaco-editor/esm/vs/language/typescript/ts.worker"],
+                  editorWorker: ["monaco-editor/esm/vs/editor/editor.worker"]
+                }
+              }
+            }
+          }
+        }, "build"));
+      }
+    }
+  } finally {
+    if (originalIndexHTML != null)
+      await _fsextra2.default.writeFile(indexPath, originalIndexHTML, "utf-8");
+    else
+      await _fsextra2.default.unlink(indexPath);
+  }
+  const outDir = _path.resolve.call(void 0, options.userRoot, config.build.outDir);
+  const outFilename = options.data.config.exportFilename || "slidev-exported.pdf";
+  await _fsextra2.default.copyFile(_path.resolve.call(void 0, outDir, "index.html"), _path.resolve.call(void 0, outDir, "404.html"));
+  const redirectsPath = _path.resolve.call(void 0, outDir, "_redirects");
+  if (!_fsextra2.default.existsSync(redirectsPath))
+    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 } = await Promise.resolve().then(() => _chunkSO7T6GEWjs.__toESM.call(void 0, _chunkSO7T6GEWjs.__require.call(void 0, "./export-URR4VZNO.js")));
+    const port = 12445;
+    const app = _connect2.default.call(void 0, );
+    const server = _http2.default.createServer(app);
+    app.use(config.base, _chunkFROLEDLCjs.build_default.call(void 0, outDir, {
+      etag: true,
+      single: true,
+      dev: true
+    }));
+    server.listen(port);
+    await exportSlides({
+      port,
+      slides: options.data.slides,
+      total: options.data.slides.length,
+      format: "pdf",
+      output: _path.join.call(void 0, outDir, outFilename),
+      base: config.base,
+      dark: options.data.config.colorSchema === "dark",
+      width: options.data.config.canvasWidth,
+      height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
+      routerMode: options.data.config.routerMode
+    });
+    server.close();
+  }
+}
+
+
+exports.build = build;

package/dist/build-Y3ZVSXFT.mjs

@@ -0,0 +1,113 @@
+import {
+  ViteSlidevPlugin,
+  build_default,
+  getIndexHtml,
+  mergeViteConfigs
+} from "./chunk-OGKTSZVU.mjs";
+import {
+  __require,
+  __toESM,
+  init_esm_shims
+} from "./chunk-IWKTUAXD.mjs";
+
+// node/build.ts
+init_esm_shims();
+import { join, resolve } from "path";
+import http from "http";
+import fs from "fs-extra";
+import { resolveConfig, build as viteBuild } from "vite";
+import connect from "connect";
+import { blue, yellow } from "kolorist";
+async function build(options, viteConfig = {}) {
+  const indexPath = resolve(options.userRoot, "index.html");
+  const rawConfig = await resolveConfig({}, "build");
+  const pluginOptions = rawConfig.slidev || {};
+  let originalIndexHTML;
+  if (fs.existsSync(indexPath))
+    originalIndexHTML = await fs.readFile(indexPath, "utf-8");
+  await fs.writeFile(indexPath, await getIndexHtml(options), "utf-8");
+  let config = void 0;
+  try {
+    const inlineConfig = await mergeViteConfigs(options, viteConfig, {
+      root: options.userRoot,
+      plugins: [
+        await ViteSlidevPlugin(options, pluginOptions),
+        {
+          name: "resolve-config",
+          configResolved(_config) {
+            config = _config;
+          }
+        }
+      ],
+      build: {
+        chunkSizeWarningLimit: 2e3
+      }
+    }, "build");
+    await viteBuild(inlineConfig);
+    if (options.data.features.monaco) {
+      if (options.data.config.monaco === "dev") {
+        console.log(yellow("  Monaco is disabled in the build, to enabled it, set `monaco: true` in the frontmatter"));
+      } else {
+        console.log(blue("  building for Monaco...\n"));
+        await viteBuild(await mergeViteConfigs(options, inlineConfig, {
+          root: join(options.clientRoot, "iframes/monaco"),
+          base: `${config.base}iframes/monaco/`,
+          build: {
+            outDir: resolve(config.build.outDir, "iframes/monaco"),
+            rollupOptions: {
+              output: {
+                manualChunks: {
+                  jsonWorker: ["monaco-editor/esm/vs/language/json/json.worker"],
+                  cssWorker: ["monaco-editor/esm/vs/language/css/css.worker"],
+                  htmlWorker: ["monaco-editor/esm/vs/language/html/html.worker"],
+                  tsWorker: ["monaco-editor/esm/vs/language/typescript/ts.worker"],
+                  editorWorker: ["monaco-editor/esm/vs/editor/editor.worker"]
+                }
+              }
+            }
+          }
+        }, "build"));
+      }
+    }
+  } finally {
+    if (originalIndexHTML != null)
+      await fs.writeFile(indexPath, originalIndexHTML, "utf-8");
+    else
+      await fs.unlink(indexPath);
+  }
+  const outDir = resolve(options.userRoot, config.build.outDir);
+  const outFilename = options.data.config.exportFilename || "slidev-exported.pdf";
+  await fs.copyFile(resolve(outDir, "index.html"), resolve(outDir, "404.html"));
+  const redirectsPath = resolve(outDir, "_redirects");
+  if (!fs.existsSync(redirectsPath))
+    await fs.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
+`, "utf-8");
+  if ([true, "true", "auto"].includes(options.data.config.download)) {
+    const { exportSlides } = await Promise.resolve().then(() => __toESM(__require("./export-Z44PM4CT.mjs")));
+    const port = 12445;
+    const app = connect();
+    const server = http.createServer(app);
+    app.use(config.base, build_default(outDir, {
+      etag: true,
+      single: true,
+      dev: true
+    }));
+    server.listen(port);
+    await exportSlides({
+      port,
+      slides: options.data.slides,
+      total: options.data.slides.length,
+      format: "pdf",
+      output: join(outDir, outFilename),
+      base: config.base,
+      dark: options.data.config.colorSchema === "dark",
+      width: options.data.config.canvasWidth,
+      height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
+      routerMode: options.data.config.routerMode
+    });
+    server.close();
+  }
+}
+export {
+  build
+};