@webto-id/variant-check 0.1.5 → 0.1.6

package/dist/cli.js

@@ -1878,6 +1878,25 @@ async function compile2(source2, opts) {
       lint.push({ level: "error", code: "tailwind", message: `Tailwind compile failed: ${e.message}` });
     }
   }
+  if (!opts.skipTailwind && twCss) {
+    const unknown = [];
+    for (const t of classTokens) {
+      if (!isCandidate(t)) continue;
+      if (/^(group|peer)([/]|$)/.test(t)) continue;
+      if (/^(js|wv)-/.test(t)) continue;
+      if (userCss.includes(t) || script.includes(t)) continue;
+      const cssName = "." + t.replace(/[^a-zA-Z0-9_-]/g, (ch) => "\\" + ch);
+      const boundary = new RegExp(cssName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "(?![\\w-])");
+      if (!boundary.test(twCss)) unknown.push(t);
+    }
+    if (unknown.length) {
+      lint.push({
+        level: "warning",
+        code: "unknown-class",
+        message: `class${unknown.length > 1 ? "es" : ""} '${unknown.join("', '")}' compile to no CSS: not a Tailwind utility, and neither this variant's <style> nor its <script> mentions ${unknown.length > 1 ? "them" : "it"}. Leftover from another CSS framework? Rewrite as Tailwind utilities/tokens or style it in <style>; a deliberate script hook belongs under a js- prefix`
+      });
+    }
+  }
   let css = "";
   try {
     css = scopeCss(twCss, ROOT_PLACEHOLDER) + (userCss.trim() ? "\n" + scopeCss(userCss, ROOT_PLACEHOLDER) : "");

package/dist/index.js

@@ -1875,6 +1875,25 @@ async function compile2(source, opts) {
       lint.push({ level: "error", code: "tailwind", message: `Tailwind compile failed: ${e.message}` });
     }
   }
+  if (!opts.skipTailwind && twCss) {
+    const unknown = [];
+    for (const t of classTokens) {
+      if (!isCandidate(t)) continue;
+      if (/^(group|peer)([/]|$)/.test(t)) continue;
+      if (/^(js|wv)-/.test(t)) continue;
+      if (userCss.includes(t) || script.includes(t)) continue;
+      const cssName = "." + t.replace(/[^a-zA-Z0-9_-]/g, (ch) => "\\" + ch);
+      const boundary = new RegExp(cssName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "(?![\\w-])");
+      if (!boundary.test(twCss)) unknown.push(t);
+    }
+    if (unknown.length) {
+      lint.push({
+        level: "warning",
+        code: "unknown-class",
+        message: `class${unknown.length > 1 ? "es" : ""} '${unknown.join("', '")}' compile to no CSS: not a Tailwind utility, and neither this variant's <style> nor its <script> mentions ${unknown.length > 1 ? "them" : "it"}. Leftover from another CSS framework? Rewrite as Tailwind utilities/tokens or style it in <style>; a deliberate script hook belongs under a js- prefix`
+      });
+    }
+  }
   let css = "";
   try {
     css = scopeCss(twCss, ROOT_PLACEHOLDER) + (userCss.trim() ? "\n" + scopeCss(userCss, ROOT_PLACEHOLDER) : "");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webto-id/variant-check",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "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",