css-in-js-engine-pb 0.1.6 → 0.1.8

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;AAqB5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAuEtB"}

package/dist/insertWithBucket.js

@@ -1,6 +1,7 @@
 import { insertRulesOnce } from './insertOnce';
 import { StyleBucket } from './StyleBucket';
 const bucketRules = new Map();
+const seenBuckets = new Set();
 const flushedBuckets = new Set();
 const ORDER = [
     StyleBucket.Reset,
@@ -12,45 +13,52 @@ 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)
-        return;
-    // accumulate rules
-    const existing = bucketRules.get(bucket);
-    if (existing) {
-        existing.push(...rules);
-    }
-    else {
-        bucketRules.set(bucket, [...rules]);
+    console.groupCollapsed(`[STYLE] insertRulesWithBucket → ${bucketName(bucket)}`);
+    console.log('incoming rules.length:', rules.length);
+    // mark bucket as seen
+    seenBuckets.add(bucket);
+    // collect rules
+    if (rules.length) {
+        const existing = bucketRules.get(bucket);
+        if (existing) {
+            existing.push(...rules);
+        }
+        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}`));
+    console.log('seenBuckets:', Array.from(seenBuckets).map(bucketName));
+    // try flushing in strict ORDER
+    for (const b of ORDER) {
+        if (flushedBuckets.has(b)) {
+            console.log(`⏭ ${bucketName(b)} already flushed`);
+            continue;
+        }
+        // 🚨 critical guard
+        // do NOT flush if an earlier bucket has not been seen yet
+        const bIndex = ORDER.indexOf(b);
+        const hasUnseenEarlier = ORDER
+            .slice(0, bIndex)
+            .some(prev => !seenBuckets.has(prev));
+        if (hasUnseenEarlier) {
+            console.log(`⛔ ${bucketName(b)} blocked (earlier bucket not seen yet)`);
+            break; // cannot flush further
+        }
+        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.8",
   "description": "A lightweight atomic CSS-in-JS engine built on the native CSS cascade",
   "license": "MIT",
   "type": "module",