@slidev/cli 0.48.0-beta.8 → 0.48.0

package/dist/{chunk-O6TYYGU6.mjs → chunk-LOUKLO2C.mjs}

@@ -1,4 +1,4 @@
-// node/plugins/setupNode.ts
+// node/setups/load.ts
 import { resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import fs from "fs-extra";

package/dist/{chunk-GYAJEPQA.mjs → chunk-RNSSCHDN.mjs}

@@ -1,20 +1,14 @@
 import {
   ViteSlidevPlugin,
-  checkEngine,
-  mergeViteConfigs,
-  require_semver,
-  version
-} from "./chunk-H6RR7TOW.mjs";
+  mergeViteConfigs
+} from "./chunk-EAVFHD5X.mjs";
 import {
   createResolver,
   getRoots,
   resolveEntry
-} from "./chunk-7HOZGSL4.mjs";
-import {
-  __toESM
-} from "./chunk-BXO7ZPPU.mjs";
+} from "./chunk-AQQIBD5X.mjs";
 
-// node/server.ts
+// node/commands/server.ts
 import { join } from "node:path";
 import process from "node:process";
 import { createServer as createViteServer, mergeConfig } from "vite";
@@ -53,10 +47,13 @@ async function createServer(options, viteConfig = {}, serverOptions = {}) {
 // node/parser.ts
 import * as parser from "@slidev/parser/fs";
 
-// node/themes.ts
-var import_semver = __toESM(require_semver());
+// package.json
+var version = "0.48.0";
+
+// node/integrations/themes.ts
 import { join as join2 } from "node:path";
 import fs from "fs-extra";
+import { satisfies } from "semver";
 var officialThemes = {
   "none": "",
   "default": "@slidev/theme-default",
@@ -71,14 +68,15 @@ async function getThemeMeta(name, root) {
   if (!fs.existsSync(path))
     return {};
   const { slidev = {}, engines = {} } = await fs.readJSON(path);
-  if (engines.slidev && !(0, import_semver.satisfies)(version, engines.slidev, { includePrerelease: true }))
+  if (engines.slidev && !satisfies(version, engines.slidev, { includePrerelease: true }))
     throw new Error(`[slidev] theme "${name}" requires Slidev version range "${engines.slidev}" but found "${version}"`);
   return slidev;
 }
 
-// node/addons.ts
+// node/integrations/addons.ts
 import { resolve } from "node:path";
 import fs2 from "fs-extra";
+import { satisfies as satisfies2 } from "semver";
 async function resolveAddons(addonsInConfig) {
   const { userRoot, userPkgJson } = await getRoots();
   const resolved = [];
@@ -89,7 +87,8 @@ async function resolveAddons(addonsInConfig) {
       return;
     resolved.push(pkgRoot);
     const { slidev, engines } = await fs2.readJSON(resolve(pkgRoot, "package.json"));
-    checkEngine(name, engines);
+    if (engines.slidev && !satisfies2(version, engines.slidev, { includePrerelease: true }))
+      throw new Error(`[slidev] addon "${name}" requires Slidev version range "${engines.slidev}" but found "${version}"`);
     if (Array.isArray(slidev?.addons))
       await Promise.all(slidev.addons.map((addon) => resolveAddon(addon, pkgRoot)));
   }
@@ -102,12 +101,12 @@ async function resolveAddons(addonsInConfig) {
 
 // node/options.ts
 import { uniq } from "@antfu/utils";
-import _debug from "debug";
-var debug = _debug("slidev:options");
+import Debug from "debug";
+var debug = Debug("slidev:options");
 async function resolveOptions(options, mode) {
-  const rootsInfo = await getRoots();
-  const entry = await resolveEntry(options.entry || "slides.md", rootsInfo);
-  const loaded = await parser.load(rootsInfo.userRoot, entry);
+  const entry = await resolveEntry(options.entry);
+  const rootsInfo = await getRoots(entry);
+  const loaded = await parser.load(rootsInfo.userRoot, entry, void 0, mode);
   const themeRaw = options.theme || loaded.headmatter.theme || "default";
   const [theme, themeRoot] = await resolveTheme(themeRaw, entry);
   const themeRoots = themeRoot ? [themeRoot] : [];
@@ -148,6 +147,7 @@ async function resolveOptions(options, mode) {
 export {
   createServer,
   parser,
+  version,
   resolveTheme,
   getThemeMeta,
   resolveAddons,

package/dist/cli.mjs

@@ -4,18 +4,17 @@ import {
   parser,
   resolveAddons,
   resolveOptions,
-  resolveTheme
-} from "./chunk-GYAJEPQA.mjs";
-import {
+  resolveTheme,
   version
-} from "./chunk-H6RR7TOW.mjs";
+} from "./chunk-RNSSCHDN.mjs";
+import "./chunk-EAVFHD5X.mjs";
 import {
   loadSetups
-} from "./chunk-O6TYYGU6.mjs";
+} from "./chunk-LOUKLO2C.mjs";
 import {
-  getRoots
-} from "./chunk-7HOZGSL4.mjs";
-import "./chunk-BXO7ZPPU.mjs";
+  getRoots,
+  resolveEntry
+} from "./chunk-AQQIBD5X.mjs";
 
 // node/cli.ts
 import path from "node:path";
@@ -43,7 +42,20 @@ var CONFIG_RESTART_FIELDS = [
   "editor",
   "theme"
 ];
-injectPreparserExtensionLoader(async (headmatter, filepath) => {
+var FILES_CREATE_RESTART_GLOBS = [
+  "global-bottom.vue",
+  "global-top.vue",
+  "uno.config.js",
+  "uno.config.ts",
+  "unocss.config.js",
+  "unocss.config.ts"
+];
+var FILES_CHANGE_RESTART_GLOBS = [
+  "setup/shiki.ts",
+  "setup/katex.ts",
+  "setup/preparser.ts"
+];
+injectPreparserExtensionLoader(async (headmatter, filepath, mode) => {
   const addons = headmatter?.addons ?? [];
   const { clientRoot, userRoot } = await getRoots();
   const roots = uniq([
@@ -52,7 +64,7 @@ injectPreparserExtensionLoader(async (headmatter, filepath) => {
     ...await resolveAddons(addons)
   ]);
   const mergeArrays = (a, b) => a.concat(b);
-  return await loadSetups(clientRoot, roots, "preparser.ts", { filepath, headmatter }, [], mergeArrays);
+  return await loadSetups(clientRoot, roots, "preparser.ts", { filepath, headmatter, mode }, [], mergeArrays);
 });
 var cli = yargs(process.argv.slice(2)).scriptName("slidev").usage("$0 [args]").version(version).strict().showHelpOnFail(false).alias("h", "help").alias("v", "version");
 cli.command(
@@ -97,6 +109,14 @@ cli.command(
     let server;
     let port = 3030;
     let lastRemoteUrl;
+    let restartTimer;
+    function restartServer() {
+      clearTimeout(restartTimer);
+      restartTimer = setTimeout(() => {
+        console.log(yellow("\n  restarting...\n"));
+        initServer();
+      }, 500);
+    }
     async function initServer() {
       if (server)
         await server.close();
@@ -128,11 +148,11 @@ cli.command(
         {
           async loadData() {
             const { data: oldData, entry: entry2 } = options;
-            const loaded = await parser.load(options.userRoot, entry2);
+            const loaded = await parser.load(options.userRoot, entry2, void 0, "dev");
             const themeRaw = theme || loaded.headmatter.theme || "default";
             if (options.themeRaw !== themeRaw) {
               console.log(yellow("\n  restarting on theme change\n"));
-              initServer();
+              restartServer();
               return false;
             }
             const themeMeta = options.themeRoots[0] ? await getThemeMeta(themeRaw, options.themeRoots[0]) : void 0;
@@ -143,7 +163,7 @@ cli.command(
             };
             if (CONFIG_RESTART_FIELDS.some((i) => !equal(newData.config[i], oldData.config[i]))) {
               console.log(yellow("\n  restarting on config change\n"));
-              initServer();
+              restartServer();
               return false;
             }
             return newData;
@@ -249,6 +269,34 @@ ${dim(" Public IP: ")}  ${blue(publicIp)}
     }
     initServer();
     bindShortcut();
+    const { watch } = await import("chokidar");
+    const watcher = watch([
+      ...FILES_CREATE_RESTART_GLOBS,
+      ...FILES_CHANGE_RESTART_GLOBS
+    ], {
+      ignored: ["node_modules", ".git"],
+      ignoreInitial: true
+    });
+    watcher.on("unlink", (file) => {
+      console.log(yellow(`
+  file ${file} removed, restarting...
+`));
+      restartServer();
+    });
+    watcher.on("add", (file) => {
+      console.log(yellow(`
+  file ${file} added, restarting...
+`));
+      restartServer();
+    });
+    watcher.on("change", (file) => {
+      if (FILES_CREATE_RESTART_GLOBS.includes(file))
+        return;
+      console.log(yellow(`
+  file ${file} changed, restarting...
+`));
+      restartServer();
+    });
   }
 );
 cli.command(
@@ -277,7 +325,7 @@ cli.command(
   }).strict().help(),
   async (args) => {
     const { entry, theme, watch, base, download, out, inspect } = args;
-    const { build } = await import("./build-E73DC6MR.mjs");
+    const { build } = await import("./build-KHRRQKZT.mjs");
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme, inspect }, "build");
       if (download && !options.data.config.download)
@@ -316,8 +364,9 @@ cli.command(
         type: "string",
         default: "theme"
       }),
-      async ({ entry, dir, theme: themeInput }) => {
-        const roots = await getRoots();
+      async ({ entry: entryRaw, dir, theme: themeInput }) => {
+        const entry = await resolveEntry(entryRaw);
+        const roots = await getRoots(entry);
         const data = await parser.load(roots.userRoot, entry);
         const themeRaw = themeInput || data.headmatter.theme || "default";
         if (themeRaw === "none") {
@@ -352,7 +401,7 @@ cli.command(
   (args) => exportOptions(commonOptions(args)).strict().help(),
   async (args) => {
     const { entry, theme } = args;
-    const { exportSlides, getExportOptions } = await import("./export-SM2ZATWB.mjs");
+    const { exportSlides, getExportOptions } = await import("./export-P7ZNLPWH.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile, theme }, "export");
@@ -396,7 +445,7 @@ cli.command(
     output,
     timeout
   }) => {
-    const { exportNotes } = await import("./export-SM2ZATWB.mjs");
+    const { exportNotes } = await import("./export-P7ZNLPWH.mjs");
     const port = await getPort(12445);
     for (const entryFile of entry) {
       const options = await resolveOptions({ entry: entryFile }, "export");
@@ -482,13 +531,15 @@ function printInfo(options, port, remote, tunnelUrl, publicIp) {
     const query = remote ? `?password=${remote}` : "";
     const presenterPath = `${options.data.config.routerMode === "hash" ? "/#/" : "/"}presenter/${query}`;
     const entryPath = `${options.data.config.routerMode === "hash" ? "/#/" : "/"}entry${query}/`;
+    const overviewPath = `${options.data.config.routerMode === "hash" ? "/#/" : "/"}overview${query}/`;
     console.log();
     console.log(`${dim("  public slide show ")}  > ${cyan(`http://localhost:${bold(port)}/`)}`);
     if (query)
       console.log(`${dim("  private slide show ")} > ${cyan(`http://localhost:${bold(port)}/${query}`)}`);
     console.log(`${dim("  presenter mode ")}     > ${blue(`http://localhost:${bold(port)}${presenterPath}`)}`);
+    console.log(`${dim("  slides overview ")}    > ${blue(`http://localhost:${bold(port)}${overviewPath}`)}`);
     if (options.inspect)
-      console.log(`${dim("  inspector")}           > ${yellow(`http://localhost:${bold(port)}/__inspect/`)}`);
+      console.log(`${dim("  vite 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 }) => {

package/dist/{export-SM2ZATWB.mjs → export-P7ZNLPWH.mjs}

@@ -1,9 +1,8 @@
 import {
   getRoots
-} from "./chunk-7HOZGSL4.mjs";
-import "./chunk-BXO7ZPPU.mjs";
+} from "./chunk-AQQIBD5X.mjs";
 
-// node/export.ts
+// node/commands/export.ts
 import path from "node:path";
 import { Buffer } from "node:buffer";
 import fs from "fs-extra";
@@ -20,6 +19,7 @@ function addToTree(tree, info, slideIndexes, level = 1) {
     addToTree(tree[tree.length - 1].children, info, slideIndexes, level + 1);
   } else {
     tree.push({
+      no: info.index,
       children: [],
       level,
       path: String(slideIndexes[info.index + 1]),
@@ -144,16 +144,44 @@ async function exportSlides({
     });
     await page.waitForLoadState("networkidle");
     await page.emulateMedia({ colorScheme: dark ? "dark" : "light", media: "screen" });
-    const elements = page.locator("[data-waitfor]");
-    const count = await elements.count();
-    for (let index = 0; index < count; index++) {
-      const element = elements.nth(index);
-      const attribute = await element.getAttribute("data-waitfor");
-      if (attribute)
-        await element.locator(attribute).waitFor();
+    {
+      const elements = page.locator(".slidev-slide-loading");
+      const count = await elements.count();
+      for (let index = 0; index < count; index++)
+        await elements.nth(index).waitFor({ state: "detached" });
+    }
+    {
+      const elements = page.locator("[data-waitfor]");
+      const count = await elements.count();
+      for (let index = 0; index < count; index++) {
+        const element = elements.nth(index);
+        const attribute = await element.getAttribute("data-waitfor");
+        if (attribute)
+          await element.locator(attribute).waitFor();
+      }
+    }
+    {
+      const frames = page.frames();
+      await Promise.all(frames.map((frame) => frame.waitForLoadState()));
+    }
+    {
+      const container = page.locator("#mermaid-rendering-container");
+      while (true) {
+        const element = container.locator("div").first();
+        if (await element.count() === 0)
+          break;
+        await element.waitFor({ state: "detached" });
+      }
+      await container.evaluate((node) => node.style.display = "none");
+    }
+    {
+      const elements = page.locator(".monaco-aria-container");
+      const count = await elements.count();
+      for (let index = 0; index < count; index++) {
+        const element = elements.nth(index);
+        await element.evaluate((node) => node.style.display = "none");
+      }
     }
-    const frames = page.frames();
-    await Promise.all(frames.map((frame) => frame.waitForLoadState()));
   }
   async function getSlidesIndex() {
     const clicksBySlide = {};

package/dist/index.d.mts

@@ -1,92 +1,13 @@
-import Vue from '@vitejs/plugin-vue';
-import VueJsx from '@vitejs/plugin-vue-jsx';
-import Icons from 'unplugin-icons/vite';
-import Components from 'unplugin-vue-components/vite';
-import Markdown from 'unplugin-vue-markdown/vite';
-import { VitePluginConfig } from 'unocss/vite';
-import RemoteAssets from 'vite-plugin-remote-assets';
-import ServerRef from 'vite-plugin-vue-server-ref';
-import { ArgumentsType } from '@antfu/utils';
-import { SlidevData } from '@slidev/types';
 import * as vite from 'vite';
-import { InlineConfig, Plugin } from 'vite';
+import { Plugin, InlineConfig } from 'vite';
+import { ResolvedSlidevOptions, SlidevPluginOptions, SlidevServerOptions, SlidevEntryOptions } from '@slidev/types';
 import * as fs from '@slidev/parser/fs';
 export { fs as parser };
 
-interface RootsInfo {
-    cliRoot: string;
-    clientRoot: string;
-    userRoot: string;
-    userPkgJson: Record<string, any>;
-    userWorkspaceRoot: string;
-}
-
-interface SlidevEntryOptions {
-    /**
-     * Markdown entry
-     *
-     * @default 'slides.md'
-     */
-    entry?: string;
-    /**
-     * Theme id
-     */
-    theme?: string;
-    /**
-     * Remote password
-     */
-    remote?: string;
-    /**
-     * Enable inspect plugin
-     */
-    inspect?: boolean;
-}
-interface ResolvedSlidevOptions extends RootsInfo {
-    data: SlidevData;
-    entry: string;
-    themeRaw: string;
-    theme: string;
-    themeRoots: string[];
-    addonRoots: string[];
-    /**
-     * =`[...themeRoots, ...addonRoots, userRoot]` (`clientRoot` excluded)
-     */
-    roots: string[];
-    mode: 'dev' | 'build' | 'export';
-    remote?: string;
-    inspect?: boolean;
-}
-interface SlidevPluginOptions extends SlidevEntryOptions {
-    vue?: ArgumentsType<typeof Vue>[0];
-    vuejsx?: ArgumentsType<typeof VueJsx>[0];
-    markdown?: ArgumentsType<typeof Markdown>[0];
-    components?: ArgumentsType<typeof Components>[0];
-    icons?: ArgumentsType<typeof Icons>[0];
-    remoteAssets?: ArgumentsType<typeof RemoteAssets>[0];
-    serverRef?: ArgumentsType<typeof ServerRef>[0];
-    unocss?: VitePluginConfig;
-}
-interface SlidevServerOptions {
-    /**
-     * @returns `false` if server should be restarted
-     */
-    loadData?: () => Promise<SlidevData | false>;
-}
-declare function resolveOptions(options: SlidevEntryOptions, mode: ResolvedSlidevOptions['mode']): Promise<ResolvedSlidevOptions>;
-
-declare module 'vite' {
-    interface UserConfig {
-        /**
-         * Custom internal plugin options for Slidev (advanced)
-         *
-         * @see https://github.com/slidevjs/slidev/blob/main/packages/slidev/node/options.ts#L50
-         */
-        slidev?: SlidevPluginOptions;
-    }
-}
+declare function ViteSlidevPlugin(options: ResolvedSlidevOptions, pluginOptions: SlidevPluginOptions, serverOptions?: SlidevServerOptions): Promise<Plugin[]>;
 
 declare function createServer(options: ResolvedSlidevOptions, viteConfig?: InlineConfig, serverOptions?: SlidevServerOptions): Promise<vite.ViteDevServer>;
 
-declare function ViteSlidevPlugin(options: ResolvedSlidevOptions, pluginOptions: SlidevPluginOptions, serverOptions?: SlidevServerOptions): Promise<Plugin[]>;
+declare function resolveOptions(options: SlidevEntryOptions, mode: ResolvedSlidevOptions['mode']): Promise<ResolvedSlidevOptions>;
 
-export { type ResolvedSlidevOptions, type SlidevEntryOptions, type SlidevPluginOptions, type SlidevServerOptions, ViteSlidevPlugin, createServer, resolveOptions };
+export { ViteSlidevPlugin, createServer, resolveOptions };

package/dist/index.mjs

@@ -2,13 +2,12 @@ import {
   createServer,
   parser,
   resolveOptions
-} from "./chunk-GYAJEPQA.mjs";
+} from "./chunk-RNSSCHDN.mjs";
 import {
   ViteSlidevPlugin
-} from "./chunk-H6RR7TOW.mjs";
-import "./chunk-O6TYYGU6.mjs";
-import "./chunk-7HOZGSL4.mjs";
-import "./chunk-BXO7ZPPU.mjs";
+} from "./chunk-EAVFHD5X.mjs";
+import "./chunk-LOUKLO2C.mjs";
+import "./chunk-AQQIBD5X.mjs";
 export {
   ViteSlidevPlugin,
   createServer,

package/dist/{unocss-XALM635U.mjs → unocss-AGKZGMYO.mjs}

@@ -1,9 +1,8 @@
 import {
   loadSetups
-} from "./chunk-O6TYYGU6.mjs";
-import "./chunk-BXO7ZPPU.mjs";
+} from "./chunk-LOUKLO2C.mjs";
 
-// node/plugins/unocss.ts
+// node/vite/unocss.ts
 import { resolve } from "node:path";
 import { existsSync } from "node:fs";
 import { fileURLToPath } from "node:url";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/cli",
-  "version": "0.48.0-beta.8",
+  "version": "0.48.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -42,11 +42,12 @@
     }
   },
   "dependencies": {
+    "@antfu/ni": "^0.21.12",
     "@antfu/utils": "^0.7.7",
-    "@iconify-json/carbon": "^1.1.30",
+    "@iconify-json/carbon": "^1.1.31",
     "@iconify-json/ph": "^1.1.11",
+    "@iconify-json/svg-spinners": "^1.1.2",
     "@lillallol/outline-pdf": "^4.0.0",
-    "@mrdrogdrog/optional": "^1.2.1",
     "@shikijs/markdown-it": "^1.1.7",
     "@shikijs/twoslash": "^1.1.7",
     "@shikijs/vitepress-twoslash": "^1.1.7",
@@ -54,6 +55,7 @@
     "@unocss/reset": "^0.58.5",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "chokidar": "^3.6.0",
     "cli-progress": "^3.12.0",
     "codemirror": "^5.65.16",
     "connect": "^3.7.0",
@@ -66,52 +68,51 @@
     "htmlparser2": "^9.1.0",
     "is-installed-globally": "^1.0.0",
     "jiti": "^1.21.0",
-    "js-base64": "^3.7.7",
     "katex": "^0.16.9",
     "kolorist": "^1.8.0",
     "local-pkg": "^0.5.0",
+    "lz-string": "^1.5.0",
     "markdown-it": "^14.0.0",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-mdc": "^0.2.3",
     "mlly": "^1.6.1",
-    "monaco-editor": "^0.37.1",
-    "nanoid": "^5.0.6",
-    "open": "^10.0.3",
+    "monaco-editor": "^0.46.0",
+    "open": "^10.0.4",
     "pdf-lib": "^1.17.1",
     "plantuml-encoder": "^1.4.0",
     "postcss-nested": "^6.0.1",
     "prismjs": "^1.29.0",
     "prompts": "^2.4.2",
     "public-ip": "^6.0.1",
-    "resolve": "^1.22.8",
     "resolve-from": "^5.0.0",
     "resolve-global": "^2.0.0",
+    "semver": "^7.6.0",
     "shiki": "^1.1.7",
+    "shiki-magic-move": "^0.3.4",
     "sirv": "^2.0.4",
-    "typescript": "^5.3.3",
+    "typescript": "^5.4.2",
     "unocss": "^0.58.5",
     "unplugin-icons": "^0.18.5",
     "unplugin-vue-components": "^0.26.0",
     "unplugin-vue-markdown": "^0.26.0",
     "untun": "^0.1.3",
     "uqr": "^0.1.2",
-    "vite": "^5.1.4",
+    "vite": "^5.1.5",
     "vite-plugin-inspect": "^0.8.3",
     "vite-plugin-remote-assets": "^0.4.1",
     "vite-plugin-static-copy": "^1.0.1",
     "vite-plugin-vue-server-ref": "^0.4.2",
     "vitefu": "^0.2.5",
-    "vue": "^3.4.19",
+    "vue": "^3.4.21",
     "yargs": "^17.7.2",
-    "@slidev/client": "0.48.0-beta.8",
-    "@slidev/types": "0.48.0-beta.8",
-    "@slidev/parser": "0.48.0-beta.8"
+    "@slidev/client": "0.48.0",
+    "@slidev/parser": "0.48.0",
+    "@slidev/types": "0.48.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",
-    "@types/plantuml-encoder": "^1.4.2",
-    "semver": "^7.6.0"
+    "@types/plantuml-encoder": "^1.4.2"
   },
   "scripts": {
     "build": "rimraf dist && tsup node/index.ts node/cli.ts",

package/template.md

@@ -3,7 +3,7 @@
 theme: seriph
 # random image from a curated Unsplash collection by Anthony
 # like them? see https://unsplash.com/collections/94734566/slidev
-background: https://source.unsplash.com/collection/94734566/1920x1080
+background: https://cover.sli.dev
 # apply any unocss classes to the current slide
 class: 'text-center'
 # https://sli.dev/custom/highlighters.html
@@ -126,7 +126,7 @@ Hover on the bottom-left corner to see the navigation's controls panel, [learn m
 
 ---
 layout: image-right
-image: https://source.unsplash.com/collection/94734566/1920x1080
+image: https://cover.sli.dev
 ---
 
 # Code