sibujs 3.0.0 → 3.1.0

package/dist/extras.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-KZA7ANXP.js";
+} from "./chunk-KB3BA2XK.js";
 import {
   DOMPool,
   Features,
@@ -41,7 +41,7 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-XDKP4T7G.js";
+} from "./chunk-3DYB5B3S.js";
 import {
   VERSION,
   bundlerMetadata,
@@ -87,7 +87,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-V65KTDZW.js";
+} from "./chunk-UYX2NDOH.js";
 import {
   FocusTrap,
   VirtualList,
@@ -128,7 +128,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-KH4OE6WY.js";
+} from "./chunk-QNQY5DUS.js";
 import {
   RenderProp,
   assertType,
@@ -155,7 +155,7 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-RJIRT46U.js";
+} from "./chunk-WYU7CYJ3.js";
 import {
   animationFrame,
   battery,
@@ -193,7 +193,7 @@ import {
   visibility,
   wakeLock,
   windowSize
-} from "./chunk-2KM2724A.js";
+} from "./chunk-IVOUCSZL.js";
 import {
   __resetQueryCache,
   calculateDelay,
@@ -216,7 +216,7 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-2JQUV4Y3.js";
+} from "./chunk-PMSDFTK3.js";
 import {
   SibuError,
   checkLeaks,
@@ -254,7 +254,7 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-XVYB3J6C.js";
+} from "./chunk-SVVAUX7J.js";
 import {
   antdAdapter,
   chakraAdapter,
@@ -264,7 +264,7 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-L52H775O.js";
+} from "./chunk-2N2UL7O4.js";
 import {
   createPlugin,
   createPluginRegistry,
@@ -276,8 +276,8 @@ import {
   triggerPluginMount,
   triggerPluginUnmount
 } from "./chunk-3JHCYHWN.js";
-import "./chunk-VSNLICTS.js";
-import "./chunk-NEWH4O5U.js";
+import "./chunk-2HAGQWDV.js";
+import "./chunk-3DJH25UO.js";
 import {
   collectStream,
   deserializeState,
@@ -297,13 +297,13 @@ import {
   suspenseSwapScript,
   trustHTML
 } from "./chunk-JYD2PWXH.js";
-import "./chunk-YMOIAHWA.js";
-import "./chunk-STFTTMO2.js";
-import "./chunk-UKMXT5T6.js";
-import "./chunk-DF3GTP4Q.js";
+import "./chunk-EFOAE5NC.js";
+import "./chunk-WKUXSE7V.js";
+import "./chunk-2ZJ7TSW4.js";
+import "./chunk-SC437AMI.js";
 import "./chunk-2UPRY23K.js";
 import "./chunk-UCS6AMJ7.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
 import {
   TransitionGroup,
@@ -326,9 +326,9 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-4YTVESDX.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+} from "./chunk-GQ7RRFPU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   DOMPool,

package/dist/index.cjs

@@ -471,7 +471,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -489,6 +489,28 @@ function track(effectFn, subscriber) {
   const sub2 = subscriber;
   return sub2._dispose ?? (sub2._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s2 = subscriber;
+    if (s2._reentrant) return;
+    s2._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s2._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub2 = currentSubscriber;
@@ -720,8 +742,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
     }
   }
-  const teardown = track(commit);
-  return teardown;
+  return reactiveBinding(commit);
 }
 function bindDynamic(el, nameGetter, valueGetter) {
   let prevName = null;
@@ -752,7 +773,7 @@ function bindDynamic(el, nameGetter, valueGetter) {
     }
     prevName = name;
   }
-  const teardown = track(commit);
+  const teardown = reactiveBinding(commit);
   return () => {
     teardown();
     if (prevName !== null) {
@@ -832,7 +853,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/dispose.ts
@@ -931,6 +952,18 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 function setProp2(el, key, val) {
   el[key] = val;
 }
+function looksLikeClassList(s2) {
+  const t = s2.trim();
+  if (!t) return false;
+  const tokens = t.split(/\s+/);
+  let sawClassish = false;
+  for (let i2 = 0; i2 < tokens.length; i2++) {
+    const tok = tokens[i2];
+    if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return false;
+    if (/[-:/0-9]/.test(tok)) sawClassish = true;
+  }
+  return sawClassish;
+}
 var kebabCache = /* @__PURE__ */ new Map();
 function toKebab(prop) {
   let cached = kebabCache.get(prop);
@@ -1066,6 +1099,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      if (_isDev6 && looksLikeClassList(first)) {
+        devWarn(
+          `tagFactory: lone string "${first}" looks like a class list but is being rendered as TEXT. For a class, use ${tag}({ class: "${first}" }) \u2014 or ${tag}("${first}", children) to set the class AND add children.`
+        );
+      }
       el.textContent = first;
       return el;
     }

package/dist/index.js

@@ -44,7 +44,7 @@ import {
   unregisterComponent,
   when,
   writable
-} from "./chunk-INBOWHQ3.js";
+} from "./chunk-CR4MXPHB.js";
 import {
   __resetIdCounter,
   createId
@@ -186,26 +186,26 @@ import {
   use,
   var_,
   video
-} from "./chunk-VSNLICTS.js";
+} from "./chunk-2HAGQWDV.js";
 import {
   watch
-} from "./chunk-NEWH4O5U.js";
+} from "./chunk-3DJH25UO.js";
 import {
   trustHTML
 } from "./chunk-JYD2PWXH.js";
 import {
   context
-} from "./chunk-YMOIAHWA.js";
+} from "./chunk-EFOAE5NC.js";
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-STFTTMO2.js";
+} from "./chunk-WKUXSE7V.js";
 import {
   bindDynamic
-} from "./chunk-UKMXT5T6.js";
+} from "./chunk-2ZJ7TSW4.js";
 import {
   derived
-} from "./chunk-DF3GTP4Q.js";
+} from "./chunk-SC437AMI.js";
 import {
   checkLeaks,
   dispose,
@@ -215,7 +215,7 @@ import "./chunk-UCS6AMJ7.js";
 import {
   effect,
   on
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import {
   disableSSR,
   enableSSR,
@@ -229,12 +229,12 @@ import {
   enqueueBatchedSignal,
   isBatching,
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 import {
   retrack,
   setMaxDrainIterations,
   untracked
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   DynamicComponent,

package/dist/motion.js

@@ -19,9 +19,9 @@ import {
   stagger,
   transition,
   viewTransition
-} from "./chunk-4YTVESDX.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+} from "./chunk-GQ7RRFPU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   TransitionGroup,

package/dist/patterns.cjs

@@ -188,7 +188,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -206,6 +206,28 @@ function track(effectFn, subscriber) {
   const sub = subscriber;
   return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s = subscriber;
+    if (s._reentrant) return;
+    s._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub = currentSubscriber;

package/dist/patterns.js

@@ -5,7 +5,7 @@ import {
   optimisticList,
   persisted,
   timeline
-} from "./chunk-KZA7ANXP.js";
+} from "./chunk-KB3BA2XK.js";
 import {
   RenderProp,
   assertType,
@@ -22,11 +22,11 @@ import {
   withProps,
   withWrapper
 } from "./chunk-CNZ35WI2.js";
-import "./chunk-DF3GTP4Q.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-SC437AMI.js";
+import "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   RenderProp,

package/dist/performance.js

@@ -33,15 +33,15 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-XDKP4T7G.js";
+} from "./chunk-3DYB5B3S.js";
 import {
   trustHTML
 } from "./chunk-JYD2PWXH.js";
 import "./chunk-UCS6AMJ7.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   DOMPool,

package/dist/plugins.cjs

@@ -901,7 +901,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -919,6 +919,28 @@ function track(effectFn, subscriber) {
   const sub2 = subscriber;
   return sub2._dispose ?? (sub2._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s2 = subscriber;
+    if (s2._reentrant) return;
+    s2._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s2._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub2 = currentSubscriber;
@@ -1115,8 +1137,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
     }
   }
-  const teardown = track(commit);
-  return teardown;
+  return reactiveBinding(commit);
 }
 
 // src/reactivity/bindChildNode.ts
@@ -1191,7 +1212,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/tagFactory.ts
@@ -1285,6 +1306,18 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 function setProp2(el, key, val) {
   el[key] = val;
 }
+function looksLikeClassList(s2) {
+  const t2 = s2.trim();
+  if (!t2) return false;
+  const tokens = t2.split(/\s+/);
+  let sawClassish = false;
+  for (let i2 = 0; i2 < tokens.length; i2++) {
+    const tok = tokens[i2];
+    if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return false;
+    if (/[-:/0-9]/.test(tok)) sawClassish = true;
+  }
+  return sawClassish;
+}
 var kebabCache = /* @__PURE__ */ new Map();
 function toKebab(prop) {
   let cached = kebabCache.get(prop);
@@ -1420,6 +1453,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      if (_isDev6 && looksLikeClassList(first)) {
+        devWarn(
+          `tagFactory: lone string "${first}" looks like a class list but is being rendered as TEXT. For a class, use ${tag}({ class: "${first}" }) \u2014 or ${tag}("${first}", children) to set the class AND add children.`
+        );
+      }
       el.textContent = first;
       return el;
     }

package/dist/plugins.js

@@ -32,13 +32,13 @@ import {
 } from "./chunk-3JHCYHWN.js";
 import {
   span
-} from "./chunk-VSNLICTS.js";
+} from "./chunk-2HAGQWDV.js";
 import {
   escapeScriptJson,
   renderToString
 } from "./chunk-JYD2PWXH.js";
-import "./chunk-STFTTMO2.js";
-import "./chunk-UKMXT5T6.js";
+import "./chunk-WKUXSE7V.js";
+import "./chunk-2ZJ7TSW4.js";
 import {
   dispose,
   registerDisposer
@@ -48,14 +48,14 @@ import {
 } from "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
 import {
   signal
-} from "./chunk-6QZO7MMG.js";
+} from "./chunk-RK4BQG25.js";
 import {
   track
-} from "./chunk-L4DAT4WU.js";
+} from "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 
 // src/plugins/i18n.ts

package/dist/ssr.cjs

@@ -808,7 +808,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -826,6 +826,28 @@ function track(effectFn, subscriber) {
   const sub2 = subscriber;
   return sub2._dispose ?? (sub2._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s2 = subscriber;
+    if (s2._reentrant) return;
+    s2._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s2._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub2 = currentSubscriber;
@@ -1566,8 +1588,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
     }
   }
-  const teardown = track(commit);
-  return teardown;
+  return reactiveBinding(commit);
 }
 
 // src/reactivity/bindChildNode.ts
@@ -1641,7 +1662,7 @@ function bindChildNode(placeholder, getter) {
     }
     lastNodes = newNodes;
   }
-  return track(commit);
+  return reactiveBinding(commit);
 }
 
 // src/core/rendering/dispose.ts
@@ -1684,6 +1705,18 @@ var CLOBBER_RISKY_IDS = /* @__PURE__ */ new Set([
 function setProp2(el, key, val) {
   el[key] = val;
 }
+function looksLikeClassList(s2) {
+  const t = s2.trim();
+  if (!t) return false;
+  const tokens = t.split(/\s+/);
+  let sawClassish = false;
+  for (let i2 = 0; i2 < tokens.length; i2++) {
+    const tok = tokens[i2];
+    if (!/^-?[A-Za-z_][A-Za-z0-9_:/.-]*$/.test(tok)) return false;
+    if (/[-:/0-9]/.test(tok)) sawClassish = true;
+  }
+  return sawClassish;
+}
 var kebabCache = /* @__PURE__ */ new Map();
 function toKebab(prop) {
   let cached = kebabCache.get(prop);
@@ -1819,6 +1852,11 @@ var tagFactory = (tag, ns) => {
         appendChildren(el, second);
         return el;
       }
+      if (_isDev8 && looksLikeClassList(first)) {
+        devWarn(
+          `tagFactory: lone string "${first}" looks like a class list but is being rendered as TEXT. For a class, use ${tag}({ class: "${first}" }) \u2014 or ${tag}("${first}", children) to set the class AND add children.`
+        );
+      }
       el.textContent = first;
       return el;
     }

package/dist/ssr.js

@@ -22,8 +22,8 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-V65KTDZW.js";
-import "./chunk-VSNLICTS.js";
+} from "./chunk-UYX2NDOH.js";
+import "./chunk-2HAGQWDV.js";
 import {
   collectStream,
   deserializeState,
@@ -43,14 +43,14 @@ import {
   suspenseSwapScript,
   trustHTML
 } from "./chunk-JYD2PWXH.js";
-import "./chunk-STFTTMO2.js";
-import "./chunk-UKMXT5T6.js";
+import "./chunk-WKUXSE7V.js";
+import "./chunk-2ZJ7TSW4.js";
 import "./chunk-2UPRY23K.js";
 import "./chunk-UCS6AMJ7.js";
-import "./chunk-5WD7BYTZ.js";
+import "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
-import "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+import "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 export {
   Head,

package/dist/testing.js

@@ -3,9 +3,9 @@ import {
 } from "./chunk-2UPRY23K.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
-import "./chunk-L4DAT4WU.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 
 // src/testing/a11y.ts

package/dist/ui.cjs

@@ -230,7 +230,7 @@ function retrack(effectFn, subscriber) {
   }
 }
 function track(effectFn, subscriber) {
-  if (!subscriber) subscriber = effectFn;
+  if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
   currentSubscriber = subscriber;
@@ -248,6 +248,28 @@ function track(effectFn, subscriber) {
   const sub = subscriber;
   return sub._dispose ?? (sub._dispose = () => cleanup(subscriber));
 }
+function reactiveBinding(commit) {
+  const run = () => {
+    const s = subscriber;
+    if (s._reentrant) return;
+    s._reentrant = true;
+    try {
+      retrack(commit, subscriber);
+    } finally {
+      s._reentrant = false;
+    }
+  };
+  const subscriber = run;
+  subscriber.depsHead = null;
+  subscriber.depsTail = null;
+  subscriber._epoch = 0;
+  subscriber._structDirty = false;
+  subscriber._runEpoch = 0;
+  subscriber._runs = 0;
+  subscriber._reentrant = false;
+  run();
+  return subscriber._dispose ?? (subscriber._dispose = () => cleanup(subscriber));
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub = currentSubscriber;
@@ -1760,8 +1782,7 @@ function bindAttribute(el, attr, getter) {
       el.setAttribute(attr, isUrlAttribute(attr) ? sanitizeUrl(str) : str);
     }
   }
-  const teardown = track(commit);
-  return teardown;
+  return reactiveBinding(commit);
 }
 
 // src/ui/reactiveAttr.ts