chaincss 2.1.14 → 2.1.15

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;
 }
 

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.14",
+  "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/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;
 }