sibujs 2.2.0 → 3.1.0

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

package/dist/ui.js

@@ -38,7 +38,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-KH4OE6WY.js";
+} from "./chunk-QNQY5DUS.js";
 import {
   RenderProp,
   assertType,
@@ -58,20 +58,20 @@ import {
 import {
   createId
 } from "./chunk-YT6HQ6AM.js";
-import "./chunk-UKMXT5T6.js";
-import "./chunk-DF3GTP4Q.js";
+import "./chunk-2ZJ7TSW4.js";
+import "./chunk-SC437AMI.js";
 import {
   registerDisposer
 } from "./chunk-2UPRY23K.js";
 import "./chunk-UCS6AMJ7.js";
 import {
   effect
-} from "./chunk-5WD7BYTZ.js";
+} from "./chunk-ZIBE2SAT.js";
 import "./chunk-2RA7SHDA.js";
 import {
   signal
-} from "./chunk-6QZO7MMG.js";
-import "./chunk-L4DAT4WU.js";
+} from "./chunk-RK4BQG25.js";
+import "./chunk-3U4ZVXVD.js";
 import "./chunk-LMLD24FC.js";
 
 // src/ui/formAction.ts

package/dist/widgets.cjs

@@ -177,7 +177,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;
@@ -195,6 +195,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/widgets.js

@@ -8,14 +8,14 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-RJIRT46U.js";
-import "./chunk-NEWH4O5U.js";
-import "./chunk-DF3GTP4Q.js";
+} from "./chunk-WYU7CYJ3.js";
+import "./chunk-3DJH25UO.js";
+import "./chunk-SC437AMI.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 {
   accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "2.2.0",
+  "version": "3.1.0",
   "description": "A lightweight, function-based frontend framework that combines the best of React, Svelte, and Vue — with zero VDOM and maximum simplicity. Designed for developers who want fine-grained reactivity and full control without compilation or magic.",
   "keywords": [
     "frontend",