@ingcrea/aumic-tailwind-killer 3.1.6 → 3.1.7

package/dist/index.js

@@ -1154,6 +1154,34 @@ async function run() {
         return;
     }
     spinner.succeed(`Se extrajeron ${globalExtracted.size} bloques únicos de Tailwind.`);
+    // --- NUEVO: JIT VALIDATOR PASS (Zero-Bloat Seguro) ---
+    spinner.start('Verificando clases nativas de Tailwind vs Custom CSS (JIT Validator)...');
+    const allUniqueTokens = new Set();
+    for (const orig of globalExtracted.keys()) {
+        orig.split(' ').forEach(t => { if (t.trim() && !t.includes('aumic-'))
+            allUniqueTokens.add(t.trim()); });
+    }
+    const testHtml = Array.from(allUniqueTokens).map(t => `<div class="${t}"></div>`).join('\n');
+    let testPlugin;
+    try {
+        testPlugin = require('tailwindcss')({ content: [{ raw: testHtml, extension: 'html' }], corePlugins: { preflight: false } });
+    }
+    catch (e) {
+        testPlugin = require('tailwindcss');
+    }
+    const testJit = await (0, postcss_1.default)([testPlugin]).process(`@tailwind utilities;`, { from: undefined });
+    const testRoot = postcss_1.default.parse(testJit.css);
+    const validTwClasses = new Set();
+    testRoot.walkRules((rule) => {
+        const allTokensArr = Array.from(allUniqueTokens);
+        for (const token of allTokensArr) {
+            const escaped = '.' + escapeCssSelector(token);
+            if (rule.selector.includes(escaped)) {
+                validTwClasses.add(token);
+            }
+        }
+    });
+    spinner.succeed(`Filtro JIT completado: ${validTwClasses.size} utilidades nativas reconocidas.`);
     const classMapping = new Map();
     let customRules = '';
     const rcPath = path_1.default.join(TARGET_DIR, '.aumicrc.json');
@@ -1193,7 +1221,13 @@ async function run() {
         await fs_extra_1.default.writeJson(memoryPath, finalMapping, { spaces: 2 });
         for (const [orig, { category, component, occurrences }] of globalExtracted) {
             const cleanAumic = finalMapping[orig] || `aumic-ai-${component}-${getHash(orig)}`;
-            classMapping.set(orig, { original: orig, array: orig.split(' '), aumicClass: cleanAumic, category, component, occurrences });
+            const fullArray = orig.split(' ');
+            const twArray = fullArray.filter(c => validTwClasses.has(c));
+            const customArray = fullArray.filter(c => !validTwClasses.has(c));
+            const repString = customArray.length > 0 ? (twArray.length > 0 ? cleanAumic + ' ' + customArray.join(' ') : customArray.join(' ')) : cleanAumic;
+            if (twArray.length > 0) {
+                classMapping.set(orig, { original: orig, array: fullArray, tailwindOnlyArray: twArray, customArray, aumicClass: cleanAumic, replacementString: repString, category, component, occurrences });
+            }
         }
     }
     else {
@@ -1207,7 +1241,14 @@ async function run() {
         };
         for (const [orig, { category, component, occurrences }] of globalExtracted) {
             const prefix = levelPrefix[category] || 'molecule';
-            classMapping.set(orig, { original: orig, array: orig.split(' '), aumicClass: `aumic-${prefix}-${component}-${getHash(orig)}`, category, component, occurrences });
+            const fullArray = orig.split(' ');
+            const twArray = fullArray.filter(c => validTwClasses.has(c));
+            const customArray = fullArray.filter(c => !validTwClasses.has(c));
+            const hashAumic = `aumic-${prefix}-${component}-${getHash(orig)}`;
+            const repString = customArray.length > 0 ? (twArray.length > 0 ? hashAumic + ' ' + customArray.join(' ') : customArray.join(' ')) : hashAumic;
+            if (twArray.length > 0) {
+                classMapping.set(orig, { original: orig, array: fullArray, tailwindOnlyArray: twArray, customArray, aumicClass: hashAumic, replacementString: repString, category, component, occurrences });
+            }
         }
         spinner.succeed('Hashes generados.');
     }
@@ -1280,7 +1321,7 @@ async function run() {
     const utilityToAumic = new Map();
     for (const [_, mapping] of classMapping) {
         const cat = mapping.category || 'molecules';
-        for (const util of mapping.array) {
+        for (const util of mapping.tailwindOnlyArray) {
             const escaped = '.' + escapeCssSelector(util);
             const list = utilityToAumic.get(escaped) || [];
             list.push({ aumicClass: mapping.aumicClass, category: cat });
@@ -1328,7 +1369,7 @@ async function run() {
     }
     else {
         spinner.start(`Fase 4: Forzando JIT de Tailwind (v${twVersion})...`);
-        const virtualHtml = Array.from(classMapping.values()).map(map => `<div class="${map.original}"></div>`).join('\n');
+        const virtualHtml = Array.from(classMapping.values()).map(map => `<div class="${map.tailwindOnlyArray.join(' ')}"></div>`).join('\n');
         let twPlugin;
         twPlugin = require('tailwindcss')({ content: [{ raw: virtualHtml, extension: 'html' }], corePlugins: { preflight: false } });
         await piscinaPool.destroy();

package/dist/worker.js

@@ -16,7 +16,7 @@ async function processFile(data) {
     else if (data.mode === 'mutate') {
         const { newCode } = astEngine.processFrameworkFile(data.content, data.filePath, (twClass) => {
             if (data.map && data.map[twClass]) {
-                return data.map[twClass].aumicClass;
+                return data.map[twClass].replacementString || data.map[twClass].aumicClass;
             }
             return twClass;
         });

package/package.json

@@ -1,48 +1,48 @@
-{
-  "name": "@ingcrea/aumic-tailwind-killer",
-  "version": "3.1.6",
-  "description": "Transpilador de Tailwind a CSS3 puro bajo estándar AUM-IC",
-  "main": "dist/index.js",
-  "bin": {
-    "aumic-tailwind-killer": "bin/aumic-killer.js"
-  },
-  "scripts": {
-    "bump": "node scripts/bump.js",
-    "build": "tsc",
-    "start": "node dist/index.js",
-    "publish-public": "npm publish --access public"
-  },
-  "dependencies": {
-    "@babel/generator": "^8.0.6",
-    "@babel/parser": "^8.0.6",
-    "@babel/traverse": "^8.0.6",
-    "@tailwindcss/postcss": "^4.0.0",
-    "dotenv": "^16.6.1",
-    "fs-extra": "^11.2.0",
-    "inquirer": "^9.3.8",
-    "tailwindcss": "^3.4.1",
-    "picocolors": "^1.0.0",
-    "ora": "^5.4.1",
-    "commander": "^11.0.0",
-    "glob": "^10.3.10",
-    "piscina": "^4.4.0"
-  },
-  "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.11.20",
-    "typescript": "^5.3.3"
-  },
-  "author": "Ingeniería Creativa <soporte@ingcrea.com> (https://ingcrea.com)",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ingcrea/aumic-tailwind-killer.git"
-  },
-  "keywords": [
-    "tailwind",
-    "css",
-    "aum-ic",
-    "transpiler",
-    "ast",
-    "cli"
-  ]
-}
+{
+    "name":  "@ingcrea/aumic-tailwind-killer",
+    "version":  "3.1.7",
+    "description":  "Transpilador de Tailwind a CSS3 puro bajo estándar AUM-IC",
+    "main":  "dist/index.js",
+    "bin":  {
+                "aumic-tailwind-killer":  "bin/aumic-killer.js"
+            },
+    "scripts":  {
+                    "bump":  "node scripts/bump.js",
+                    "build":  "tsc",
+                    "start":  "node dist/index.js",
+                    "publish-public":  "npm publish --access public"
+                },
+    "dependencies":  {
+                         "@babel/generator":  "^8.0.6",
+                         "@babel/parser":  "^8.0.6",
+                         "@babel/traverse":  "^8.0.6",
+                         "@tailwindcss/postcss":  "^4.0.0",
+                         "dotenv":  "^16.6.1",
+                         "fs-extra":  "^11.2.0",
+                         "inquirer":  "^9.3.8",
+                         "tailwindcss":  "^3.4.1",
+                         "picocolors":  "^1.0.0",
+                         "ora":  "^5.4.1",
+                         "commander":  "^11.0.0",
+                         "glob":  "^10.3.10",
+                         "piscina":  "^4.4.0"
+                     },
+    "devDependencies":  {
+                            "@types/fs-extra":  "^11.0.4",
+                            "@types/node":  "^20.11.20",
+                            "typescript":  "^5.3.3"
+                        },
+    "author":  "Ingeniería Creativa \u003csoporte@ingcrea.com\u003e (https://ingcrea.com)",
+    "repository":  {
+                       "type":  "git",
+                       "url":  "git+https://github.com/ingcrea/aumic-tailwind-killer.git"
+                   },
+    "keywords":  [
+                     "tailwind",
+                     "css",
+                     "aum-ic",
+                     "transpiler",
+                     "ast",
+                     "cli"
+                 ]
+}

package/patch.js

@@ -0,0 +1,80 @@
+const fs = require('fs');
+let content = fs.readFileSync('src-typescript/index.ts', 'utf8');
+
+const classMapRegex = /const classMapping = new Map<string, \{ original: string, array: string\[\], aumicClass: string, category: string, component: string, occurrences: number \}>\(\);/;
+const classMapReplacement = 'const classMapping = new Map<string, { original: string, array: string[], tailwindOnlyArray: string[], customArray: string[], aumicClass: string, replacementString: string, category: string, component: string, occurrences: number }>();';
+content = content.replace(classMapRegex, classMapReplacement);
+
+const memoryInjectRegex = /classMapping\.set\(orig, \{ original: orig, array: orig\.split\(' '\), aumicClass: cleanAumic, category, component, occurrences \}\);/g;
+const memoryInjectReplacement = `
+            const fullArray = orig.split(' ');
+            const twArray = fullArray.filter(c => validTwClasses.has(c));
+            const customArray = fullArray.filter(c => !validTwClasses.has(c));
+            const repString = customArray.length > 0 ? (twArray.length > 0 ? cleanAumic + ' ' + customArray.join(' ') : customArray.join(' ')) : cleanAumic;
+            if (twArray.length > 0) {
+                classMapping.set(orig, { original: orig, array: fullArray, tailwindOnlyArray: twArray, customArray, aumicClass: cleanAumic, replacementString: repString, category, component, occurrences });
+            }
+`;
+content = content.replace(memoryInjectRegex, memoryInjectReplacement);
+
+const hashInjectRegex = /classMapping\.set\(orig, \{ original: orig, array: orig\.split\(' '\), aumicClass: `aumic-\${prefix}-\${component}-\${getHash\(orig\)}`, category, component, occurrences \}\);/g;
+const hashInjectReplacement = `
+            const fullArray = orig.split(' ');
+            const twArray = fullArray.filter(c => validTwClasses.has(c));
+            const customArray = fullArray.filter(c => !validTwClasses.has(c));
+            const hashAumic = \`aumic-\${prefix}-\${component}-\${getHash(orig)}\`;
+            const repString = customArray.length > 0 ? (twArray.length > 0 ? hashAumic + ' ' + customArray.join(' ') : customArray.join(' ')) : hashAumic;
+            if (twArray.length > 0) {
+                classMapping.set(orig, { original: orig, array: fullArray, tailwindOnlyArray: twArray, customArray, aumicClass: hashAumic, replacementString: repString, category, component, occurrences });
+            }
+`;
+content = content.replace(hashInjectRegex, hashInjectReplacement);
+
+const extractSuccessSplit = content.split("globalExtracted.size} bloques");
+if(extractSuccessSplit.length > 1) {
+    const after = extractSuccessSplit[1];
+    const rest = after.substring(after.indexOf(");") + 2);
+    const before = extractSuccessSplit[0] + "globalExtracted.size} bloques" + after.substring(0, after.indexOf(");") + 2);
+
+    const jitValidationBlock = `
+      // --- NUEVO: JIT VALIDATOR PASS (Zero-Bloat Seguro) ---
+      spinner.start('Verificando clases nativas de Tailwind vs Custom CSS (JIT Validator)...');
+      const allUniqueTokens = new Set<string>();
+      for (const orig of globalExtracted.keys()) {
+          orig.split(' ').forEach(t => { if (t.trim() && !t.includes('aumic-')) allUniqueTokens.add(t.trim()); });
+      }
+      const testHtml = Array.from(allUniqueTokens).map(t => \`<div class="\${t}"></div>\`).join('\\n');
+      let testPlugin;
+      try {
+          testPlugin = require('tailwindcss')({ content: [{ raw: testHtml, extension: 'html' }], corePlugins: { preflight: false } });
+      } catch(e) {
+          testPlugin = require('tailwindcss');
+      }
+      const testJit = await postcss([testPlugin]).process(\`@tailwind utilities;\`, { from: undefined });
+      const testRoot = postcss.parse(testJit.css);
+      const validTwClasses = new Set<string>();
+      testRoot.walkRules((rule) => {
+          const allTokensArr = Array.from(allUniqueTokens);
+          for (const token of allTokensArr) {
+              const escaped = '.' + escapeCssSelector(token);
+              if (rule.selector.includes(escaped)) {
+                  validTwClasses.add(token);
+              }
+          }
+      });
+      spinner.succeed(\`Filtro JIT completado: \${validTwClasses.size} utilidades nativas reconocidas.\`);
+`;
+    content = before + "\n" + jitValidationBlock + "\n" + rest;
+} else {
+    console.log("Could not find globalExtracted block!");
+}
+
+const virtualHtmlReplacement = "const virtualHtml = Array.from(classMapping.values()).map(map => `<div class=\"${map.tailwindOnlyArray.join(' ')}\"></div>`).join('\\n');";
+content = content.replace("const virtualHtml = Array.from(classMapping.values()).map(map => `<div class=\"${map.original}\"></div>`).join('\\n');", virtualHtmlReplacement);
+
+const mapArrayRegex = /for \(const util of mapping\.array\) \{/g;
+const mapArrayReplacement = 'for (const util of mapping.tailwindOnlyArray) {';
+content = content.replace(mapArrayRegex, mapArrayReplacement);
+
+fs.writeFileSync('src-typescript/index.ts', content, 'utf8');
+console.log("Patched successfully!");