chaincss 2.1.12 → 2.1.14

package/dist/cli/index.js

@@ -2834,61 +2834,8 @@ var init_compiler = __esm({
         if (!this.atomicOptimizer || id.includes("\0")) return;
         try {
           let processedCount = 0;
-          let searchFrom = 0;
-          while (true) {
-            const startIdx = source.indexOf("useChainStyles({", searchFrom);
-            if (startIdx === -1) break;
-            const braceStart = source.indexOf("{", startIdx);
-            if (braceStart === -1) break;
-            let braceCount = 0;
-            let endIdx = -1;
-            for (let i = braceStart; i < source.length; i++) {
-              if (source[i] === "{") braceCount++;
-              if (source[i] === "}") braceCount--;
-              if (braceCount === 0) {
-                endIdx = i;
-                break;
-              }
-            }
-            if (endIdx === -1) break;
-            const stylesBlock = source.substring(braceStart + 1, endIdx);
-            try {
-              const componentRegex = /(\w+):\s*\{/g;
-              let componentMatch;
-              while ((componentMatch = componentRegex.exec(stylesBlock)) !== null) {
-                const componentKey = componentMatch[1];
-                const componentStart = componentMatch.index + componentMatch[0].length;
-                let compBraceCount = 0;
-                let compEndIdx = -1;
-                for (let i = componentStart - 1; i < stylesBlock.length; i++) {
-                  if (stylesBlock[i] === "{") compBraceCount++;
-                  if (stylesBlock[i] === "}") compBraceCount--;
-                  if (compBraceCount === 0) {
-                    compEndIdx = i;
-                    break;
-                  }
-                }
-                if (compEndIdx === -1) continue;
-                const componentStyles = stylesBlock.substring(componentStart, compEndIdx);
-                const rawObj = this.safeParseStyleObject(`{${componentStyles}}`);
-                if (Object.keys(rawObj).length === 0) continue;
-                const expandedObj = {};
-                for (const [k, v] of Object.entries(rawObj)) {
-                  const realKey = shorthandMap[k] || k;
-                  expandedObj[realKey] = v;
-                }
-                await this.processStyleObject(expandedObj, componentKey);
-                processedCount++;
-              }
-            } catch (parseError) {
-              if (this.config.verbose) {
-                console.warn(chalk3.yellow(`  \u26A0\uFE0F  Failed to parse styles in ${id}: ${parseError}`));
-              }
-            }
-            searchFrom = endIdx + 1;
-          }
           if (this.config.verbose && processedCount > 0) {
-            console.log(chalk3.gray(`  \u{1F4DD} Processed ${processedCount} styles from ${id}`));
+            console.log(`  \u2514\u2500 Processed ${processedCount} chain() styles from ${id.split("/").pop()}`);
           }
         } catch (error) {
           console.error(chalk3.red(`  \u274C Error compiling source ${id}: ${error}`));

package/dist/index.js

@@ -6352,61 +6352,8 @@ var ChainCSSCompiler = class {
     if (!this.atomicOptimizer || id.includes("\0")) return;
     try {
       let processedCount = 0;
-      let searchFrom = 0;
-      while (true) {
-        const startIdx = source.indexOf("useChainStyles({", searchFrom);
-        if (startIdx === -1) break;
-        const braceStart = source.indexOf("{", startIdx);
-        if (braceStart === -1) break;
-        let braceCount = 0;
-        let endIdx = -1;
-        for (let i = braceStart; i < source.length; i++) {
-          if (source[i] === "{") braceCount++;
-          if (source[i] === "}") braceCount--;
-          if (braceCount === 0) {
-            endIdx = i;
-            break;
-          }
-        }
-        if (endIdx === -1) break;
-        const stylesBlock = source.substring(braceStart + 1, endIdx);
-        try {
-          const componentRegex = /(\w+):\s*\{/g;
-          let componentMatch;
-          while ((componentMatch = componentRegex.exec(stylesBlock)) !== null) {
-            const componentKey = componentMatch[1];
-            const componentStart = componentMatch.index + componentMatch[0].length;
-            let compBraceCount = 0;
-            let compEndIdx = -1;
-            for (let i = componentStart - 1; i < stylesBlock.length; i++) {
-              if (stylesBlock[i] === "{") compBraceCount++;
-              if (stylesBlock[i] === "}") compBraceCount--;
-              if (compBraceCount === 0) {
-                compEndIdx = i;
-                break;
-              }
-            }
-            if (compEndIdx === -1) continue;
-            const componentStyles = stylesBlock.substring(componentStart, compEndIdx);
-            const rawObj = this.safeParseStyleObject(`{${componentStyles}}`);
-            if (Object.keys(rawObj).length === 0) continue;
-            const expandedObj = {};
-            for (const [k, v] of Object.entries(rawObj)) {
-              const realKey = shorthandMap[k] || k;
-              expandedObj[realKey] = v;
-            }
-            await this.processStyleObject(expandedObj, componentKey);
-            processedCount++;
-          }
-        } catch (parseError) {
-          if (this.config.verbose) {
-            console.warn(chalk3.yellow(`  \u26A0\uFE0F  Failed to parse styles in ${id}: ${parseError}`));
-          }
-        }
-        searchFrom = endIdx + 1;
-      }
       if (this.config.verbose && processedCount > 0) {
-        console.log(chalk3.gray(`  \u{1F4DD} Processed ${processedCount} styles from ${id}`));
+        console.log(`  \u2514\u2500 Processed ${processedCount} chain() styles from ${id.split("/").pop()}`);
       }
     } catch (error) {
       console.error(chalk3.red(`  \u274C Error compiling source ${id}: ${error}`));

package/dist/plugins/vite.js

@@ -2739,61 +2739,8 @@ var ChainCSSCompiler = class {
     if (!this.atomicOptimizer || id.includes("\0")) return;
     try {
       let processedCount = 0;
-      let searchFrom = 0;
-      while (true) {
-        const startIdx = source.indexOf("useChainStyles({", searchFrom);
-        if (startIdx === -1) break;
-        const braceStart = source.indexOf("{", startIdx);
-        if (braceStart === -1) break;
-        let braceCount = 0;
-        let endIdx = -1;
-        for (let i = braceStart; i < source.length; i++) {
-          if (source[i] === "{") braceCount++;
-          if (source[i] === "}") braceCount--;
-          if (braceCount === 0) {
-            endIdx = i;
-            break;
-          }
-        }
-        if (endIdx === -1) break;
-        const stylesBlock = source.substring(braceStart + 1, endIdx);
-        try {
-          const componentRegex = /(\w+):\s*\{/g;
-          let componentMatch;
-          while ((componentMatch = componentRegex.exec(stylesBlock)) !== null) {
-            const componentKey = componentMatch[1];
-            const componentStart = componentMatch.index + componentMatch[0].length;
-            let compBraceCount = 0;
-            let compEndIdx = -1;
-            for (let i = componentStart - 1; i < stylesBlock.length; i++) {
-              if (stylesBlock[i] === "{") compBraceCount++;
-              if (stylesBlock[i] === "}") compBraceCount--;
-              if (compBraceCount === 0) {
-                compEndIdx = i;
-                break;
-              }
-            }
-            if (compEndIdx === -1) continue;
-            const componentStyles = stylesBlock.substring(componentStart, compEndIdx);
-            const rawObj = this.safeParseStyleObject(`{${componentStyles}}`);
-            if (Object.keys(rawObj).length === 0) continue;
-            const expandedObj = {};
-            for (const [k, v] of Object.entries(rawObj)) {
-              const realKey = shorthandMap[k] || k;
-              expandedObj[realKey] = v;
-            }
-            await this.processStyleObject(expandedObj, componentKey);
-            processedCount++;
-          }
-        } catch (parseError) {
-          if (this.config.verbose) {
-            console.warn(chalk2.yellow(`  \u26A0\uFE0F  Failed to parse styles in ${id}: ${parseError}`));
-          }
-        }
-        searchFrom = endIdx + 1;
-      }
       if (this.config.verbose && processedCount > 0) {
-        console.log(chalk2.gray(`  \u{1F4DD} Processed ${processedCount} styles from ${id}`));
+        console.log(`  \u2514\u2500 Processed ${processedCount} chain() styles from ${id.split("/").pop()}`);
       }
     } catch (error) {
       console.error(chalk2.red(`  \u274C Error compiling source ${id}: ${error}`));
@@ -3471,6 +3418,11 @@ const setManifest = (manifest) => {
         log(`Processing: ${fileName}`);
         processedFiles.add(id);
         await compiler.compileSource(source, id);
+        const css = compiler.getCombinedCSS();
+        if (css && css.trim()) {
+          const ruleCount = (css.match(/\{/g) || []).length;
+          console.log(`  \u2514\u2500 Extracted ${ruleCount} CSS rules from ${fileName}`);
+        }
         updateCSS();
         updateManifest();
         if (server && options.hmr !== false) {
@@ -3526,6 +3478,14 @@ ${source}`,
     },
     buildEnd() {
       const finalCSS = updateCSS();
+      const stats = compiler.getStats();
+      console.log("");
+      console.log("[ChainCSS] \u2705 Build complete");
+      console.log(`  \u{1F4E6} Static CSS:  ${finalCSS.length} bytes`);
+      console.log(`  \u26A1 Runtime JS:  minimal (dynamic properties only)`);
+      console.log(`  \u{1F9E9} Total styles: ${stats.totalStyles || 0} processed`);
+      console.log(`  \u{1F4BE} Atomic savings: ${stats.savings || "0%"}`);
+      console.log("");
       log(`Build complete - Final CSS: ${finalCSS.length} bytes`);
       if (options.cssOutput) {
         try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chaincss",
-  "version": "2.1.12",
+  "version": "2.1.14",
   "description": "ChainCSS v3.0 - The first CSS-in-JS library with true auto-detection mixed mode. Zero runtime by default, dynamic when you need it.",
   "type": "module",
   "main": "./dist/index.js",

package/src/core/compiler.ts

@@ -196,80 +196,9 @@ export class ChainCSSCompiler {
 
     try {
       let processedCount = 0;
-      let searchFrom = 0;
-      
-      while (true) {
-        const startIdx = source.indexOf('useChainStyles({', searchFrom);
-        if (startIdx === -1) break;
-        
-        // Find the matching closing brace using brace counting
-        const braceStart = source.indexOf('{', startIdx);
-        if (braceStart === -1) break;
-        
-        let braceCount = 0;
-        let endIdx = -1;
-        for (let i = braceStart; i < source.length; i++) {
-          if (source[i] === '{') braceCount++;
-          if (source[i] === '}') braceCount--;
-          if (braceCount === 0) {
-            endIdx = i;
-            break;
-          }
-        }
-        
-        if (endIdx === -1) break;
-        
-        const stylesBlock = source.substring(braceStart + 1, endIdx);
-        
-        try {
-          // Extract component definitions from the block
-          const componentRegex = /(\w+):\s*\{/g;
-          let componentMatch;
-          
-          while ((componentMatch = componentRegex.exec(stylesBlock)) !== null) {
-            const componentKey = componentMatch[1];
-            const componentStart = componentMatch.index + componentMatch[0].length;
-            
-            // Find matching closing brace for this component
-            let compBraceCount = 0;
-            let compEndIdx = -1;
-            for (let i = componentStart - 1; i < stylesBlock.length; i++) {
-              if (stylesBlock[i] === '{') compBraceCount++;
-              if (stylesBlock[i] === '}') compBraceCount--;
-              if (compBraceCount === 0) {
-                compEndIdx = i;
-                break;
-              }
-            }
-            
-            if (compEndIdx === -1) continue;
-            
-            const componentStyles = stylesBlock.substring(componentStart, compEndIdx);
-            const rawObj = this.safeParseStyleObject(`{${componentStyles}}`);
-            
-            if (Object.keys(rawObj).length === 0) continue;
-            
-            // Expand shorthands
-            const expandedObj: Record<string, any> = {};
-            for (const [k, v] of Object.entries(rawObj)) {
-              const realKey = shorthandMap[k] || k;
-              expandedObj[realKey] = v;
-            }
-            
-            await this.processStyleObject(expandedObj, componentKey);
-            processedCount++;
-          }
-        } catch (parseError) {
-          if (this.config.verbose) {
-            console.warn(chalk.yellow(`  ⚠️  Failed to parse styles in ${id}: ${parseError}`));
-          }
-        }
-        
-        searchFrom = endIdx + 1;
-      }
       
       if (this.config.verbose && processedCount > 0) {
-        console.log(chalk.gray(`  📝 Processed ${processedCount} styles from ${id}`));
+        console.log(`  └─ Processed ${processedCount} chain() styles from ${id.split('/').pop()}`);
       }
     } catch (error) {
       console.error(chalk.red(`  ❌ Error compiling source ${id}: ${error}`));

package/src/plugins/vite.ts

@@ -295,6 +295,13 @@ const setManifest = (manifest) => {
         // Compile the source
         await compiler.compileSource(source, id);
         
+        // Show what was found
+        const css = compiler.getCombinedCSS();
+        if (css && css.trim()) {
+          const ruleCount = (css.match(/\{/g) || []).length;
+          console.log(`  └─ Extracted ${ruleCount} CSS rules from ${fileName}`);
+        }
+        
         // Update stored data
         updateCSS();
         updateManifest();
@@ -372,6 +379,15 @@ const setManifest = (manifest) => {
     
     buildEnd() {
       const finalCSS = updateCSS();
+      const stats = compiler.getStats();
+      
+      console.log('');
+      console.log('[ChainCSS] ✅ Build complete');
+      console.log(`  📦 Static CSS:  ${finalCSS.length} bytes`);
+      console.log(`  ⚡ Runtime JS:  minimal (dynamic properties only)`);
+      console.log(`  🧩 Total styles: ${stats.totalStyles || 0} processed`);
+      console.log(`  💾 Atomic savings: ${stats.savings || '0%'}`);
+      console.log('');
       log(`Build complete - Final CSS: ${finalCSS.length} bytes`);
       
       // Write CSS to file if output specified