chaincss 2.1.16 → 2.1.18

package/dist/plugins/vite.js

@@ -3370,12 +3370,28 @@ const setManifest = (manifest) => {
       }
     `;
   }
+  let chainCount = 0;
+  let staticCount = 0;
+  let dynamicCount = 0;
+  let hybridCount = 0;
+  let totalCSSBytes = 0;
   return {
     name: "chaincss",
     enforce: "pre",
     configureServer(_server) {
       server = _server;
       log("Vite plugin initialized");
+      setTimeout(() => {
+        if (chainCount > 0) {
+          console.log("");
+          console.log("\u26D3\uFE0F  ChainCSS \u2014 Dev Mode Ready");
+          console.log(`  \u{1F4E6} Static:  ${staticCount || 0} styles \u2192 CSS`);
+          console.log(`  \u26A1 Dynamic: ${dynamicCount || 0} styles \u2192 JS runtime`);
+          console.log(`  \u{1F500} Hybrid:  ${hybridCount || 0} styles \u2192 Auto-split`);
+          console.log(`  \u{1F4DD} Total:   ${chainCount || 0} chain() calls found`);
+          console.log("");
+        }
+      }, 1e3);
       _server.watcher.on("change", (filePath) => {
         if (filePath.includes("chaincss.config")) {
           log("Config changed, clearing cache...");
@@ -3417,6 +3433,19 @@ const setManifest = (manifest) => {
         }
         log(`Processing: ${fileName}`);
         processedFiles.add(id);
+        const chainMatches = source.match(/chain\(/g);
+        const smartMatches = source.match(/smartChain\(/g);
+        const total = (chainMatches?.length || 0) + (smartMatches?.length || 0);
+        if (total > 0) {
+          chainCount += total;
+          if (smartMatches) {
+            hybridCount += smartMatches.length;
+            staticCount += chainMatches?.length || 0;
+          } else {
+            staticCount += total;
+          }
+          console.log(`  \u2514\u2500 Found ${total} chain calls (${chainMatches?.length || 0} static, ${smartMatches?.length || 0} hybrid)`);
+        }
         await compiler.compileSource(source, id);
         const css = compiler.getCombinedCSS();
         if (css && css.trim()) {
@@ -3475,6 +3504,11 @@ ${source}`,
       generatedCSS = "";
       generatedManifest = {};
       compiler.clearCSS();
+      chainCount = 0;
+      staticCount = 0;
+      dynamicCount = 0;
+      hybridCount = 0;
+      totalCSSBytes = 0;
     },
     buildEnd() {
       const finalCSS = updateCSS();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chaincss",
-  "version": "2.1.16",
+  "version": "2.1.18",
   "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/plugins/vite.ts

@@ -232,6 +232,12 @@ const setManifest = (manifest) => {
     `;
   }
 
+  let chainCount = 0;
+  let staticCount = 0;
+  let dynamicCount = 0;
+  let hybridCount = 0;
+  let totalCSSBytes = 0;
+
   return {
     name: 'chaincss',
     enforce: 'pre' as const,
@@ -240,6 +246,19 @@ const setManifest = (manifest) => {
       server = _server;
       log('Vite plugin initialized');
       
+      // Show stats after server starts
+      setTimeout(() => {
+        if (chainCount > 0) {
+          console.log('');
+          console.log('⛓️  ChainCSS — Dev Mode Ready');
+          console.log(`  📦 Static:  ${staticCount || 0} styles → CSS`);
+          console.log(`  ⚡ Dynamic: ${dynamicCount || 0} styles → JS runtime`);
+          console.log(`  🔀 Hybrid:  ${hybridCount || 0} styles → Auto-split`);
+          console.log(`  📝 Total:   ${chainCount || 0} chain() calls found`);
+          console.log('');
+        }
+      }, 1000);
+      
       // Watch for config changes
       _server.watcher.on('change', (filePath) => {
         if (filePath.includes('chaincss.config')) {
@@ -292,6 +311,23 @@ const setManifest = (manifest) => {
         log(`Processing: ${fileName}`);
         processedFiles.add(id);
         
+        // Count chain() and smartChain() calls
+        const chainMatches = source.match(/chain\(/g);
+        const smartMatches = source.match(/smartChain\(/g);
+        const total = (chainMatches?.length || 0) + (smartMatches?.length || 0);
+        
+        if (total > 0) {
+          chainCount += total;
+          // Estimate static vs dynamic (smartChain is hybrid, chain is static)
+          if (smartMatches) {
+            hybridCount += smartMatches.length;
+            staticCount += (chainMatches?.length || 0);
+          } else {
+            staticCount += total;
+          }
+          console.log(`  └─ Found ${total} chain calls (${chainMatches?.length || 0} static, ${smartMatches?.length || 0} hybrid)`);
+        }
+        
         // Compile the source
         await compiler.compileSource(source, id);
         
@@ -375,6 +411,11 @@ const setManifest = (manifest) => {
       generatedCSS = '';
       generatedManifest = {};
       compiler.clearCSS();
+      chainCount = 0;
+      staticCount = 0;
+      dynamicCount = 0;
+      hybridCount = 0;
+      totalCSSBytes = 0;
     },
     
     buildEnd() {