kss-modern 0.0.31 → 0.0.32

package/dist/node/lib/index.mjs

@@ -896,7 +896,7 @@ async function generateFullPageFile(data) {
         <link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/fullpage-light.svg">
       `}
     ${data.ogImageUrl ? `<meta property="og:image" content="${data.ogImageUrl}">` : ""}
-    <script type="module" src="/styleguide-assets/fullpage-DrO6Pf-j.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-C3Xx0NH3.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>

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

@@ -22,7 +22,7 @@
     ]
   },
   "client/fullpage.ts": {
-    "file": "fullpage-DrO6Pf-j.js",
+    "file": "fullpage-C3Xx0NH3.js",
     "name": "fullpage",
     "src": "client/fullpage.ts",
     "isEntry": true,

package/dist/styleguide-assets/{fullpage-DrO6Pf-j.js → fullpage-C3Xx0NH3.js}

@@ -1,4 +1,4 @@
-class m {
+class f {
   modifier;
   placeholder;
   constructor(e) {
@@ -13,19 +13,19 @@ class m {
     const n = window.frameElement.getAttribute("data-modifier");
     if (!n)
       return null;
-    const t = n.split(".").filter((r) => r.length > 0).join(" "), o = new m({ modifier: t });
-    return o.initialize(e), o;
+    const t = n.split(".").filter((r) => r.length > 0).join(" "), i = new f({ modifier: t });
+    return i.initialize(e), i;
   }
   static fromUrl(e = document) {
     const t = new URLSearchParams(window.location.search).get("modifier");
     if (!t)
       return null;
-    const o = t.split(".").filter((i) => i.length > 0).join(" "), r = new m({ modifier: o });
+    const i = t.split(".").filter((o) => o.length > 0).join(" "), r = new f({ modifier: i });
     return r.initialize(e), r;
   }
   replaceAll(e) {
-    const n = encodeURIComponent(JSON.stringify(this.placeholder)), t = JSON.stringify({ modifierClass: this.placeholder }), o = encodeURIComponent(t);
-    return e.replace(new RegExp(this.escapeRegExp(this.placeholder), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(n), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(o), "g"), this.modifier);
+    const n = encodeURIComponent(JSON.stringify(this.placeholder)), t = JSON.stringify({ modifierClass: this.placeholder }), i = encodeURIComponent(t);
+    return e.replace(new RegExp(this.escapeRegExp(this.placeholder), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(n), "g"), this.modifier).replace(new RegExp(this.escapeRegExp(i), "g"), this.modifier);
   }
   escapeRegExp(e) {
     return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -51,14 +51,14 @@ class m {
   }
   replaceInElementAttributes(e) {
     Array.from(e.attributes).forEach((n) => {
-      const t = n.value, o = this.replaceAll(t);
-      t !== o && (n.value = o);
+      const t = n.value, i = this.replaceAll(t);
+      t !== i && (n.value = i);
     });
   }
 }
-window.frameElement ? (window.frameElement.getAttribute("data-preview") === "true" && document.documentElement.classList.add("styleguide-preview"), window.frameElement.hasAttribute("data-modifier") && m.fromIframe(), window.runAccessibilityTest = async () => {
-  const c = async () => {
-    const { default: r } = await import("./axe-Ciyt_55N.js").then((a) => a.a), i = await r.run("body", {
+window.frameElement ? (window.frameElement.getAttribute("data-preview") === "true" && document.documentElement.classList.add("styleguide-preview"), window.frameElement.hasAttribute("data-modifier") && f.fromIframe(), window.runAccessibilityTest = async () => {
+  const d = async () => {
+    const { default: r } = await import("./axe-Ciyt_55N.js").then((a) => a.a), o = await r.run("body", {
       rules: {
         // color contrast can't be calculated correctly yet in axe-core
         // when using dark-mode. See: https://github.com/dequelabs/axe-core/issues/3605
@@ -67,61 +67,66 @@ window.frameElement ? (window.frameElement.getAttribute("data-preview") === "tru
         "landmark-one-main": { enabled: !1 }
       }
     }).catch(console.error);
-    if (!i)
+    if (!o)
       throw new Error("No results from html-validate");
-    const f = /* @__PURE__ */ new Map(), l = (a) => {
+    const l = /* @__PURE__ */ new Map(), s = (a) => {
       a.forEach((p) => {
         p.nodes.forEach((u) => {
-          u.target.forEach((d) => {
-            const s = r.utils.shadowSelect(d);
-            if (!s)
-              throw new Error(`Could not find element for selector: ${d}`);
-            f.set(d, s);
+          u.target.forEach((m) => {
+            const c = r.utils.shadowSelect(m);
+            if (!c)
+              throw new Error(`Could not find element for selector: ${m}`);
+            l.set(m, c);
           });
         });
       });
     };
-    return l(i.violations), l(i.inapplicable), l(i.passes), l(i.incomplete), {
-      result: i,
-      targetMap: f
+    return s(o.violations), s(o.inapplicable), s(o.passes), s(o.incomplete), {
+      result: o,
+      targetMap: l
     };
   }, e = async () => {
-    const { HtmlValidate: r, StaticConfigLoader: i } = await import("./browser-foEci-k2.js"), f = new i(), l = new r(f), a = await fetch(window.location.href);
+    const { HtmlValidate: r, StaticConfigLoader: o } = await import("./browser-foEci-k2.js"), l = new o(), s = new r(l), a = await fetch(window.location.href);
     if (!a.ok)
       throw new Error(`Failed to fetch document for html-validate: ${a.status} ${a.statusText}`);
-    const p = await a.text(), { results: u } = await l.validateString(p, {
+    const p = await a.text(), { results: u } = await s.validateString(p, {
       rules: {
         "no-trailing-whitespace": "off",
         "no-inline-style": "off"
       }
-    }), d = u.map((s) => s.messages).flat();
-    return await Promise.all(d.map(async (s) => {
-      const w = (await l.getContextualDocumentation(s))?.description;
+    }), m = u.map((c) => c.messages).flat();
+    return await Promise.all(m.map(async (c) => {
+      const w = (await s.getContextualDocumentation(c))?.description;
       return {
-        ...s,
+        ...c,
         ruleDescription: w
       };
     }));
   }, [n, t] = await Promise.all([
-    c(),
+    d(),
     e()
-  ]), o = new CustomEvent("accessibility-result", {
+  ]), i = new CustomEvent("accessibility-result", {
     detail: {
       axe: n,
       htmlValidate: t
     }
   });
-  window.frameElement?.dispatchEvent(o);
-}) : new URLSearchParams(window.location.search).get("modifier") && m.fromUrl();
-window.querySelectorAnywhere = (c) => {
-  const e = document.querySelector(c);
-  if (e)
-    return e;
-  const n = c.replace(/.*template[^>]*>\s*/i, ""), t = Array.from(document.querySelectorAll("template"));
-  for (const o of t) {
-    const r = o.content.querySelector(n);
-    if (r)
-      return r;
+  window.frameElement?.dispatchEvent(i);
+}) : new URLSearchParams(window.location.search).get("modifier") && f.fromUrl();
+window.querySelectorAnywhere = (d) => {
+  if (!d.includes("template")) {
+    const o = document.querySelector(d);
+    if (o)
+      return o;
+  }
+  const e = d.split(/\s+/), n = e.findIndex((o) => o.startsWith("template"));
+  if (n < 0)
+    return null;
+  const t = e.slice(0, n + 1).join(" "), i = e.slice(n + 1).join(" "), r = Array.from(document.querySelectorAll(t));
+  for (const o of r) {
+    const l = o.content.querySelector(i || "*");
+    if (l)
+      return l;
   }
   return null;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kss-modern",
   "type": "module",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "Modern KSS compatible styleguide generator",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@antfu/utils": "^9.3.0",
     "@biomejs/js-api": "^4.0.0",
-    "@biomejs/wasm-nodejs": "^2.3.14",
+    "@biomejs/wasm-nodejs": "^2.3.15",
     "@shikijs/markdown-it": "^3.22.0",
     "chokidar": "^5.0.0",
     "fs-extra": "^11.3.3",