css-in-js-engine-pb 0.1.5 → 0.1.7

package/dist/insertWithBucket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insertWithBucket.d.ts","sourceRoot":"","sources":["../src/insertWithBucket.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAoB5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAmDtB"}
+{"version":3,"file":"insertWithBucket.d.ts","sourceRoot":"","sources":["../src/insertWithBucket.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAoB5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAqDtB"}

package/dist/insertWithBucket.js

@@ -1,7 +1,7 @@
 import { insertRulesOnce } from './insertOnce';
 import { StyleBucket } from './StyleBucket';
 const bucketRules = new Map();
-const insertedBuckets = new Set();
+const flushedBuckets = new Set();
 const ORDER = [
     StyleBucket.Reset,
     StyleBucket.Base,
@@ -18,12 +18,13 @@ function bucketName(bucket) {
 }
 export function insertRulesWithBucket(rules, bucket) {
     console.groupCollapsed(`[STYLE] insertRulesWithBucket → ${bucketName(bucket)}`);
-    console.log('rules.length:', rules.length);
+    console.log('incoming rules.length:', rules.length);
     if (!rules.length) {
-        console.warn('❌ No rules passed, aborting');
+        console.warn('❌ no rules, returning');
         console.groupEnd();
         return;
     }
+    // collect rules
     const existing = bucketRules.get(bucket);
     if (existing) {
         existing.push(...rules);
@@ -31,24 +32,22 @@ export function insertRulesWithBucket(rules, bucket) {
     else {
         bucketRules.set(bucket, [...rules]);
     }
-    console.log('bucketRules sizes:', Array.from(bucketRules.entries()).map(([b, r]) => `${bucketName(b)}=${r.length}`));
-    if (!insertedBuckets.has(bucket)) {
-        console.log(`🟢 First time seeing bucket ${bucketName(bucket)}`);
-        insertedBuckets.add(bucket);
-        for (const b of ORDER) {
-            const r = bucketRules.get(b);
-            if (r && r.length) {
-                console.log(`➡ inserting ${r.length} rules from bucket ${bucketName(b)}`);
-                insertRulesOnce(r);
-                bucketRules.set(b, []);
-            }
-            else {
-                console.log(`⏭ skipping bucket ${bucketName(b)} (no rules)`);
-            }
+    console.log('bucketRules:', Array.from(bucketRules.entries()).map(([b, r]) => `${bucketName(b)}=${r.length}`));
+    // 🔑 attempt flush in strict ORDER
+    for (const b of ORDER) {
+        if (flushedBuckets.has(b)) {
+            console.log(`⏭ ${bucketName(b)} already flushed`);
+            continue;
         }
-    }
-    else {
-        console.log(`⏭ bucket ${bucketName(bucket)} already inserted`);
+        const r = bucketRules.get(b);
+        if (!r || r.length === 0) {
+            console.log(`⏳ ${bucketName(b)} has no rules yet`);
+            continue;
+        }
+        console.log(`➡ FLUSHING ${r.length} rules from ${bucketName(b)}`);
+        insertRulesOnce(r);
+        flushedBuckets.add(b);
+        bucketRules.set(b, []);
     }
     console.groupEnd();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-in-js-engine-pb",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "A lightweight atomic CSS-in-JS engine built on the native CSS cascade",
   "license": "MIT",
   "type": "module",