kss-modern 0.0.1

package/dist/node/lib/vite-pug/worker.d.mts

@@ -0,0 +1,24 @@
+import { StyleguideConfiguration } from '../index.mjs';
+
+/**
+ * Replaces all <insert-vite-pug src="path/to/file.pug" modifierClass="modifier"> tags with the pug file content
+ * depending on the mode provided
+ */
+declare function compilePug(contentDir: `${string}/`, mode: StyleguideConfiguration['mode'], html: string): Promise<string>;
+interface PugWorkerInput {
+    id: string;
+    mode: StyleguideConfiguration['mode'];
+    contentDir: `${string}/`;
+    html: string;
+}
+interface PugWorkerSuccess {
+    id: string;
+    html: string;
+}
+interface PugWorkerError {
+    error: string;
+}
+type PugWorkerOutput = PugWorkerSuccess | PugWorkerError;
+
+export { compilePug };
+export type { PugWorkerInput, PugWorkerOutput };

package/dist/node/lib/vite-pug/worker.d.ts

@@ -0,0 +1,24 @@
+import { StyleguideConfiguration } from '../index.js';
+
+/**
+ * Replaces all <insert-vite-pug src="path/to/file.pug" modifierClass="modifier"> tags with the pug file content
+ * depending on the mode provided
+ */
+declare function compilePug(contentDir: `${string}/`, mode: StyleguideConfiguration['mode'], html: string): Promise<string>;
+interface PugWorkerInput {
+    id: string;
+    mode: StyleguideConfiguration['mode'];
+    contentDir: `${string}/`;
+    html: string;
+}
+interface PugWorkerSuccess {
+    id: string;
+    html: string;
+}
+interface PugWorkerError {
+    error: string;
+}
+type PugWorkerOutput = PugWorkerSuccess | PugWorkerError;
+
+export { compilePug };
+export type { PugWorkerInput, PugWorkerOutput };

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

@@ -0,0 +1,107 @@
+import path from 'node:path';
+import { parentPort } from 'node:worker_threads';
+import { Biome, Distribution } from '@biomejs/js-api';
+import pug from 'pug';
+
+let biomeInstance;
+let biomePromise;
+let projectKey;
+async function getBiome() {
+  if (biomeInstance && projectKey !== void 0) {
+    return { biome: biomeInstance, projectKey };
+  }
+  if (biomePromise) {
+    const biome2 = await biomePromise;
+    return { biome: biome2, projectKey };
+  }
+  biomePromise = (async () => {
+    const instance = await Biome.create({
+      distribution: Distribution.NODE
+    });
+    projectKey = instance.openProject(".").projectKey;
+    instance.applyConfiguration(projectKey, {
+      html: {
+        formatter: {
+          lineWidth: 100
+        }
+      }
+    });
+    biomeInstance = instance;
+    return instance;
+  })();
+  const biome = await biomePromise;
+  return { biome, projectKey };
+}
+async function biomeFormat(content) {
+  try {
+    const { biome, projectKey: projectKey2 } = await getBiome();
+    const result = biome.formatContent(projectKey2, content, {
+      filePath: "example.html"
+    });
+    const hasFatalErrors = result.diagnostics?.some(
+      (diag) => diag.severity === "fatal" || diag.severity === "error"
+    );
+    if (hasFatalErrors) {
+      console.warn("Biome HTML formatting has errors, falling back to original content");
+      return content;
+    }
+    return result.content;
+  } catch (error) {
+    console.warn("Biome HTML formatting not supported or failed:", error);
+    return content;
+  }
+}
+const regexModifierLine = /<insert-vite-pug src="(.+?)".*(?:[\n\r\u2028\u2029]\s*)?(modifierClass="(.+?)")? *><\/insert-vite-pug>/g;
+async function compilePug(contentDir, mode, html) {
+  const vitePugTags = html.match(regexModifierLine);
+  if (!vitePugTags) {
+    return html;
+  }
+  let markupOutput = html;
+  await Promise.all(vitePugTags.map(async (vitePugTag) => {
+    const pugSourcePath = vitePugTag.match(/src="(.+?)"/)?.[1];
+    if (!pugSourcePath) {
+      return void 0;
+    }
+    const pugModifierClass = vitePugTag.match(/modifierClass="(.+?)"/);
+    let pugLocals = {};
+    if (pugModifierClass && pugModifierClass[1]) {
+      pugLocals = {
+        modifierClass: pugModifierClass[1]
+      };
+    }
+    const pugFilePath = path.join(contentDir, pugSourcePath);
+    if (mode === "production") {
+      const isPugFile = path.extname(pugSourcePath) === ".pug";
+      if (!isPugFile) {
+        throw new Error(`${pugSourcePath} is not a valid .pug file`);
+      }
+      const pugFn = pug.compileFile(pugFilePath, {
+        pretty: true,
+        // define doctype to avoid self-closing tags on wrong places
+        doctype: "html"
+      });
+      const pugOutput = pugFn(pugLocals);
+      markupOutput = markupOutput.replaceAll(vitePugTag, pugOutput);
+    } else {
+      const pugTag = pugModifierClass && pugModifierClass[1] ? `<pug src="${pugFilePath}" locals="${encodeURIComponent(JSON.stringify(pugLocals))}"></pug>` : `<pug src="${pugFilePath}"></pug>`;
+      markupOutput = markupOutput.replaceAll(vitePugTag, pugTag);
+    }
+  }));
+  return markupOutput;
+}
+if (!parentPort) {
+  throw new Error("This file must be run as a worker thread");
+}
+parentPort.on("message", async (data) => {
+  const { id, mode, html, contentDir } = data;
+  let result = html;
+  const needsFormatting = mode === "development" && !result.includes("<insert-vite-pug") || mode === "production";
+  result = await compilePug(contentDir, mode, html);
+  if (needsFormatting) {
+    result = await biomeFormat(result);
+  }
+  parentPort.postMessage({ id, html: result });
+});
+
+export { compilePug };

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

@@ -0,0 +1,63 @@
+{
+  "_main-B97JcbYk.js": {
+    "file": "main-B97JcbYk.js",
+    "name": "main",
+    "dynamicImports": [
+      "client/lib/html-validator.ts",
+      "client/lib/icons.ts",
+      "client/lib/clipboard.ts"
+    ]
+  },
+  "client/fullpage.ts": {
+    "file": "client-fullpage-1rKiNQVN.js",
+    "name": "client-fullpage",
+    "src": "client/fullpage.ts",
+    "isEntry": true
+  },
+  "client/lib/clipboard.ts": {
+    "file": "clipboard-DhKzwemV.js",
+    "name": "clipboard",
+    "src": "client/lib/clipboard.ts",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-B97JcbYk.js"
+    ]
+  },
+  "client/lib/html-validator.ts": {
+    "file": "html-validator-DqoaRE1y.js",
+    "name": "html-validator",
+    "src": "client/lib/html-validator.ts",
+    "isDynamicEntry": true,
+    "dynamicImports": [
+      "node_modules/html-validate/dist/es/browser.js"
+    ]
+  },
+  "client/lib/icons.ts": {
+    "file": "icons-oK5xUF8R.js",
+    "name": "icons",
+    "src": "client/lib/icons.ts",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-B97JcbYk.js"
+    ]
+  },
+  "client/main.ts": {
+    "file": "client-BZlkq2d8.js",
+    "name": "client",
+    "src": "client/main.ts",
+    "isEntry": true,
+    "imports": [
+      "_main-B97JcbYk.js"
+    ]
+  },
+  "node_modules/html-validate/dist/es/browser.js": {
+    "file": "browser-BSX_g1yp.js",
+    "name": "browser",
+    "src": "node_modules/html-validate/dist/es/browser.js",
+    "isDynamicEntry": true
+  },
+  "style.css": {
+    "file": "styleguide-BQbUioN5.css",
+    "src": "style.css"
+  }
+}