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

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;AA6B5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QA+BtB"}

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,
@@ -12,18 +12,22 @@ const ORDER = [
     StyleBucket.Focus,
     StyleBucket.User,
 ];
-function bucketName(bucket) {
-    var _a;
-    return (_a = StyleBucket[bucket]) !== null && _a !== void 0 ? _a : `UNKNOWN(${bucket})`;
+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;
 }
 export function insertRulesWithBucket(rules, bucket) {
-    console.groupCollapsed(`[STYLE] insertRulesWithBucket → ${bucketName(bucket)}`);
-    console.log('rules.length:', rules.length);
-    if (!rules.length) {
-        console.warn('❌ No rules passed, aborting');
-        console.groupEnd();
+    if (!rules.length)
         return;
-    }
+    // accumulate rules
     const existing = bucketRules.get(bucket);
     if (existing) {
         existing.push(...rules);
@@ -31,24 +35,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);
+    // 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) {
-                console.log(`➡ inserting ${r.length} rules from bucket ${bucketName(b)}`);
                 insertRulesOnce(r);
                 bucketRules.set(b, []);
             }
-            else {
-                console.log(`⏭ skipping bucket ${bucketName(b)} (no rules)`);
-            }
+            flushedBuckets.add(b);
+            progress = true;
         }
     }
-    else {
-        console.log(`⏭ bucket ${bucketName(bucket)} already inserted`);
-    }
-    console.groupEnd();
 }

package/package.json

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