@weerachai06/tw-scanner 1.0.0 → 1.0.2

package/dist/extractor.js

@@ -215,15 +215,14 @@ export function extractClassesFromFile(file) {
     if (!fs.existsSync(file))
         return [];
     const source = fs.readFileSync(file, 'utf8');
-    const isTS = /\.(ts|tsx)$/.test(file);
+    const isJSX = /\.(tsx|jsx)$/.test(file);
     let ast;
     try {
         ast = parse(source, {
-            jsx: true,
+            jsx: isJSX,
             loc: true,
             range: true,
             tolerant: true,
-            ...(isTS ? {} : {}),
         });
     }
     catch (err) {

package/dist/validator.js

@@ -18,20 +18,35 @@ export async function loadTailwindContext(cssFile) {
     compileCache.set(abs, result);
     return result;
 }
-// ─── Build escape for CSS selector matching ───────────────────────────────────
-function cssEscape(cls) {
-    // Matches what Tailwind outputs in CSS selectors
-    return cls
-        .replace(/\//g, '\\/') // p-1/2 → p-1\/2
-        .replace(/\./g, '\\.') // . → \.
-        .replace(/:/g, '\\:') // md: → md\:
+// ─── Build CSS selector for string matching ──────────────────────────────────
+function cssSelector(cls) {
+    // Produces the escaped selector as it appears in Tailwind's CSS output
+    return '.' + cls
+        .replace(/\//g, '\\/')
+        .replace(/\./g, '\\.')
+        .replace(/:/g, '\\:')
         .replace(/\[/g, '\\[')
         .replace(/\]/g, '\\]')
         .replace(/\(/g, '\\(')
         .replace(/\)/g, '\\)')
+        .replace(/=/g, '\\=')
+        .replace(/>/g, '\\>')
+        .replace(/&/g, '\\&')
+        .replace(/~/g, '\\~')
+        .replace(/\+/g, '\\+')
         .replace(/#/g, '\\#')
         .replace(/%/g, '\\%')
-        .replace(/!/g, '\\!');
+        .replace(/!/g, '\\!')
+        .replace(/,/g, '\\,')
+        .replace(/'/g, "\\'")
+        .replace(/"/g, '\\"');
+}
+function selectorInOutput(selector, output) {
+    const idx = output.indexOf(selector);
+    if (idx === -1)
+        return false;
+    const next = output[idx + selector.length];
+    return next === '{' || next === ' ' || next === ':' || next === '[' || next === ',';
 }
 // ─── Validation cache: per-context ───────────────────────────────────────────
 const validityCache = new Map();
@@ -43,11 +58,7 @@ export function isValidClass(cls, context) {
         return cache.get(cls);
     // Build CSS with this single candidate
     const output = context.build([cls]);
-    // A valid class generates a selector in the utilities/components layer
-    const escaped = cssEscape(cls);
-    // Look for .classname{ or .classname  { or .classname:hover{
-    const pattern = new RegExp(`\\.${escaped.replace(/\\/g, '\\\\')}[\\s{\\[:]`);
-    const valid = pattern.test(output);
+    const valid = selectorInOutput(cssSelector(cls), output);
     cache.set(cls, valid);
     return valid;
 }
@@ -72,9 +83,7 @@ export function validateBatch(classes, context) {
     // Build all candidates at once
     const output = context.build(toCheck);
     for (const cls of toCheck) {
-        const escaped = cssEscape(cls);
-        const pattern = new RegExp(`\\.${escaped.replace(/\\/g, '\\\\')}[\\s{\\[:]`);
-        const valid = pattern.test(output);
+        const valid = selectorInOutput(cssSelector(cls), output);
         result.set(cls, valid);
         cache.set(cls, valid);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weerachai06/tw-scanner",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "AST-based Tailwind v4 class validator for React projects",
   "type": "module",
   "bin": {