@webto-id/variant-check 0.1.3 → 0.1.4

package/dist/cli.js

@@ -1153,6 +1153,13 @@ function lintNodes(nodes, ctx, ariaHidden = false) {
     const hidden = ariaHidden || staticValue(n.attrs["aria-hidden"]) === "true";
     for (const [k, v] of Object.entries(n.attrs)) lintAttr(k, v, tag, ctx);
     if (tag === "img" && !("alt" in n.attrs)) push(ctx, "warning", "img-alt", "<img> without alt");
+    if (/^h[1-4]$/.test(tag)) {
+      const cls = staticValue(n.attrs.class);
+      const style = staticValue(n.attrs.style);
+      const pinned = typeof style === "string" && /font-size\s*:/i.test(style);
+      const inert = typeof cls === "string" && !pinned ? cls.split(/\s+/).filter((c) => HEADING_SIZE_CLASS.test(c)) : [];
+      if (inert.length) push(ctx, "warning", "heading-size-inert", `${inert.join(" ")} on <${tag}> has no effect: h1-h4 sizes follow the site theme (Style tab). Keep it as intent, or force a fixed size with !${inert[0]}, an inline style, or a non-heading tag`);
+    }
     if (tag === "a") {
       const target = staticValue(n.attrs.target);
       if (target === "_blank" && !("rel" in n.attrs)) n.attrs.rel = "noopener";
@@ -1207,6 +1214,7 @@ function checkUrl(name, v, tag, ctx) {
   if (/^https?:\/\//i.test(s) && (name === "src" || name === "poster")) push(ctx, "warning", "hardcoded-image", `<${tag} ${name}> hardcodes an external URL \u2014 images should come from a content field`);
 }
 __name(checkUrl, "checkUrl");
+var HEADING_SIZE_CLASS = /^(?:[\w-]+:)*text-(?:xs|sm|base|lg|xl|\dxl|\[[^\]]+\])$/;
 function lintHtml(root, sectionType2) {
   const ctx = { lint: [], sectionType: sectionType2, inButton: 0, inSvg: 0 };
   lintNodes(root, ctx);
@@ -1758,7 +1766,7 @@ function deriveSchema(fields, props, base2) {
 __name(deriveSchema, "deriveSchema");
 
 // ../variant-compiler/src/index.ts
-var COMPILER_VERSION = "0.1.3";
+var COMPILER_VERSION = "0.1.4";
 var IR_MAX_BYTES = 256 * 1024;
 var CSS_MAX_BYTES = 64 * 1024;
 var STRICT_CODES = /* @__PURE__ */ new Set(["dead-text", "hardcoded-color", "hardcoded-radius", "hardcoded-font", "hardcoded-image", "img-alt", "props-optional", "tailwind-skipped"]);

package/dist/index.js

@@ -1150,6 +1150,13 @@ function lintNodes(nodes, ctx, ariaHidden = false) {
     const hidden = ariaHidden || staticValue(n.attrs["aria-hidden"]) === "true";
     for (const [k, v] of Object.entries(n.attrs)) lintAttr(k, v, tag, ctx);
     if (tag === "img" && !("alt" in n.attrs)) push(ctx, "warning", "img-alt", "<img> without alt");
+    if (/^h[1-4]$/.test(tag)) {
+      const cls = staticValue(n.attrs.class);
+      const style = staticValue(n.attrs.style);
+      const pinned = typeof style === "string" && /font-size\s*:/i.test(style);
+      const inert = typeof cls === "string" && !pinned ? cls.split(/\s+/).filter((c) => HEADING_SIZE_CLASS.test(c)) : [];
+      if (inert.length) push(ctx, "warning", "heading-size-inert", `${inert.join(" ")} on <${tag}> has no effect: h1-h4 sizes follow the site theme (Style tab). Keep it as intent, or force a fixed size with !${inert[0]}, an inline style, or a non-heading tag`);
+    }
     if (tag === "a") {
       const target = staticValue(n.attrs.target);
       if (target === "_blank" && !("rel" in n.attrs)) n.attrs.rel = "noopener";
@@ -1204,6 +1211,7 @@ function checkUrl(name, v, tag, ctx) {
   if (/^https?:\/\//i.test(s) && (name === "src" || name === "poster")) push(ctx, "warning", "hardcoded-image", `<${tag} ${name}> hardcodes an external URL \u2014 images should come from a content field`);
 }
 __name(checkUrl, "checkUrl");
+var HEADING_SIZE_CLASS = /^(?:[\w-]+:)*text-(?:xs|sm|base|lg|xl|\dxl|\[[^\]]+\])$/;
 function lintHtml(root, sectionType) {
   const ctx = { lint: [], sectionType, inButton: 0, inSvg: 0 };
   lintNodes(root, ctx);
@@ -1755,7 +1763,7 @@ function deriveSchema(fields, props, base) {
 __name(deriveSchema, "deriveSchema");
 
 // ../variant-compiler/src/index.ts
-var COMPILER_VERSION = "0.1.3";
+var COMPILER_VERSION = "0.1.4";
 var IR_MAX_BYTES = 256 * 1024;
 var CSS_MAX_BYTES = 64 * 1024;
 var STRICT_CODES = /* @__PURE__ */ new Set(["dead-text", "hardcoded-color", "hardcoded-radius", "hardcoded-font", "hardcoded-image", "img-alt", "props-optional", "tailwind-skipped"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webto-id/variant-check",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Lint, compile and preview a Webto Variant Format (.astro subset) section variant with the exact compiler the webto.id marketplace uses.",
   "license": "MIT",
   "type": "module",