css-in-js-engine-pb 0.1.9 → 0.2.1

package/dist/insertOnce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insertOnce.d.ts","sourceRoot":"","sources":["../src/insertOnce.ts"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAU9C"}
+{"version":3,"file":"insertOnce.d.ts","sourceRoot":"","sources":["../src/insertOnce.ts"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAkB9C"}

package/dist/insertOnce.js

@@ -10,6 +10,8 @@ function ensureSheet() {
     return sheet;
 }
 export function insertRulesOnce(rules) {
+    console.log('[insertRulesOnce]', 'called with', rules.length, 'rules');
+    console.log(rules);
     if (rules.length === 0)
         return;
     const sheet = ensureSheet();

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

package/dist/insertWithBucket.js

@@ -2,7 +2,6 @@ import { insertRulesOnce } from './insertOnce';
 import { StyleBucket } from './StyleBucket';
 const bucketRules = new Map();
 const seenBuckets = new Set();
-const flushedBuckets = new Set();
 const ORDER = [
     StyleBucket.Reset,
     StyleBucket.Base,
@@ -13,7 +12,6 @@ const ORDER = [
     StyleBucket.Focus,
     StyleBucket.User,
 ];
-// Buckets that should NOT block ordering if unused
 const OPTIONAL_BUCKETS = [
     StyleBucket.Base,
     StyleBucket.Size,
@@ -22,10 +20,10 @@ const OPTIONAL_BUCKETS = [
     StyleBucket.Focus,
     StyleBucket.User,
 ];
-// Mark optional buckets as seen by default
 for (const b of OPTIONAL_BUCKETS) {
     seenBuckets.add(b);
 }
+let highestInsertedBucketIndex = -1;
 function bucketName(bucket) {
     var _a;
     return (_a = StyleBucket[bucket]) !== null && _a !== void 0 ? _a : `UNKNOWN(${bucket})`;
@@ -33,45 +31,44 @@ function bucketName(bucket) {
 export function insertRulesWithBucket(rules, bucket) {
     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) {
+        if (existing)
             existing.push(...rules);
-        }
-        else {
+        else
             bucketRules.set(bucket, [...rules]);
-        }
     }
     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 targetIndex = ORDER.indexOf(bucket);
+    if (targetIndex === -1) {
+        console.warn('⛔ bucket not in ORDER:', bucket);
+        console.groupEnd();
+        return;
+    }
+    // Don’t insert beyond unseen required buckets
+    // (Reset + Appearance are required; Base/Size/Shape/State/Focus/User are optional via pre-seed)
+    for (let i = 0; i <= targetIndex; i++) {
+        if (!seenBuckets.has(ORDER[i])) {
+            console.log(`⛔ blocked at ${bucketName(ORDER[i])} (not seen yet)`);
+            console.groupEnd();
+            return;
         }
+    }
+    // Insert buckets in order up to targetIndex.
+    // IMPORTANT: we do NOT “flush forever”. We may insert more later.
+    for (let i = 0; i <= targetIndex; i++) {
+        const b = ORDER[i];
         const r = bucketRules.get(b);
         if (!r || r.length === 0) {
-            console.log(`⏳ ${bucketName(b)} has no rules yet`);
+            console.log(`⏳ ${bucketName(b)} has no queued rules`);
             continue;
         }
-        console.log(`➡ FLUSHING ${r.length} rules from ${bucketName(b)}`);
+        console.log(`➡ INSERTING ${r.length} queued rules from ${bucketName(b)}`);
         insertRulesOnce(r);
-        flushedBuckets.add(b);
         bucketRules.set(b, []);
+        highestInsertedBucketIndex = Math.max(highestInsertedBucketIndex, i);
     }
     console.groupEnd();
 }

package/dist/makeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACpD,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,MAAM,GAAE,WAAoC,SAOf,gBAAgB,CAAC,KAAK,CAAC,CAevD"}
+{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACpD,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,MAAM,GAAE,WAAoC,SAOf,gBAAgB,CAAC,KAAK,CAAC,CAsBvD"}

package/dist/makeStyles.js

@@ -9,6 +9,12 @@ export function makeStyles(stylesBySlots, bucket = StyleBucket.Appearance) {
     return function useStyles() {
         if (!cachedClassNames) {
             const { classNamesBySlot, cssRules } = resolveStyleRulesForSlots(stylesBySlots, atomicCache);
+            console.log('[makeStyles]', {
+                bucket,
+                classNamesBySlot,
+                cssRulesLength: cssRules.length,
+                cssRules,
+            });
             cachedClassNames = classNamesBySlot;
             if (!inserted) {
                 insertRulesWithBucket(cssRules, bucket);

package/package.json

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