kss-modern 1.3.0-beta.0 → 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 {
@@ -1253,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-DpAT8aw3.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-B5QPff3p.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
@@ -2060,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-Bw6-exnr.css">
+    <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-CTiCJXSr.css">
     <script>
   //#region client/lib/iframe-resize.ts
 var e = [
@@ -2223,7 +2261,7 @@ document.addEventListener("DOMContentLoaded", () => {
 //#endregion
 ;
 <\/script>
-    <script type="module" src="/styleguide-assets/preview-BNQ_kTZ_.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">
@@ -2377,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);
   });
 }
 

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

@@ -24,7 +24,7 @@
     "name": "utils"
   },
   "client/fullpage.ts": {
-    "file": "fullpage-DpAT8aw3.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-BGApR8VB.js",
+    "file": "html-validator-BxGmbFa-.js",
     "name": "html-validator",
     "src": "client/lib/html-validator.ts",
     "isDynamicEntry": true,
@@ -82,7 +82,7 @@
     "isEntry": true
   },
   "client/preview.ts": {
-    "file": "preview-BNQ_kTZ_.js",
+    "file": "preview-D2-sk3lE.js",
     "name": "preview",
     "src": "client/preview.ts",
     "isEntry": true,
@@ -119,7 +119,7 @@
     ]
   },
   "style.css": {
-    "file": "kss-modern-Bw6-exnr.css",
+    "file": "kss-modern-CTiCJXSr.css",
     "src": "style.css"
   }
 }