css-in-js-engine-pb 0.1.7 → 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;AAoB5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAqDtB"}
+{"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,
@@ -19,26 +20,36 @@ function bucketName(bucket) {
 export function insertRulesWithBucket(rules, bucket) {
     console.groupCollapsed(`[STYLE] insertRulesWithBucket → ${bucketName(bucket)}`);
     console.log('incoming rules.length:', rules.length);
-    if (!rules.length) {
-        console.warn('❌ no rules, returning');
-        console.groupEnd();
-        return;
-    }
+    // mark bucket as seen
+    seenBuckets.add(bucket);
     // collect rules
-    const existing = bucketRules.get(bucket);
-    if (existing) {
-        existing.push(...rules);
-    }
-    else {
-        bucketRules.set(bucket, [...rules]);
+    if (rules.length) {
+        const existing = bucketRules.get(bucket);
+        if (existing) {
+            existing.push(...rules);
+        }
+        else {
+            bucketRules.set(bucket, [...rules]);
+        }
     }
     console.log('bucketRules:', Array.from(bucketRules.entries()).map(([b, r]) => `${bucketName(b)}=${r.length}`));
-    // 🔑 attempt flush in strict ORDER
+    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`);

package/package.json

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