css-in-js-engine-pb 0.1.4 → 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;AAgB5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAsBtB"}
+{"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,9 +12,22 @@ 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;
+}
 export function insertRulesWithBucket(rules, bucket) {
     if (!rules.length)
         return;
+    // accumulate rules
     const existing = bucketRules.get(bucket);
     if (existing) {
         existing.push(...rules);
@@ -22,14 +35,22 @@ export function insertRulesWithBucket(rules, bucket) {
     else {
         bucketRules.set(bucket, [...rules]);
     }
-    if (!insertedBuckets.has(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) {
                 insertRulesOnce(r);
                 bucketRules.set(b, []);
             }
+            flushedBuckets.add(b);
+            progress = true;
         }
     }
 }

package/package.json

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