kss-modern 1.2.2 → 1.3.0-beta.1

package/dist/node/lib/index.mjs

@@ -16,11 +16,11 @@ import githubLightDefault from '@shikijs/themes/github-light-default';
 import MarkdownItAsync from 'markdown-it-async';
 import { createHighlighterCore } from 'shiki/core';
 import { createJavaScriptRegexEngine } from 'shiki/engine/javascript';
+import { existsSync, readFileSync } from 'node:fs';
 import os from 'node:os';
 import { Worker } from 'node:worker_threads';
 import fs$1 from 'node:fs/promises';
 import { objectEntries } from '@antfu/utils';
-import { readFileSync } from 'node:fs';
 import chokidar from 'chokidar';
 import 'pug';
 import 'consola';
@@ -390,7 +390,7 @@ function shiftHeadingLevels(markdownContent, rootHeadingLevel) {
   }
   return markdownContent;
 }
-async function parseMarkdown(data) {
+function getMarkdownRenderer() {
   if (!md) {
     md = MarkdownItAsync({ linkify: true, typographer: true });
     md.use(markdownItComponent, {
@@ -411,6 +411,29 @@ async function parseMarkdown(data) {
       )
     );
   }
+  return md;
+}
+const RENDER_CACHE_MAX_ENTRIES = 2e3;
+const renderCache = /* @__PURE__ */ new Map();
+async function renderMarkdownCached(source) {
+  const cached = renderCache.get(source);
+  if (cached !== void 0) {
+    return cached;
+  }
+  const promise = getMarkdownRenderer().renderAsync(source);
+  renderCache.set(source, promise);
+  promise.catch(() => {
+    if (renderCache.get(source) === promise)
+      renderCache.delete(source);
+  });
+  if (renderCache.size > RENDER_CACHE_MAX_ENTRIES) {
+    const oldest = renderCache.keys().next().value;
+    if (oldest !== void 0 && oldest !== source)
+      renderCache.delete(oldest);
+  }
+  return promise;
+}
+async function parseMarkdown(data) {
   if ("filePath" in data) {
     const doesFileExist = fs.existsSync(data.filePath);
     if (!doesFileExist) {
@@ -419,12 +442,12 @@ async function parseMarkdown(data) {
     }
     let fileContent = await fs.readFile(data.filePath, "utf8");
     fileContent = shiftHeadingLevels(fileContent, data.rootHeadingLevel);
-    const parsedMarkdown = await md.renderAsync(fileContent);
+    const parsedMarkdown = await renderMarkdownCached(fileContent);
     return parsedMarkdown;
   } else {
     let fileContent = data.markdownContent.replace("Markdown:", "");
     fileContent = shiftHeadingLevels(fileContent, data.rootHeadingLevel);
-    return await md.renderAsync(fileContent);
+    return await renderMarkdownCached(fileContent);
   }
 }
 
@@ -1038,8 +1061,17 @@ function getPugDependencyGraph() {
 }
 const __filename$1 = fileURLToPath(import.meta.url);
 const __dirname$1 = path.dirname(__filename$1);
-const workerFilePath = __dirname$1.includes("dist/") ? "./pug/worker.mjs" : "./worker.ts";
-const workerFilePathResolved = path.resolve(__dirname$1, workerFilePath);
+function resolveWorkerFile() {
+  const candidates = ["./worker.ts", "./worker.mjs", "./pug/worker.mjs"];
+  for (const candidate of candidates) {
+    const resolved = path.resolve(__dirname$1, candidate);
+    if (existsSync(resolved))
+      return resolved;
+  }
+  return void 0;
+}
+const workerFilePathResolved = resolveWorkerFile();
+let warnedMissingWorker = false;
 const slots = Array.from({ length: MAX_POOL_SIZE }, () => ({ tail: Promise.resolve(), active: 0 }));
 const allWorkers = /* @__PURE__ */ new Set();
 function slotIndexFor(id) {
@@ -1051,6 +1083,8 @@ function slotIndexFor(id) {
   return (hash >>> 0) % MAX_POOL_SIZE;
 }
 function spawnWorker(index) {
+  if (!workerFilePathResolved)
+    throw new Error("pug compile worker file could not be located");
   const worker = new Worker(workerFilePathResolved, { name: `pug-worker-${index}` });
   allWorkers.add(worker);
   return worker;
@@ -1185,7 +1219,11 @@ async function compileIds(mode, contentDir, repository, ids) {
   if (misses.length === 0)
     return clonedRepository;
   const errors = [];
-  const useInline = mode === "development" && misses.length <= INLINE_THRESHOLD;
+  if (!workerFilePathResolved && misses.length > INLINE_THRESHOLD && !warnedMissingWorker) {
+    warnedMissingWorker = true;
+    logger.warn("Pug compile worker not found; compiling markup on the main thread. Rebuilds stay correct but are slower.");
+  }
+  const useInline = !workerFilePathResolved || mode === "development" && misses.length <= INLINE_THRESHOLD;
   if (useInline) {
     await Promise.all(misses.map((id) => compileInline(mode, contentDir, clonedRepository, id, errors)));
   } else {
@@ -1230,6 +1268,7 @@ async function logicalWriteFile(filepath, content) {
 }
 
 async function generateFullPageFile(data) {
+  const supportsDarkMode = !(data.deactivateDarkMode ?? false);
   const computedScriptTags = data.js.filter((entry) => entry.type !== "overwriteStyleguide").map((js) => {
     const additionalAttributes = js.additionalAttributes ? Object.entries(js.additionalAttributes).map(([key, value]) => `${key}="${value}"`).join(" ") : "";
     return `<script src="${js.src}" ${additionalAttributes}><\/script>`;
@@ -1239,7 +1278,7 @@ async function generateFullPageFile(data) {
   }).join("\n");
   const content = `
 <!DOCTYPE html>
-<html lang="${data.page.lang}"${data.page.htmlclass ? ` class="scroll-smooth ${data.page.htmlclass}"` : ""}>
+<html lang="${data.page.lang}"${data.page.htmlclass ? ` class="scroll-smooth ${data.page.htmlclass}"` : ""} data-styleguide-dark-mode="${supportsDarkMode}">
 <head>
     <title>${sanitizeSpecialCharacters(data.page.title)}</title>
     ${data.page.description ? `<meta name="description" content="${sanitizeSpecialCharacters(data.page.description)}">` : ""}
@@ -1252,7 +1291,7 @@ async function generateFullPageFile(data) {
           <meta name="theme-color" media="(prefers-color-scheme: light)" content="${data.theme.light}">
           <meta name="theme-color" media="(prefers-color-scheme: dark)" content="${data.theme.dark}">
       ` : `<meta name="theme-color" content="${data.theme}">`}
-    <script type="module" src="/styleguide-assets/fullpage-Ck0nyq2C.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-B5QPff3p.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
@@ -2059,7 +2098,7 @@ async function generatePreviewFile(data) {
           <meta name="theme-color" media="(prefers-color-scheme: light)" content="${data.theme.light}">
           <meta name="theme-color" media="(prefers-color-scheme: dark)" content="${data.theme.dark}">
       ` : `<meta name="theme-color" content="${data.theme}">`}
-    <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-DeXoMEvT.css">
+    <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-CTiCJXSr.css">
     <script>
   //#region client/lib/iframe-resize.ts
 var e = [
@@ -2170,8 +2209,16 @@ var u = async (e) => {
 	normal: "theme-normal",
 	light: "theme-light",
 	dark: "theme-dark"
+}, f = {
+	normal: "light dark",
+	light: "only light",
+	dark: "only dark"
 };
-function f(e) {
+function p(e, t) {
+	let n = e.contentDocument?.documentElement;
+	n && (n.style.colorScheme = f[t]);
+}
+function m(e) {
 	let t = window.matchMedia("(prefers-color-scheme: dark)");
 	function n() {
 		return localStorage.getItem("in2theme") || (localStorage.setItem("in2theme", "normal"), "normal");
@@ -2183,7 +2230,7 @@ function f(e) {
 			Object.values(d).forEach((t) => e.classList.remove(t));
 		};
 		a(e), e.classList.add(i), a(document.body), document.body.classList.add(i), document.querySelectorAll("iframe").forEach((e) => {
-			a(e), e.classList.add(i);
+			a(e), e.classList.add(i), p(e, r);
 		}), Array.from(document.querySelectorAll("iframe")).filter((e) => e.src.includes("embed.figma.com")).forEach((e) => {
 			let t = new URL(e.src);
 			t.searchParams.set("theme", r === "normal" ? "system" : r), e.src = t.href;
@@ -2191,7 +2238,9 @@ function f(e) {
 			document.body.classList.add("allow-transitions");
 		}, 500);
 	}
-	r();
+	r(), document.querySelectorAll("iframe").forEach((e) => {
+		e.addEventListener("load", () => p(e, n()));
+	});
 	let i = e.querySelector(\`input[value="\${n()}"]\`);
 	i && (i.checked = !0), e.addEventListener("change", () => {
 		let t = e.querySelector("input[name=\\"theme\\"]:checked");
@@ -2205,14 +2254,14 @@ function f(e) {
 //#region client/preview-inline.ts
 document.addEventListener("DOMContentLoaded", () => {
 	let e = document.querySelector(".theme-select");
-	e && f(e);
+	e && m(e);
 	let t = Array.from(document.querySelectorAll(".preview-iframe"));
 	t.length > 0 ? u(t).catch(console.error) : l(), a();
 });
 //#endregion
 ;
 <\/script>
-    <script type="module" src="/styleguide-assets/preview-CHOmMvuB.js"><\/script>
+    <script type="module" src="/styleguide-assets/preview-D2-sk3lE.js"><\/script>
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-300-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
@@ -2366,6 +2415,10 @@ function watchStyleguideForChanges(watchPath, handlers) {
       handlers.onStructuralChange();
     else if (isMarkupFile(filePath))
       handlers.onMarkupChange(path.resolve(filePath));
+  }).on("error", (error) => {
+    if (isTransientFsError(error))
+      return;
+    logger.error("Styleguide watcher error (ignored to keep the dev server running):", error);
   });
 }
 
@@ -2441,6 +2494,7 @@ async function writeFullPageFile(config, baseDirectory, section) {
       js: config.html.assets.js,
       html: htmlMarkup,
       theme: config.theme,
+      deactivateDarkMode: config.deactivateDarkMode,
       ogImageUrl: config.plugins?.ogImage ? config.plugins.ogImage(section) : void 0
     });
   } catch (error) {

package/dist/styleguide-assets/.vite/manifest.json

@@ -24,7 +24,7 @@
     "name": "utils"
   },
   "client/fullpage.ts": {
-    "file": "fullpage-Ck0nyq2C.js",
+    "file": "fullpage-B5QPff3p.js",
     "name": "fullpage",
     "src": "client/fullpage.ts",
     "isEntry": true,
@@ -55,7 +55,7 @@
     "isDynamicEntry": true
   },
   "client/lib/html-validator.ts": {
-    "file": "html-validator-Cq21EQMK.js",
+    "file": "html-validator-BxGmbFa-.js",
     "name": "html-validator",
     "src": "client/lib/html-validator.ts",
     "isDynamicEntry": true,
@@ -76,13 +76,13 @@
     ]
   },
   "client/preview-inline.ts": {
-    "file": "preview-inline-CW9Pw65W.js",
+    "file": "preview-inline-ByTkw_pt.js",
     "name": "preview-inline",
     "src": "client/preview-inline.ts",
     "isEntry": true
   },
   "client/preview.ts": {
-    "file": "preview-CHOmMvuB.js",
+    "file": "preview-D2-sk3lE.js",
     "name": "preview",
     "src": "client/preview.ts",
     "isEntry": true,
@@ -119,7 +119,7 @@
     ]
   },
   "style.css": {
-    "file": "kss-modern-DeXoMEvT.css",
+    "file": "kss-modern-CTiCJXSr.css",
     "src": "style.css"
   }
 }