kss-modern 1.2.0 → 1.2.2

package/dist/node/lib/index.mjs

@@ -3,8 +3,8 @@ import process from 'node:process';
 import { fileURLToPath } from 'node:url';
 import fs from 'fs-extra';
 import { glob } from 'tinyglobby';
-import { l as logger, s as sanitizeSpecialCharacters, I as INSERT_VITE_PUG_TAG_RE, P as PUG_SRC_RE, a as PUG_ERROR_OVERLAY_TAG, c as compileMarkup, p as pugErrorFile, b as slugify, d as sectionSanitizeId, e as stripPugErrorOverlay, f as ensureStartingSlash, g as generateId, r as replaceWrapperContent, h as htmlToSearchText } from '../shared/kss-modern.B6jgUPtu.mjs';
-export { i as createLogger } from '../shared/kss-modern.B6jgUPtu.mjs';
+import { l as logger, s as sanitizeSpecialCharacters, I as INSERT_VITE_PUG_TAG_RE, P as PUG_SRC_RE, a as PUG_ERROR_OVERLAY_TAG, c as compileMarkup, p as pugErrorFile, b as slugify, d as sectionSanitizeId, e as stripPugErrorOverlay, f as ensureStartingSlash, g as generateId, r as replaceWrapperContent, h as htmlToSearchText } from '../shared/kss-modern.BQiL0d8K.mjs';
+export { i as createLogger } from '../shared/kss-modern.BQiL0d8K.mjs';
 import htmlLang from '@shikijs/langs/html';
 import markdownLang from '@shikijs/langs/markdown';
 import scssLang from '@shikijs/langs/scss';
@@ -1252,7 +1252,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-CGBSSxKh.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-Ck0nyq2C.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
@@ -2059,7 +2059,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-3dYdkdaU.css">
+    <link rel="stylesheet" type="text/css" href="/styleguide-assets/kss-modern-DeXoMEvT.css">
     <script>
   //#region client/lib/iframe-resize.ts
 var e = [
@@ -2212,7 +2212,7 @@ document.addEventListener("DOMContentLoaded", () => {
 //#endregion
 ;
 <\/script>
-    <script type="module" src="/styleguide-assets/preview-B-NERQ5n.js"><\/script>
+    <script type="module" src="/styleguide-assets/preview-CHOmMvuB.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">

package/dist/node/lib/pug/worker.mjs

@@ -1,5 +1,5 @@
 import { parentPort } from 'node:worker_threads';
-import { c as compileMarkup, p as pugErrorFile } from '../../shared/kss-modern.B6jgUPtu.mjs';
+import { c as compileMarkup, p as pugErrorFile } from '../../shared/kss-modern.BQiL0d8K.mjs';
 import 'node:fs';
 import 'node:fs/promises';
 import 'node:path';

package/dist/node/shared/{kss-modern.B6jgUPtu.mjs → kss-modern.BQiL0d8K.mjs}

@@ -147,22 +147,25 @@ function getBiome() {
   })();
   return biomePromise;
 }
-async function biomeFormat(content) {
+async function biomeFormat(content, sectionId) {
+  const filePath = "example.html";
   try {
     const { biome, projectKey } = await getBiome();
-    const result = biome.formatContent(projectKey, content, {
-      filePath: "example.html"
-    });
-    const hasFatalErrors = result.diagnostics?.some(
+    const result = biome.formatContent(projectKey, content, { filePath });
+    const fatalDiagnostics = result.diagnostics?.filter(
       (diag) => diag.severity === "fatal" || diag.severity === "error"
     );
-    if (hasFatalErrors) {
-      logger.warn("Biome HTML formatting has errors, falling back to original content");
+    if (fatalDiagnostics?.length) {
+      const rendered = biome.printDiagnostics(fatalDiagnostics, { filePath, fileSource: content });
+      logger.warn(
+        `Biome HTML formatting failed for section ${sectionId}, using unformatted markup:
+${rendered}`
+      );
       return content;
     }
     return result.content;
   } catch (error) {
-    logger.warn("Biome HTML formatting not supported or failed:", error);
+    logger.warn(`Biome HTML formatting not supported or failed for section ${sectionId}:`, error);
     return content;
   }
 }
@@ -195,7 +198,7 @@ function compilePugFile(pugFilePath, mode, sectionId, extraLocals = {}) {
     compileDebug: false
   });
   const dependencies = [path.resolve(pugFilePath), ...pugFn.dependencies.map((dep) => path.resolve(dep))];
-  const html = pugFn({ ...extraLocals, useId: createUseId(sectionId) });
+  const html = pugFn({ modifierClass: "{{modifier_class}}", ...extraLocals, useId: createUseId(sectionId) });
   return { html, dependencies };
 }
 async function expandVitePugTags(contentDir, mode, html, sectionId) {
@@ -242,7 +245,7 @@ async function compileMarkup(contentDir, mode, html, sectionId) {
   result = expanded.html;
   dependencies.push(...expanded.dependencies);
   if (mode === "production") {
-    result = await biomeFormat(result);
+    result = await biomeFormat(result, sectionId);
   }
   result = fixAccessibilityIssues(result);
   return { html: result, dependencies: [...new Set(dependencies)] };

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

@@ -1,10 +1,10 @@
 {
-  "_animate-DRGZltJ3.js": {
-    "file": "animate-DRGZltJ3.js",
+  "_animate-x_9xNIEv.js": {
+    "file": "animate-x_9xNIEv.js",
     "name": "animate"
   },
-  "_code-highlight-BygtMiLu.js": {
-    "file": "code-highlight-BygtMiLu.js",
+  "_code-highlight-Fm7cxf-E.js": {
+    "file": "code-highlight-Fm7cxf-E.js",
     "name": "code-highlight"
   },
   "_rolldown-runtime-B1bRi_D7.js": {
@@ -24,7 +24,7 @@
     "name": "utils"
   },
   "client/fullpage.ts": {
-    "file": "fullpage-CGBSSxKh.js",
+    "file": "fullpage-Ck0nyq2C.js",
     "name": "fullpage",
     "src": "client/fullpage.ts",
     "isEntry": true,
@@ -38,12 +38,12 @@
     ]
   },
   "client/lib/clipboard.ts": {
-    "file": "clipboard-0X6xnPVo.js",
+    "file": "clipboard-BUvXbiCa.js",
     "name": "clipboard",
     "src": "client/lib/clipboard.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_animate-DRGZltJ3.js",
+      "_animate-x_9xNIEv.js",
       "_signal-ZVBNTRLw.js",
       "_utils-DrMb1LbR.js"
     ]
@@ -55,23 +55,23 @@
     "isDynamicEntry": true
   },
   "client/lib/html-validator.ts": {
-    "file": "html-validator-CeH3wXbU.js",
+    "file": "html-validator-Cq21EQMK.js",
     "name": "html-validator",
     "src": "client/lib/html-validator.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_code-highlight-BygtMiLu.js",
+      "_code-highlight-Fm7cxf-E.js",
       "_utils-DrMb1LbR.js",
       "_shared-hGcWlnRM.js"
     ]
   },
   "client/lib/icons.ts": {
-    "file": "icons-Do1H6FzJ.js",
+    "file": "icons-C6KKEuT_.js",
     "name": "icons",
     "src": "client/lib/icons.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_animate-DRGZltJ3.js",
+      "_animate-x_9xNIEv.js",
       "_utils-DrMb1LbR.js"
     ]
   },
@@ -82,13 +82,13 @@
     "isEntry": true
   },
   "client/preview.ts": {
-    "file": "preview-B-NERQ5n.js",
+    "file": "preview-CHOmMvuB.js",
     "name": "preview",
     "src": "client/preview.ts",
     "isEntry": true,
     "imports": [
-      "_animate-DRGZltJ3.js",
-      "_code-highlight-BygtMiLu.js",
+      "_animate-x_9xNIEv.js",
+      "_code-highlight-Fm7cxf-E.js",
       "_signal-ZVBNTRLw.js",
       "_utils-DrMb1LbR.js",
       "_shared-hGcWlnRM.js"
@@ -110,7 +110,7 @@
     ]
   },
   "node_modules/html-validate/dist/esm/browser.js": {
-    "file": "browser-BgMZpraI.js",
+    "file": "browser-nU7CpeVb.js",
     "name": "browser",
     "src": "node_modules/html-validate/dist/esm/browser.js",
     "isDynamicEntry": true,
@@ -119,7 +119,7 @@
     ]
   },
   "style.css": {
-    "file": "kss-modern-3dYdkdaU.css",
+    "file": "kss-modern-DeXoMEvT.css",
     "src": "style.css"
   }
 }