chaincss 2.1.13 → 2.1.15

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

@@ -3353,8 +3353,18 @@ var compileRuntime = (s, moduleId) => styleInjector.injectMultiple(s, moduleId);
 // src/runtime/index.ts
 function injectChainStyles(styles) {
   let css = "";
+  let staticCount = 0, dynamicCount = 0, hybridCount = 0;
   for (const [key, obj] of Object.entries(styles)) {
     if (!obj || !obj.selectors) continue;
+    let stat = 0, dyn = 0;
+    for (const [k, v] of Object.entries(obj)) {
+      if (["selectors", "hover", "atRules", "nestedRules", "_name", "_classes", "__buildClasses", "__runtimeClasses", "__isHybrid"].includes(k)) continue;
+      if (typeof v === "function") dyn++;
+      else stat++;
+    }
+    if (stat > 0 && dyn > 0) hybridCount++;
+    else if (dyn > 0) dynamicCount++;
+    else staticCount++;
     const sel = "." + obj.selectors[0];
     css += sel + "{";
     for (const [k, v] of Object.entries(obj)) {
@@ -3379,6 +3389,7 @@ function injectChainStyles(styles) {
   el.setAttribute("data-chaincss", "runtime");
   el.textContent = css;
   document.head.appendChild(el);
+  console.log("\u26D3\uFE0F ChainCSS Split: \u{1F4E6} Static=" + staticCount + " \u26A1 Dynamic=" + dynamicCount + " \u{1F500} Hybrid=" + hybridCount + " | CSS: " + css.length + " bytes");
   return el;
 }
 
@@ -6352,61 +6363,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}`));

package/dist/runtime/index.js

@@ -3909,8 +3909,18 @@ var injectStyleContextSvelte = (...args) => getSvelteExports().injectStyleContex
 var chainStyles2 = (...args) => getSvelteExports().chainStyles?.(...args);
 function injectChainStyles(styles3) {
   let css = "";
+  let staticCount = 0, dynamicCount = 0, hybridCount = 0;
   for (const [key, obj] of Object.entries(styles3)) {
     if (!obj || !obj.selectors) continue;
+    let stat = 0, dyn = 0;
+    for (const [k, v] of Object.entries(obj)) {
+      if (["selectors", "hover", "atRules", "nestedRules", "_name", "_classes", "__buildClasses", "__runtimeClasses", "__isHybrid"].includes(k)) continue;
+      if (typeof v === "function") dyn++;
+      else stat++;
+    }
+    if (stat > 0 && dyn > 0) hybridCount++;
+    else if (dyn > 0) dynamicCount++;
+    else staticCount++;
     const sel = "." + obj.selectors[0];
     css += sel + "{";
     for (const [k, v] of Object.entries(obj)) {
@@ -3935,6 +3945,7 @@ function injectChainStyles(styles3) {
   el.setAttribute("data-chaincss", "runtime");
   el.textContent = css;
   document.head.appendChild(el);
+  console.log("\u26D3\uFE0F ChainCSS Split: \u{1F4E6} Static=" + staticCount + " \u26A1 Dynamic=" + dynamicCount + " \u{1F500} Hybrid=" + hybridCount + " | CSS: " + css.length + " bytes");
   return el;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chaincss",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "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/runtime/index.ts

@@ -92,8 +92,22 @@ export type {
 // Auto-inject styles into DOM
 export function injectChainStyles(styles: Record<string, any>) {
   let css = '';
+  let staticCount = 0, dynamicCount = 0, hybridCount = 0;
+  
   for (const [key, obj] of Object.entries(styles)) {
     if (!obj || !obj.selectors) continue;
+    
+    // Count static vs dynamic
+    let stat = 0, dyn = 0;
+    for (const [k, v] of Object.entries(obj)) {
+      if (['selectors','hover','atRules','nestedRules','_name','_classes','__buildClasses','__runtimeClasses','__isHybrid'].includes(k)) continue;
+      if (typeof v === 'function') dyn++;
+      else stat++;
+    }
+    if (stat > 0 && dyn > 0) hybridCount++;
+    else if (dyn > 0) dynamicCount++;
+    else staticCount++;
+    
     const sel = '.' + obj.selectors[0];
     css += sel + '{';
     for (const [k, v] of Object.entries(obj)) {
@@ -118,5 +132,9 @@ export function injectChainStyles(styles: Record<string, any>) {
   el.setAttribute('data-chaincss', 'runtime');
   el.textContent = css;
   document.head.appendChild(el);
+  
+  // Show split stats in console
+  console.log('⛓️ ChainCSS Split: 📦 Static=' + staticCount + ' ⚡ Dynamic=' + dynamicCount + ' 🔀 Hybrid=' + hybridCount + ' | CSS: ' + css.length + ' bytes');
+  
   return el;
 }