css-in-js-engine-pb 0.1.6 → 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;AA6B5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QA+BtB"}
+{"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

@@ -12,22 +12,19 @@ const ORDER = [
     StyleBucket.Focus,
     StyleBucket.User,
 ];
-function canFlush(bucket) {
-    const index = ORDER.indexOf(bucket);
-    if (index === -1)
-        return false;
-    // all earlier buckets must be flushed first
-    for (let i = 0; i < index; i++) {
-        if (!flushedBuckets.has(ORDER[i])) {
-            return false;
-        }
-    }
-    return true;
+function bucketName(bucket) {
+    var _a;
+    return (_a = StyleBucket[bucket]) !== null && _a !== void 0 ? _a : `UNKNOWN(${bucket})`;
 }
 export function insertRulesWithBucket(rules, bucket) {
-    if (!rules.length)
+    console.groupCollapsed(`[STYLE] insertRulesWithBucket → ${bucketName(bucket)}`);
+    console.log('incoming rules.length:', rules.length);
+    if (!rules.length) {
+        console.warn('❌ no rules, returning');
+        console.groupEnd();
         return;
-    // accumulate rules
+    }
+    // collect rules
     const existing = bucketRules.get(bucket);
     if (existing) {
         existing.push(...rules);
@@ -35,22 +32,22 @@ export function insertRulesWithBucket(rules, bucket) {
     else {
         bucketRules.set(bucket, [...rules]);
     }
-    // try flushing as much as possible, in order
-    let progress = true;
-    while (progress) {
-        progress = false;
-        for (const b of ORDER) {
-            if (flushedBuckets.has(b))
-                continue;
-            if (!canFlush(b))
-                continue;
-            const r = bucketRules.get(b);
-            if (r && r.length) {
-                insertRulesOnce(r);
-                bucketRules.set(b, []);
-            }
-            flushedBuckets.add(b);
-            progress = true;
+    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;
+        }
+        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.6",
+  "version": "0.1.7",
   "description": "A lightweight atomic CSS-in-JS engine built on the native CSS cascade",
   "license": "MIT",
   "type": "module",