kss-modern 1.2.0-beta.2 → 1.2.0-beta.4

package/dist/node/lib/index.mjs

@@ -6,9 +6,17 @@ 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 sectionSanitizeId, d as stripPugErrorOverlay, e as ensureStartingSlash, g as generateId, r as replaceWrapperContent } from '../shared/kss-modern.o1Fp758z.mjs';
 export { f as createLogger } from '../shared/kss-modern.o1Fp758z.mjs';
+import htmlLang from '@shikijs/langs/html';
+import markdownLang from '@shikijs/langs/markdown';
+import scssLang from '@shikijs/langs/scss';
+import shellscriptLang from '@shikijs/langs/shellscript';
+import typescriptLang from '@shikijs/langs/typescript';
 import { fromAsyncCodeToHtml } from '@shikijs/markdown-it/async';
+import auroraX from '@shikijs/themes/aurora-x';
+import githubLightDefault from '@shikijs/themes/github-light-default';
 import MarkdownItAsync from 'markdown-it-async';
-import { codeToHtml } from 'shiki';
+import { createHighlighterCore } from 'shiki/core';
+import { createJavaScriptRegexEngine } from 'shiki/engine/javascript';
 import os from 'node:os';
 import { Worker } from 'node:worker_threads';
 import fs$1 from 'node:fs/promises';
@@ -350,6 +358,20 @@ function markdownItComponent(md, options) {
 }
 
 let md;
+let highlighter;
+let loadedLanguages;
+async function highlightCodeToHtml(code, options) {
+  if (!highlighter) {
+    highlighter = await createHighlighterCore({
+      themes: [githubLightDefault, auroraX],
+      langs: [htmlLang, scssLang, typescriptLang, shellscriptLang, markdownLang],
+      engine: createJavaScriptRegexEngine()
+    });
+    loadedLanguages = new Set(highlighter.getLoadedLanguages());
+  }
+  const lang = loadedLanguages.has(options.lang) ? options.lang : "text";
+  return highlighter.codeToHtml(code, { ...options, lang });
+}
 function shiftHeadingLevels(markdownContent, rootHeadingLevel) {
   const getHasHeadingLevel = (level) => new RegExp(`^#{${level}} `, "m").test(markdownContent);
   const shiftDown = (shiftAmount) => {
@@ -380,7 +402,7 @@ async function parseMarkdown(data) {
     });
     md.use(
       fromAsyncCodeToHtml(
-        codeToHtml,
+        highlightCodeToHtml,
         {
           themes: {
             light: "github-light-default",
@@ -1241,7 +1263,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-Bm_FdpPi.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-CzaJFxfS.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
@@ -2198,7 +2220,7 @@ document.addEventListener("DOMContentLoaded", () => {
 //#endregion
 ;
 <\/script>
-    <script type="module" src="/styleguide-assets/preview-w33XyCLZ.js"><\/script>
+    <script type="module" src="/styleguide-assets/preview-ChQyjhUb.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/styleguide-assets/.vite/manifest.json

@@ -1,12 +1,16 @@
 {
-  "_animate-BwJZPSbF.js": {
-    "file": "animate-BwJZPSbF.js",
+  "_animate-DRGZltJ3.js": {
+    "file": "animate-DRGZltJ3.js",
     "name": "animate"
   },
-  "_code-highlight-ClkzHTGA.js": {
-    "file": "code-highlight-ClkzHTGA.js",
+  "_code-highlight-BygtMiLu.js": {
+    "file": "code-highlight-BygtMiLu.js",
     "name": "code-highlight"
   },
+  "_rolldown-runtime-B1bRi_D7.js": {
+    "file": "rolldown-runtime-B1bRi_D7.js",
+    "name": "rolldown-runtime"
+  },
   "_shared-hGcWlnRM.js": {
     "file": "shared-hGcWlnRM.js",
     "name": "shared"
@@ -20,11 +24,12 @@
     "name": "utils"
   },
   "client/fullpage.ts": {
-    "file": "fullpage-Bm_FdpPi.js",
+    "file": "fullpage-CzaJFxfS.js",
     "name": "fullpage",
     "src": "client/fullpage.ts",
     "isEntry": true,
     "imports": [
+      "_rolldown-runtime-B1bRi_D7.js",
       "_shared-hGcWlnRM.js"
     ],
     "dynamicImports": [
@@ -33,14 +38,14 @@
     ]
   },
   "client/lib/clipboard.ts": {
-    "file": "clipboard-BqN2XQ0C.js",
+    "file": "clipboard-0X6xnPVo.js",
     "name": "clipboard",
     "src": "client/lib/clipboard.ts",
     "isDynamicEntry": true,
     "imports": [
+      "_animate-DRGZltJ3.js",
       "_signal-ZVBNTRLw.js",
-      "_utils-DrMb1LbR.js",
-      "_animate-BwJZPSbF.js"
+      "_utils-DrMb1LbR.js"
     ]
   },
   "client/lib/editor-select.ts": {
@@ -50,24 +55,24 @@
     "isDynamicEntry": true
   },
   "client/lib/html-validator.ts": {
-    "file": "html-validator-B4XHcC9W.js",
+    "file": "html-validator-CeH3wXbU.js",
     "name": "html-validator",
     "src": "client/lib/html-validator.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_code-highlight-ClkzHTGA.js",
+      "_code-highlight-BygtMiLu.js",
       "_utils-DrMb1LbR.js",
       "_shared-hGcWlnRM.js"
     ]
   },
   "client/lib/icons.ts": {
-    "file": "icons-DICmq5xt.js",
+    "file": "icons-Do1H6FzJ.js",
     "name": "icons",
     "src": "client/lib/icons.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_utils-DrMb1LbR.js",
-      "_animate-BwJZPSbF.js"
+      "_animate-DRGZltJ3.js",
+      "_utils-DrMb1LbR.js"
     ]
   },
   "client/preview-inline.ts": {
@@ -77,15 +82,15 @@
     "isEntry": true
   },
   "client/preview.ts": {
-    "file": "preview-w33XyCLZ.js",
+    "file": "preview-ChQyjhUb.js",
     "name": "preview",
     "src": "client/preview.ts",
     "isEntry": true,
     "imports": [
-      "_code-highlight-ClkzHTGA.js",
+      "_animate-DRGZltJ3.js",
+      "_code-highlight-BygtMiLu.js",
       "_signal-ZVBNTRLw.js",
-      "_utils-DrMb1LbR.js",
-      "_animate-BwJZPSbF.js"
+      "_utils-DrMb1LbR.js"
     ],
     "dynamicImports": [
       "client/lib/html-validator.ts",
@@ -95,21 +100,21 @@
     ]
   },
   "node_modules/axe-core/axe.js": {
-    "file": "axe-DInlcoey.js",
+    "file": "axe-B09yVm_c.js",
     "name": "axe",
     "src": "node_modules/axe-core/axe.js",
     "isDynamicEntry": true,
     "imports": [
-      "client/fullpage.ts"
+      "_rolldown-runtime-B1bRi_D7.js"
     ]
   },
   "node_modules/html-validate/dist/esm/browser.js": {
-    "file": "browser-DRrrjwZN.js",
+    "file": "browser-BgMZpraI.js",
     "name": "browser",
     "src": "node_modules/html-validate/dist/esm/browser.js",
     "isDynamicEntry": true,
     "imports": [
-      "client/fullpage.ts"
+      "_rolldown-runtime-B1bRi_D7.js"
     ]
   },
   "style.css": {