css-in-js-engine-pb 0.1.1 → 0.1.2

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,QAqBtB"}
+{"version":3,"file":"insertWithBucket.d.ts","sourceRoot":"","sources":["../src/insertWithBucket.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAiB5C,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,EAAE,EACf,MAAM,EAAE,WAAW,QAwBtB"}

package/dist/insertWithBucket.js

@@ -1,8 +1,8 @@
 import { insertRulesOnce } from './insertOnce';
 import { StyleBucket } from './StyleBucket';
-const bucketedRules = new Map();
-const flushedBuckets = new Set();
-const orderedBuckets = [
+const bucketRules = new Map();
+let highestFlushedBucket = -1;
+const ORDER = [
     StyleBucket.Reset,
     StyleBucket.Base,
     StyleBucket.Appearance,
@@ -15,21 +15,22 @@ const orderedBuckets = [
 export function insertRulesWithBucket(rules, bucket) {
     if (!rules.length)
         return;
-    const existing = bucketedRules.get(bucket);
+    const existing = bucketRules.get(bucket);
     if (existing) {
         existing.push(...rules);
     }
     else {
-        bucketedRules.set(bucket, [...rules]);
+        bucketRules.set(bucket, [...rules]);
     }
-    for (const b of orderedBuckets) {
-        if (flushedBuckets.has(b))
-            continue;
-        const bucketRules = bucketedRules.get(b);
-        if (bucketRules && bucketRules.length) {
-            insertRulesOnce(bucketRules);
-            bucketedRules.set(b, []);
-            flushedBuckets.add(b);
+    const bucketIndex = ORDER.indexOf(bucket);
+    // Flush all buckets up to this one
+    for (let i = highestFlushedBucket + 1; i <= bucketIndex; i++) {
+        const b = ORDER[i];
+        const r = bucketRules.get(b);
+        if (r && r.length) {
+            insertRulesOnce(r);
+            bucketRules.set(b, []);
         }
     }
+    highestFlushedBucket = Math.max(highestFlushedBucket, bucketIndex);
 }

package/package.json

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