@slidev/cli 0.39.0 → 0.40.1

package/dist/{build-LQUKCJTB.mjs → build-BGUF7J7N.mjs}

@@ -2,7 +2,7 @@ import {
   ViteSlidevPlugin,
   getIndexHtml,
   mergeViteConfigs
-} from "./chunk-36C7XM4S.mjs";
+} from "./chunk-ZAT6O5HR.mjs";
 import "./chunk-VLEV37KF.mjs";
 
 // node/build.ts

package/dist/{build-XQGKVESO.js → build-L4S5TZG4.js}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkDTAZRAWWjs = require('./chunk-DTAZRAWW.js');
+var _chunkQU6XIJOBjs = require('./chunk-QU6XIJOB.js');
 require('./chunk-UJ5GHVII.js');
 
 // node/build.ts
@@ -646,16 +646,16 @@ async function build(options, viteConfig = {}, args) {
   let originalIndexHTML;
   if (_fsextra2.default.existsSync(indexPath))
     originalIndexHTML = await _fsextra2.default.readFile(indexPath, "utf-8");
-  await _fsextra2.default.writeFile(indexPath, await _chunkDTAZRAWWjs.getIndexHtml.call(void 0, options), "utf-8");
+  await _fsextra2.default.writeFile(indexPath, await _chunkQU6XIJOBjs.getIndexHtml.call(void 0, options), "utf-8");
   let config = void 0;
   try {
-    const inlineConfig = await _chunkDTAZRAWWjs.mergeViteConfigs.call(void 0, 
+    const inlineConfig = await _chunkQU6XIJOBjs.mergeViteConfigs.call(void 0, 
       options,
       viteConfig,
       {
         root: options.userRoot,
         plugins: [
-          await _chunkDTAZRAWWjs.ViteSlidevPlugin.call(void 0, options, pluginOptions),
+          await _chunkQU6XIJOBjs.ViteSlidevPlugin.call(void 0, options, pluginOptions),
           {
             name: "resolve-config",
             configResolved(_config) {
@@ -676,7 +676,7 @@ async function build(options, viteConfig = {}, args) {
       } else {
         console.log(_kolorist.blue.call(void 0, "  building for Monaco...\n"));
         await _vite.build.call(void 0, 
-          await _chunkDTAZRAWWjs.mergeViteConfigs.call(void 0, 
+          await _chunkQU6XIJOBjs.mergeViteConfigs.call(void 0, 
             options,
             inlineConfig,
             {

package/dist/{chunk-IM22HCOO.js → chunk-GE7PFCER.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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(); } }
 
 
-var _chunkDTAZRAWWjs = require('./chunk-DTAZRAWW.js');
+var _chunkQU6XIJOBjs = require('./chunk-QU6XIJOB.js');
 
 
 
@@ -2377,7 +2377,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
   const pluginOptions = rawConfig.slidev || {};
   process.env.EDITOR = process.env.EDITOR || "code";
   const server = await _vite.createServer.call(void 0, 
-    await _chunkDTAZRAWWjs.mergeViteConfigs.call(void 0, 
+    await _chunkQU6XIJOBjs.mergeViteConfigs.call(void 0, 
       options,
       viteConfig,
       {
@@ -2387,7 +2387,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
           ]
         },
         plugins: [
-          await _chunkDTAZRAWWjs.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
+          await _chunkQU6XIJOBjs.ViteSlidevPlugin.call(void 0, options, pluginOptions, serverOptions)
         ]
       },
       "serve"
@@ -2400,7 +2400,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
 var _fs = require('@slidev/parser/fs'); var parser = _interopRequireWildcard(_fs);
 
 // package.json
-var version = "0.39.0";
+var version = "0.40.1";
 
 // node/themes.ts
 var _prompts = require('prompts'); var _prompts2 = _interopRequireDefault(_prompts);

package/dist/{chunk-DTAZRAWW.js → chunk-QU6XIJOB.js}

@@ -269,10 +269,10 @@ var dependencies = {
   "@antfu/utils": "^0.7.2",
   "@slidev/parser": "workspace:*",
   "@slidev/types": "workspace:*",
-  "@unocss/reset": "^0.49.1",
-  "@vueuse/core": "^9.11.1",
-  "@vueuse/head": "^1.0.23",
-  "@vueuse/math": "^9.11.1",
+  "@unocss/reset": "^0.49.4",
+  "@vueuse/core": "^9.12.0",
+  "@vueuse/head": "^1.0.24",
+  "@vueuse/math": "^9.12.0",
   "@vueuse/motion": "^2.0.0-beta.27",
   codemirror: "^5.65.5",
   defu: "^6.1.2",
@@ -287,9 +287,9 @@ var dependencies = {
   prettier: "^2.8.3",
   recordrtc: "^5.6.2",
   resolve: "^1.22.1",
-  unocss: "^0.49.1",
+  unocss: "^0.49.4",
   "vite-plugin-windicss": "^1.8.10",
-  vue: "^3.2.45",
+  vue: "^3.2.47",
   "vue-router": "^4.1.6",
   "vue-starport": "^0.3.0",
   windicss: "^3.5.6"
@@ -472,7 +472,7 @@ md.use(_markdownitlinkattributes2.default, {
 function prepareSlideInfo(data) {
   return {
     ...data,
-    notesHTML: md.render((data == null ? void 0 : data.note) || "")
+    noteHTML: md.render((data == null ? void 0 : data.note) || "")
   };
 }
 function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote }, pluginOptions, serverOptions, VuePlugin, MarkdownPlugin) {
@@ -1614,7 +1614,6 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
   const MarkdownPlugin = await createMarkdownPlugin(options, pluginOptions);
   const drawingData = await loadDrawings(options);
   return [
-    config.css === "unocss" ? await createUnocssPlugin(options, pluginOptions) : await createWindiCSSPlugin(options, pluginOptions),
     MarkdownPlugin,
     VueJsxPlugin,
     VuePlugin,
@@ -1637,6 +1636,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
           customCollections: Object.keys(iconsOptions.customCollections || [])
         })
       ],
+      dts: false,
       ...componentsOptions
     }),
     _vite4.default.call(void 0, {
@@ -1682,7 +1682,8 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     options.inspect ? _viteplugininspect2.default.call(void 0, {
       dev: true,
       build: true
-    }) : null
+    }) : null,
+    config.css === "unocss" ? await createUnocssPlugin(options, pluginOptions) : await createWindiCSSPlugin(options, pluginOptions)
   ].flat().filter(_utils.notNullish);
 }
 

package/dist/{chunk-CRCTWL4B.mjs → chunk-Y7LPFI3G.mjs}

@@ -1,7 +1,7 @@
 import {
   ViteSlidevPlugin,
   mergeViteConfigs
-} from "./chunk-36C7XM4S.mjs";
+} from "./chunk-ZAT6O5HR.mjs";
 import {
   __commonJS,
   __privateAdd,
@@ -2400,7 +2400,7 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
 import * as parser from "@slidev/parser/fs";
 
 // package.json
-var version = "0.39.0";
+var version = "0.40.1";
 
 // node/themes.ts
 import prompts2 from "prompts";

package/dist/{chunk-36C7XM4S.mjs → chunk-ZAT6O5HR.mjs}

@@ -269,10 +269,10 @@ var dependencies = {
   "@antfu/utils": "^0.7.2",
   "@slidev/parser": "workspace:*",
   "@slidev/types": "workspace:*",
-  "@unocss/reset": "^0.49.1",
-  "@vueuse/core": "^9.11.1",
-  "@vueuse/head": "^1.0.23",
-  "@vueuse/math": "^9.11.1",
+  "@unocss/reset": "^0.49.4",
+  "@vueuse/core": "^9.12.0",
+  "@vueuse/head": "^1.0.24",
+  "@vueuse/math": "^9.12.0",
   "@vueuse/motion": "^2.0.0-beta.27",
   codemirror: "^5.65.5",
   defu: "^6.1.2",
@@ -287,9 +287,9 @@ var dependencies = {
   prettier: "^2.8.3",
   recordrtc: "^5.6.2",
   resolve: "^1.22.1",
-  unocss: "^0.49.1",
+  unocss: "^0.49.4",
   "vite-plugin-windicss": "^1.8.10",
-  vue: "^3.2.45",
+  vue: "^3.2.47",
   "vue-router": "^4.1.6",
   "vue-starport": "^0.3.0",
   windicss: "^3.5.6"
@@ -472,7 +472,7 @@ md.use(mila, {
 function prepareSlideInfo(data) {
   return {
     ...data,
-    notesHTML: md.render((data == null ? void 0 : data.note) || "")
+    noteHTML: md.render((data == null ? void 0 : data.note) || "")
   };
 }
 function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote }, pluginOptions, serverOptions, VuePlugin, MarkdownPlugin) {
@@ -1614,7 +1614,6 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
   const MarkdownPlugin = await createMarkdownPlugin(options, pluginOptions);
   const drawingData = await loadDrawings(options);
   return [
-    config.css === "unocss" ? await createUnocssPlugin(options, pluginOptions) : await createWindiCSSPlugin(options, pluginOptions),
     MarkdownPlugin,
     VueJsxPlugin,
     VuePlugin,
@@ -1637,6 +1636,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
           customCollections: Object.keys(iconsOptions.customCollections || [])
         })
       ],
+      dts: false,
       ...componentsOptions
     }),
     Icons({
@@ -1682,7 +1682,8 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     options.inspect ? Inspect({
       dev: true,
       build: true
-    }) : null
+    }) : null,
+    config.css === "unocss" ? await createUnocssPlugin(options, pluginOptions) : await createWindiCSSPlugin(options, pluginOptions)
   ].flat().filter(notNullish2);
 }
 

package/dist/cli.js

@@ -9,17 +9,17 @@
 
 
 
-var _chunkIM22HCOOjs = require('./chunk-IM22HCOO.js');
+var _chunkGE7PFCERjs = require('./chunk-GE7PFCER.js');
 
 
 
-var _chunkDTAZRAWWjs = require('./chunk-DTAZRAWW.js');
+var _chunkQU6XIJOBjs = require('./chunk-QU6XIJOB.js');
 
 
 var _chunkUJ5GHVIIjs = require('./chunk-UJ5GHVII.js');
 
 // node/cli.ts
-var import_fast_deep_equal = _chunkUJ5GHVIIjs.__toESM.call(void 0, _chunkDTAZRAWWjs.require_fast_deep_equal.call(void 0, ));
+var import_fast_deep_equal = _chunkUJ5GHVIIjs.__toESM.call(void 0, _chunkQU6XIJOBjs.require_fast_deep_equal.call(void 0, ));
 var _path = require('path'); var _path2 = _interopRequireDefault(_path);
 var _os = require('os'); var _os2 = _interopRequireDefault(_os);
 var _child_process = require('child_process');
@@ -43,14 +43,14 @@ var CONFIG_RESTART_FIELDS = [
 _fs.injectPreparserExtensionLoader.call(void 0, async (headmatter, filepath) => {
   const addons = _nullishCoalesce((headmatter == null ? void 0 : headmatter.addons), () => ( []));
   const roots = [
-    _chunkIM22HCOOjs.getUserRoot.call(void 0, {}).userRoot,
-    ..._chunkIM22HCOOjs.getAddonRoots.call(void 0, addons, ""),
-    _chunkIM22HCOOjs.getClientRoot.call(void 0, )
+    _chunkGE7PFCERjs.getUserRoot.call(void 0, {}).userRoot,
+    ..._chunkGE7PFCERjs.getAddonRoots.call(void 0, addons, ""),
+    _chunkGE7PFCERjs.getClientRoot.call(void 0, )
   ];
   const mergeArrays = (a, b) => a.concat(b);
-  return await _chunkDTAZRAWWjs.loadSetups.call(void 0, roots, "preparser.ts", { filepath, headmatter }, [], false, mergeArrays);
+  return await _chunkQU6XIJOBjs.loadSetups.call(void 0, roots, "preparser.ts", { filepath, headmatter }, [], false, mergeArrays);
 });
-var cli = _yargs2.default.scriptName("slidev").usage("$0 [args]").version(_chunkIM22HCOOjs.version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
+var cli = _yargs2.default.scriptName("slidev").usage("$0 [args]").version(_chunkGE7PFCERjs.version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
 cli.command(
   "* [entry]",
   "Start a local server for Slidev",
@@ -66,6 +66,10 @@ cli.command(
   }).option("remote", {
     type: "string",
     describe: "listen public host and enable remote control"
+  }).option("tunnel", {
+    default: false,
+    type: "boolean",
+    describe: "open localtunnel to make Slidev available on the internet"
   }).option("log", {
     default: "warn",
     type: "string",
@@ -81,7 +85,7 @@ cli.command(
     type: "boolean",
     describe: "force the optimizer to ignore the cache and re-bundle  "
   }).strict().help(),
-  async ({ entry, theme, port: userPort, open, log, remote, force, inspect }) => {
+  async ({ entry, theme, port: userPort, open, log, remote, tunnel, force, inspect }) => {
     if (!_fsextra2.default.existsSync(entry) && !entry.endsWith(".md"))
       entry = `${entry}.md`;
     if (!_fsextra2.default.existsSync(entry)) {
@@ -98,12 +102,13 @@ cli.command(
     }
     let server;
     let port = 3030;
+    let lastRemoteUrl;
     async function initServer() {
       if (server)
         await server.close();
-      const options = await _chunkIM22HCOOjs.resolveOptions.call(void 0, { entry, remote, theme, inspect }, "dev");
+      const options = await _chunkGE7PFCERjs.resolveOptions.call(void 0, { entry, remote, theme, inspect }, "dev");
       port = userPort || await findFreePort(3030);
-      server = await _chunkIM22HCOOjs.createServer.call(void 0, 
+      server = await _chunkGE7PFCERjs.createServer.call(void 0, 
         options,
         {
           server: {
@@ -117,7 +122,7 @@ cli.command(
         },
         {
           onDataReload(newData, data) {
-            if (!theme && _chunkIM22HCOOjs.resolveThemeName.call(void 0, newData.config.theme) !== _chunkIM22HCOOjs.resolveThemeName.call(void 0, data.config.theme)) {
+            if (!theme && _chunkGE7PFCERjs.resolveThemeName.call(void 0, newData.config.theme) !== _chunkGE7PFCERjs.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]))) {
@@ -128,7 +133,22 @@ cli.command(
         }
       );
       await server.listen();
-      printInfo(options, port, remote);
+      let tunnelUrl = "";
+      if (tunnel) {
+        if (remote != null)
+          tunnelUrl = await openTunnel(port);
+        else
+          console.log(_kolorist.yellow.call(void 0, "\n  --remote is required for tunneling, localtunnel is not enabled.\n"));
+      }
+      lastRemoteUrl = printInfo(options, port, remote, tunnelUrl);
+    }
+    async function openTunnel(port2) {
+      const localtunnel = await Promise.resolve().then(() => require("localtunnel")).then((r) => r.default || r);
+      const tunnel2 = await localtunnel({
+        port: port2,
+        local_host: "0.0.0.0"
+      });
+      return tunnel2.url;
     }
     const SHORTCUTS = [
       {
@@ -151,6 +171,22 @@ cli.command(
         action() {
           _child_process.exec.call(void 0, `code "${entry}"`);
         }
+      },
+      {
+        name: "c",
+        fullname: "qrcode",
+        async action() {
+          if (!lastRemoteUrl)
+            return;
+          const qrcode = await Promise.resolve().then(() => require("qrcode-terminal")).then((r) => r.default || r);
+          qrcode.generate(lastRemoteUrl, { small: true }, (v) => {
+            console.log(`
+${_kolorist.dim.call(void 0, "  QR Code for remote control: ")}
+  ${_kolorist.blue.call(void 0, lastRemoteUrl)}
+`);
+            console.log(v.split("\n").map((i) => `  ${i}`).join("\n"));
+          });
+        }
       }
     ];
     function bindShortcut() {
@@ -204,8 +240,8 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await Promise.resolve().then(() => require("./build-XQGKVESO.js"));
-    const options = await _chunkIM22HCOOjs.resolveOptions.call(void 0, { entry, theme, inspect }, "build");
+    const { build } = await Promise.resolve().then(() => require("./build-L4S5TZG4.js"));
+    const options = await _chunkGE7PFCERjs.resolveOptions.call(void 0, { entry, theme, inspect }, "build");
     if (download && !options.data.config.download)
       options.data.config.download = download;
     printInfo(options);
@@ -223,9 +259,9 @@ cli.command(
   "Format the markdown file",
   (args) => commonOptions(args).strict().help(),
   async ({ entry }) => {
-    const data = await _chunkIM22HCOOjs.parser.load(entry);
-    _chunkIM22HCOOjs.parser.prettify(data);
-    await _chunkIM22HCOOjs.parser.save(data);
+    const data = await _chunkGE7PFCERjs.parser.load(entry);
+    _chunkGE7PFCERjs.parser.prettify(data);
+    await _chunkGE7PFCERjs.parser.save(data);
   }
 );
 cli.command(
@@ -240,17 +276,17 @@ cli.command(
         default: "theme"
       }),
       async ({ entry, dir, theme: themeInput }) => {
-        const data = await _chunkIM22HCOOjs.parser.load(entry);
-        const theme = _chunkIM22HCOOjs.resolveThemeName.call(void 0, themeInput || data.config.theme);
+        const data = await _chunkGE7PFCERjs.parser.load(entry);
+        const theme = _chunkGE7PFCERjs.resolveThemeName.call(void 0, themeInput || data.config.theme);
         if (theme === "none") {
           console.error('Cannot eject theme "none"');
           process.exit(1);
         }
-        if (_chunkIM22HCOOjs.isPath.call(void 0, theme)) {
+        if (_chunkGE7PFCERjs.isPath.call(void 0, theme)) {
           console.error("Theme is already ejected");
           process.exit(1);
         }
-        const roots = _chunkIM22HCOOjs.getThemeRoots.call(void 0, theme, entry);
+        const roots = _chunkGE7PFCERjs.getThemeRoots.call(void 0, theme, entry);
         if (!roots.length) {
           console.error(`Could not find theme "${theme}"`);
           process.exit(1);
@@ -262,7 +298,7 @@ cli.command(
         const dirPath = `./${dir}`;
         data.slides[0].frontmatter.theme = dirPath;
         data.slides[0].raw = null;
-        await _chunkIM22HCOOjs.parser.save(data);
+        await _chunkGE7PFCERjs.parser.save(data);
         console.log(`Theme "${theme}" ejected successfully to "${dirPath}"`);
       }
     );
@@ -281,8 +317,8 @@ cli.command(
     process.env.NODE_ENV = "production";
     const { exportSlides, getExportOptions } = await Promise.resolve().then(() => require("./export-BRPXINGP.js"));
     const port = await findFreePort(12445);
-    const options = await _chunkIM22HCOOjs.resolveOptions.call(void 0, { entry, theme }, "export");
-    const server = await _chunkIM22HCOOjs.createServer.call(void 0, 
+    const options = await _chunkGE7PFCERjs.resolveOptions.call(void 0, { entry, theme }, "export");
+    const server = await _chunkGE7PFCERjs.createServer.call(void 0, 
       options,
       {
         server: { port },
@@ -291,7 +327,7 @@ cli.command(
     );
     await server.listen(port);
     printInfo(options);
-    _chunkIM22HCOOjs.parser.filterDisabled(options.data);
+    _chunkGE7PFCERjs.parser.filterDisabled(options.data);
     const output = await exportSlides({
       port,
       ...getExportOptions(args, options)
@@ -325,10 +361,10 @@ cli.command(
     process.env.NODE_ENV = "production";
     const { exportNotes } = await Promise.resolve().then(() => require("./export-BRPXINGP.js"));
     const port = await findFreePort(12445);
-    const options = await _chunkIM22HCOOjs.resolveOptions.call(void 0, { entry }, "export");
+    const options = await _chunkGE7PFCERjs.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 _chunkIM22HCOOjs.createServer.call(void 0, 
+    const server = await _chunkGE7PFCERjs.createServer.call(void 0, 
       options,
       {
         server: { port },
@@ -337,7 +373,7 @@ cli.command(
     );
     await server.listen(port);
     printInfo(options);
-    _chunkIM22HCOOjs.parser.filterDisabled(options.data);
+    _chunkGE7PFCERjs.parser.filterDisabled(options.data);
     output = await exportNotes({
       port,
       output,
@@ -393,11 +429,11 @@ function exportOptions(args) {
     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) {
+function printInfo(options, port, remote, tunnelUrl) {
   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${_chunkIM22HCOOjs.version}`)} ${_isinstalledglobally2.default ? _kolorist.yellow.call(void 0, "(global)") : ""}`);
+  console.log(`${_kolorist.bold.call(void 0, "  Slidev")}  ${_kolorist.blue.call(void 0, `v${_chunkGE7PFCERjs.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));
@@ -411,17 +447,24 @@ function printInfo(options, port, remote) {
     console.log(`${_kolorist.dim.call(void 0, "  presenter mode ")}     > ${_kolorist.blue.call(void 0, `http://localhost:${_kolorist.bold.call(void 0, port)}${presenterPath}`)}`);
     if (options.inspect)
       console.log(`${_kolorist.dim.call(void 0, "  inspector")}           > ${_kolorist.yellow.call(void 0, `http://localhost:${_kolorist.bold.call(void 0, port)}/__inspect/`)}`);
+    let lastRemoteUrl = "";
     if (remote !== void 0) {
       Object.values(_os2.default.networkInterfaces()).forEach(
         (v) => (v || []).filter((details) => String(details.family).slice(-1) === "4" && !details.address.includes("127.0.0.1")).forEach(({ address }) => {
-          console.log(`${_kolorist.dim.call(void 0, "  remote control ")}     > ${_kolorist.blue.call(void 0, `http://${address}:${port}${presenterPath}`)}`);
+          lastRemoteUrl = `http://${address}:${port}${presenterPath}`;
+          console.log(`${_kolorist.dim.call(void 0, "  remote control ")}     > ${_kolorist.blue.call(void 0, lastRemoteUrl)}`);
         })
       );
+      if (tunnelUrl) {
+        lastRemoteUrl = `${tunnelUrl}${presenterPath}`;
+        console.log(`${_kolorist.dim.call(void 0, "  remote via tunnel")}   > ${_kolorist.yellow.call(void 0, lastRemoteUrl)}`);
+      }
     } else {
       console.log(`${_kolorist.dim.call(void 0, "  remote control ")}     > ${_kolorist.dim.call(void 0, "pass --remote to enable")}`);
     }
     console.log();
-    console.log(`${_kolorist.dim.call(void 0, "  shortcuts ")}          > ${_kolorist.underline.call(void 0, "r")}${_kolorist.dim.call(void 0, "estart | ")}${_kolorist.underline.call(void 0, "o")}${_kolorist.dim.call(void 0, "pen | ")}${_kolorist.underline.call(void 0, "e")}${_kolorist.dim.call(void 0, "dit")}`);
+    console.log(`${_kolorist.dim.call(void 0, "  shortcuts ")}          > ${_kolorist.underline.call(void 0, "r")}${_kolorist.dim.call(void 0, "estart | ")}${_kolorist.underline.call(void 0, "o")}${_kolorist.dim.call(void 0, "pen | ")}${_kolorist.underline.call(void 0, "e")}${_kolorist.dim.call(void 0, "dit")}${lastRemoteUrl ? ` | ${_kolorist.dim.call(void 0, "qr")}${_kolorist.underline.call(void 0, "c")}${_kolorist.dim.call(void 0, "ode")}` : ""}`);
+    return lastRemoteUrl;
   }
   console.log();
   _parser.verifyConfig.call(void 0, options.data.config, options.data.themeMeta, (v) => console.warn(_kolorist.yellow.call(void 0, `  ! ${v}`)));

package/dist/cli.mjs

@@ -9,11 +9,11 @@ import {
   resolveOptions,
   resolveThemeName,
   version
-} from "./chunk-CRCTWL4B.mjs";
+} from "./chunk-Y7LPFI3G.mjs";
 import {
   loadSetups,
   require_fast_deep_equal
-} from "./chunk-36C7XM4S.mjs";
+} from "./chunk-ZAT6O5HR.mjs";
 import {
   __toESM
 } from "./chunk-VLEV37KF.mjs";
@@ -66,6 +66,10 @@ cli.command(
   }).option("remote", {
     type: "string",
     describe: "listen public host and enable remote control"
+  }).option("tunnel", {
+    default: false,
+    type: "boolean",
+    describe: "open localtunnel to make Slidev available on the internet"
   }).option("log", {
     default: "warn",
     type: "string",
@@ -81,7 +85,7 @@ cli.command(
     type: "boolean",
     describe: "force the optimizer to ignore the cache and re-bundle  "
   }).strict().help(),
-  async ({ entry, theme, port: userPort, open, log, remote, force, inspect }) => {
+  async ({ entry, theme, port: userPort, open, log, remote, tunnel, force, inspect }) => {
     if (!fs.existsSync(entry) && !entry.endsWith(".md"))
       entry = `${entry}.md`;
     if (!fs.existsSync(entry)) {
@@ -98,6 +102,7 @@ cli.command(
     }
     let server;
     let port = 3030;
+    let lastRemoteUrl;
     async function initServer() {
       if (server)
         await server.close();
@@ -128,7 +133,22 @@ cli.command(
         }
       );
       await server.listen();
-      printInfo(options, port, remote);
+      let tunnelUrl = "";
+      if (tunnel) {
+        if (remote != null)
+          tunnelUrl = await openTunnel(port);
+        else
+          console.log(yellow("\n  --remote is required for tunneling, localtunnel is not enabled.\n"));
+      }
+      lastRemoteUrl = printInfo(options, port, remote, tunnelUrl);
+    }
+    async function openTunnel(port2) {
+      const localtunnel = await import("localtunnel").then((r) => r.default || r);
+      const tunnel2 = await localtunnel({
+        port: port2,
+        local_host: "0.0.0.0"
+      });
+      return tunnel2.url;
     }
     const SHORTCUTS = [
       {
@@ -151,6 +171,22 @@ cli.command(
         action() {
           exec(`code "${entry}"`);
         }
+      },
+      {
+        name: "c",
+        fullname: "qrcode",
+        async action() {
+          if (!lastRemoteUrl)
+            return;
+          const qrcode = await import("qrcode-terminal").then((r) => r.default || r);
+          qrcode.generate(lastRemoteUrl, { small: true }, (v) => {
+            console.log(`
+${dim("  QR Code for remote control: ")}
+  ${blue(lastRemoteUrl)}
+`);
+            console.log(v.split("\n").map((i) => `  ${i}`).join("\n"));
+          });
+        }
       }
     ];
     function bindShortcut() {
@@ -204,7 +240,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await import("./build-LQUKCJTB.mjs");
+    const { build } = await import("./build-BGUF7J7N.mjs");
     const options = await resolveOptions({ entry, theme, inspect }, "build");
     if (download && !options.data.config.download)
       options.data.config.download = download;
@@ -393,7 +429,7 @@ function exportOptions(args) {
     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) {
+function printInfo(options, port, remote, tunnelUrl) {
   console.log();
   console.log();
   console.log(`  ${cyan("\u25CF") + blue("\u25A0") + yellow("\u25B2")}`);
@@ -411,17 +447,24 @@ function printInfo(options, port, remote) {
     console.log(`${dim("  presenter mode ")}     > ${blue(`http://localhost:${bold(port)}${presenterPath}`)}`);
     if (options.inspect)
       console.log(`${dim("  inspector")}           > ${yellow(`http://localhost:${bold(port)}/__inspect/`)}`);
+    let lastRemoteUrl = "";
     if (remote !== void 0) {
       Object.values(os.networkInterfaces()).forEach(
         (v) => (v || []).filter((details) => String(details.family).slice(-1) === "4" && !details.address.includes("127.0.0.1")).forEach(({ address }) => {
-          console.log(`${dim("  remote control ")}     > ${blue(`http://${address}:${port}${presenterPath}`)}`);
+          lastRemoteUrl = `http://${address}:${port}${presenterPath}`;
+          console.log(`${dim("  remote control ")}     > ${blue(lastRemoteUrl)}`);
         })
       );
+      if (tunnelUrl) {
+        lastRemoteUrl = `${tunnelUrl}${presenterPath}`;
+        console.log(`${dim("  remote via tunnel")}   > ${yellow(lastRemoteUrl)}`);
+      }
     } else {
       console.log(`${dim("  remote control ")}     > ${dim("pass --remote to enable")}`);
     }
     console.log();
-    console.log(`${dim("  shortcuts ")}          > ${underline("r")}${dim("estart | ")}${underline("o")}${dim("pen | ")}${underline("e")}${dim("dit")}`);
+    console.log(`${dim("  shortcuts ")}          > ${underline("r")}${dim("estart | ")}${underline("o")}${dim("pen | ")}${underline("e")}${dim("dit")}${lastRemoteUrl ? ` | ${dim("qr")}${underline("c")}${dim("ode")}` : ""}`);
+    return lastRemoteUrl;
   }
   console.log();
   verifyConfig(options.data.config, options.data.themeMeta, (v) => console.warn(yellow(`  ! ${v}`)));

package/dist/index.js

@@ -9,11 +9,11 @@
 
 
 
-var _chunkIM22HCOOjs = require('./chunk-IM22HCOO.js');
+var _chunkGE7PFCERjs = require('./chunk-GE7PFCER.js');
 
 
 
-var _chunkDTAZRAWWjs = require('./chunk-DTAZRAWW.js');
+var _chunkQU6XIJOBjs = require('./chunk-QU6XIJOB.js');
 require('./chunk-UJ5GHVII.js');
 
 
@@ -28,4 +28,4 @@ require('./chunk-UJ5GHVII.js');
 
 
 
-exports.ViteSlidevPlugin = _chunkDTAZRAWWjs.ViteSlidevPlugin; exports.createServer = _chunkIM22HCOOjs.createServer; exports.createWindiCSSPlugin = _chunkDTAZRAWWjs.createWindiCSSPlugin; exports.getAddonRoots = _chunkIM22HCOOjs.getAddonRoots; exports.getCLIRoot = _chunkIM22HCOOjs.getCLIRoot; exports.getClientRoot = _chunkIM22HCOOjs.getClientRoot; exports.getRoot = _chunkIM22HCOOjs.getRoot; exports.getThemeRoots = _chunkIM22HCOOjs.getThemeRoots; exports.getUserRoot = _chunkIM22HCOOjs.getUserRoot; exports.isPath = _chunkIM22HCOOjs.isPath; exports.parser = _chunkIM22HCOOjs.parser; exports.resolveOptions = _chunkIM22HCOOjs.resolveOptions;
+exports.ViteSlidevPlugin = _chunkQU6XIJOBjs.ViteSlidevPlugin; exports.createServer = _chunkGE7PFCERjs.createServer; exports.createWindiCSSPlugin = _chunkQU6XIJOBjs.createWindiCSSPlugin; exports.getAddonRoots = _chunkGE7PFCERjs.getAddonRoots; exports.getCLIRoot = _chunkGE7PFCERjs.getCLIRoot; exports.getClientRoot = _chunkGE7PFCERjs.getClientRoot; exports.getRoot = _chunkGE7PFCERjs.getRoot; exports.getThemeRoots = _chunkGE7PFCERjs.getThemeRoots; exports.getUserRoot = _chunkGE7PFCERjs.getUserRoot; exports.isPath = _chunkGE7PFCERjs.isPath; exports.parser = _chunkGE7PFCERjs.parser; exports.resolveOptions = _chunkGE7PFCERjs.resolveOptions;

package/dist/index.mjs

@@ -9,11 +9,11 @@ import {
   isPath,
   parser,
   resolveOptions
-} from "./chunk-CRCTWL4B.mjs";
+} from "./chunk-Y7LPFI3G.mjs";
 import {
   ViteSlidevPlugin,
   createWindiCSSPlugin
-} from "./chunk-36C7XM4S.mjs";
+} from "./chunk-ZAT6O5HR.mjs";
 import "./chunk-VLEV37KF.mjs";
 export {
   ViteSlidevPlugin,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/cli",
-  "version": "0.39.0",
+  "version": "0.40.1",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -63,7 +63,8 @@
     "jiti": "^1.16.2",
     "js-base64": "^3.7.4",
     "katex": "^0.16.4",
-    "kolorist": "^1.6.0",
+    "kolorist": "^1.7.0",
+    "localtunnel": "^2.0.2",
     "markdown-it": "^13.0.1",
     "markdown-it-footnote": "^3.0.3",
     "markdown-it-link-attributes": "^4.0.1",
@@ -75,25 +76,26 @@
     "postcss-nested": "^6.0.0",
     "prismjs": "^1.29.0",
     "prompts": "^2.4.2",
+    "qrcode-terminal": "^0.12.0",
     "resolve": "^1.22.1",
     "resolve-from": "^5.0.0",
     "resolve-global": "^1.0.0",
-    "shiki": "^0.13.0",
-    "unocss": "^0.49.1",
+    "shiki": "^0.14.0",
+    "unocss": "^0.49.4",
     "unplugin-icons": "^0.15.2",
     "unplugin-vue-components": "^0.23.0",
-    "vite": "^4.0.4",
+    "vite": "^4.1.1",
     "vite-plugin-inspect": "^0.7.15",
     "vite-plugin-remote-assets": "^0.3.0",
     "vite-plugin-vue-markdown": "^0.22.2",
     "vite-plugin-vue-server-ref": "^0.3.0",
     "vite-plugin-windicss": "^1.8.10",
-    "vue": "^3.2.45",
+    "vue": "^3.2.47",
     "windicss": "^3.5.6",
     "yargs": "^17.6.2",
-    "@slidev/client": "0.39.0",
-    "@slidev/parser": "0.39.0",
-    "@slidev/types": "0.39.0"
+    "@slidev/client": "0.40.1",
+    "@slidev/parser": "0.40.1",
+    "@slidev/types": "0.40.1"
   },
   "devDependencies": {
     "@types/plantuml-encoder": "^1.4.0",

package/template.md

@@ -27,7 +27,7 @@ Presentation slides for developers
 </div>
 
 <a href="https://github.com/slidevjs/slidev" target="_blank" alt="GitHub"
-  class="abs-br m-6 text-xl icon-btn opacity-50 !border-none !hover:text-white">
+  class="abs-br m-6 text-xl slidev-icon-btn opacity-50 !border-none !hover:text-white">
   <carbon-logo-github />
 </a>