sibujs 4.0.0 → 4.1.0

package/dist/{chunk-GCSGGA3Q.js → chunk-ANGSYNPX.js}

@@ -135,40 +135,40 @@ import {
   use,
   var_,
   video
-} from "./chunk-ES2GERY2.js";
+} from "./chunk-MRAMKDHQ.js";
 import {
   trustHTML
 } from "./chunk-HYCCIYNS.js";
 import {
   watch
-} from "./chunk-RRIDJQ5C.js";
+} from "./chunk-KSOEJGFO.js";
 import {
   __resetIdCounter,
   createId
 } from "./chunk-CCSJMTRN.js";
 import {
   context
-} from "./chunk-O3QQ3XOL.js";
+} from "./chunk-5GJ5RTHA.js";
 import {
   SVG_NS,
   bindChildNode,
   tagFactory
-} from "./chunk-DQVUBVNX.js";
+} from "./chunk-I3VI34DP.js";
 import {
   bindAttribute,
   bindDynamic,
   setSafeAttribute
-} from "./chunk-4MFZMLUU.js";
+} from "./chunk-SHDVWATN.js";
 import {
   derived
-} from "./chunk-Z2CE42DB.js";
+} from "./chunk-DCDS2PQ6.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   disableSSR,
   enableSSR,
@@ -190,11 +190,13 @@ import {
 import {
   batch,
   enqueueBatchedSignal,
+  external,
   isBatching,
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 import {
   notifySubscribers,
+  reactiveBinding,
   recordDependency,
   resumeTracking,
   retrack,
@@ -202,7 +204,7 @@ import {
   suspendTracking,
   track,
   untracked
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   __export,
   devAssert,
@@ -292,6 +294,7 @@ __export(index_exports, {
   enhance: () => enhance,
   enhanceAll: () => enhanceAll,
   enqueueBatchedSignal: () => enqueueBatchedSignal,
+  external: () => external,
   fieldset: () => fieldset,
   figcaption: () => figcaption,
   figure: () => figure,
@@ -3173,6 +3176,7 @@ function drainTeardowns(teardowns, label2) {
     }
   }
 }
+var EACH_KEYS = ["text", "attr", "class", "show", "on", "cleanup"];
 function resolveTarget(root, target) {
   if (target == null) return root;
   if (typeof target !== "string") return target;
@@ -3183,6 +3187,11 @@ function resolveTarget(root, target) {
     return null;
   }
 }
+function bindNode(el, commit) {
+  if (isSSR()) return () => {
+  };
+  return reactiveBinding(commit, el);
+}
 function readControlValue(el) {
   if (el instanceof HTMLInputElement) {
     if (el.type === "checkbox") return el.checked;
@@ -3206,6 +3215,50 @@ function writeControlValue(el, value) {
   const next = value == null ? "" : String(value);
   if (el.value !== next) el.value = next;
 }
+function applyEachBindings(ctx, el, spec, index) {
+  const where = `ctx.each[${index}]`;
+  if (isDev()) {
+    for (const key of Object.keys(spec)) {
+      devAssert(
+        EACH_KEYS.includes(key),
+        `${where}: unknown binding "${key}". Expected one of: ${EACH_KEYS.join(", ")}.`
+      );
+    }
+  }
+  if (spec.text !== void 0) {
+    devAssert(typeof spec.text === "function", `${where}: "text" must be a function returning the value.`);
+    ctx.text(el, spec.text);
+  }
+  if (spec.attr !== void 0) {
+    for (const name of Object.keys(spec.attr)) {
+      const value = spec.attr[name];
+      devAssert(typeof value === "function", `${where}: attr["${name}"] must be a function returning the value.`);
+      ctx.attr(el, name, value);
+    }
+  }
+  if (spec.class !== void 0) {
+    for (const name of Object.keys(spec.class)) {
+      const on2 = spec.class[name];
+      devAssert(typeof on2 === "function", `${where}: class["${name}"] must be a function returning a boolean.`);
+      ctx.classed(el, name, on2);
+    }
+  }
+  if (spec.show !== void 0) {
+    devAssert(typeof spec.show === "function", `${where}: "show" must be a function returning a boolean.`);
+    ctx.show(el, spec.show);
+  }
+  if (spec.on !== void 0) {
+    for (const event of Object.keys(spec.on)) {
+      const handler = spec.on[event];
+      devAssert(typeof handler === "function", `${where}: on["${String(event)}"] must be a function.`);
+      ctx.on(el, event, handler);
+    }
+  }
+  if (spec.cleanup !== void 0) {
+    devAssert(typeof spec.cleanup === "function", `${where}: "cleanup" must be a function.`);
+    ctx.cleanup(spec.cleanup);
+  }
+}
 function enhance(target, setup) {
   const root = typeof target === "string" ? typeof document !== "undefined" ? document.querySelector(target) : null : target;
   if (!root) {
@@ -3256,7 +3309,7 @@ function enhance(target, setup) {
     text: (t, value) => {
       bind(t, (el) => {
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             const v = value();
             const next = v == null ? "" : String(v);
             if (el.textContent !== next) el.textContent = next;
@@ -3267,7 +3320,7 @@ function enhance(target, setup) {
     attr: (t, name, value) => {
       bind(t, (el) => {
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             const v = value();
             const next = v == null ? null : String(v);
             setSafeAttribute(el, name, next, { syncValueProperty: false, label: "enhance attr()" });
@@ -3278,7 +3331,7 @@ function enhance(target, setup) {
     classed: (t, name, on2) => {
       bind(t, (el) => {
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             el.classList.toggle(name, Boolean(on2()));
           })
         );
@@ -3288,7 +3341,7 @@ function enhance(target, setup) {
       bind(t, (el) => {
         const prevHidden = el.hidden;
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             el.hidden = !when2();
           })
         );
@@ -3303,7 +3356,7 @@ function enhance(target, setup) {
         const [get, set] = state;
         const evt = options?.event ?? (control instanceof HTMLSelectElement || control instanceof HTMLInputElement && (control.type === "checkbox" || control.type === "radio") ? "change" : "input");
         teardowns.push(
-          effect(() => {
+          bindNode(el, () => {
             writeControlValue(control, get());
           })
         );
@@ -3312,6 +3365,16 @@ function enhance(target, setup) {
         teardowns.push(() => control.removeEventListener(evt, onInput));
       });
     },
+    each: (target_, describe) => {
+      devAssert(typeof describe === "function", "ctx.each: second argument must be a function.");
+      const elements = typeof target_ === "string" ? ctx.refs(target_) : Array.from(target_);
+      for (let i2 = 0; i2 < elements.length; i2++) {
+        const el = elements[i2];
+        const spec = describe(el, i2);
+        if (spec == null) continue;
+        applyEachBindings(ctx, el, spec, i2);
+      }
+    },
     cleanup: (fn) => {
       teardowns.push(fn);
     }

package/dist/{chunk-VFHIVEPF.js → chunk-BMSN6NWQ.js}

@@ -6,7 +6,7 @@ import {
 import {
   div,
   span
-} from "./chunk-ES2GERY2.js";
+} from "./chunk-MRAMKDHQ.js";
 import {
   STATIC_VALUE_RESOLVER,
   planHeadElementEntry,
@@ -20,7 +20,7 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   registerDisposer,
   replaceChildrenSafely
@@ -28,7 +28,7 @@ import {
 import {
   batch,
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 
 // src/platform/head.ts
 function escapeScriptJsonLocal(json) {

package/dist/{chunk-ACBT6UZS.js → chunk-D3SZ4LVS.js}

@@ -222,7 +222,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -454,7 +461,7 @@ function forEachSubscriber(signal, visit) {
 
 // src/reactivity/track.ts
 var _isDev = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/{chunk-EWEE7NBF.js → chunk-DAKLOMKS.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk-52XFPGSN.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   batch,
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 import {
   reportError
 } from "./chunk-VPP2FONR.js";

package/dist/{chunk-Z2CE42DB.js → chunk-DCDS2PQ6.js}

@@ -3,7 +3,7 @@ import {
   recordDependency,
   retrack,
   track
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   devAssert
 } from "./chunk-VPP2FONR.js";

package/dist/{chunk-WN6WDFCB.js → chunk-FB7KQXZI.js}

@@ -3,17 +3,17 @@ import {
 } from "./chunk-WWV3SJ3L.js";
 import {
   tagFactory
-} from "./chunk-DQVUBVNX.js";
+} from "./chunk-I3VI34DP.js";
 import {
   derived
-} from "./chunk-Z2CE42DB.js";
+} from "./chunk-DCDS2PQ6.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   batch,
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 
 // src/ecosystem/adapters/mobx.ts
 function mobXAdapter(options) {

package/dist/{chunk-6LG2T7LO.js → chunk-FMHIQNMP.js}

@@ -1,22 +1,22 @@
 import {
   watch
-} from "./chunk-RRIDJQ5C.js";
+} from "./chunk-KSOEJGFO.js";
 import {
   createId
 } from "./chunk-CCSJMTRN.js";
 import {
   derived
-} from "./chunk-Z2CE42DB.js";
+} from "./chunk-DCDS2PQ6.js";
 import {
   stripHtml
 } from "./chunk-5INI7D2L.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   batch,
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 
 // src/widgets/Combobox.ts
 var boundComboboxes = /* @__PURE__ */ new WeakMap();

package/dist/{chunk-DQVUBVNX.js → chunk-I3VI34DP.js}

@@ -1,7 +1,7 @@
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-4MFZMLUU.js";
+} from "./chunk-SHDVWATN.js";
 import {
   isEventHandlerAttr,
   sanitizeCSSValue,
@@ -12,9 +12,8 @@ import {
   registerDisposer
 } from "./chunk-DHDZ7IVN.js";
 import {
-  reactiveBinding,
-  track
-} from "./chunk-ACBT6UZS.js";
+  reactiveBinding
+} from "./chunk-D3SZ4LVS.js";
 import {
   devWarn,
   isDev,
@@ -136,9 +135,9 @@ function toKebab(prop) {
 }
 function applyStyle(el, style) {
   if (typeof style === "function") {
-    const teardown = track(() => {
+    const teardown = reactiveBinding(() => {
       el.setAttribute("style", sanitizeStyleAttribute(String(style())));
-    });
+    }, el);
     registerDisposer(el, teardown);
     return;
   }
@@ -152,9 +151,9 @@ function applyStyle(el, style) {
     const name = toKebab(prop);
     if (typeof val === "function") {
       const getter = val;
-      const teardown = track(() => {
+      const teardown = reactiveBinding(() => {
         htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
-      });
+      }, el);
       registerDisposer(el, teardown);
     } else {
       htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
@@ -167,9 +166,9 @@ function applyClass(el, cls) {
     return;
   }
   if (typeof cls === "function") {
-    const teardown = track(() => {
+    const teardown = reactiveBinding(() => {
       el.setAttribute("class", cls());
-    });
+    }, el);
     registerDisposer(el, teardown);
     return;
   }
@@ -194,7 +193,7 @@ function applyClass(el, cls) {
       }
       el.setAttribute("class", r);
     };
-    const teardown = track(update);
+    const teardown = reactiveBinding(update, el);
     registerDisposer(el, teardown);
   } else {
     el.setAttribute("class", result);

package/dist/{chunk-E62UADKL.js → chunk-IM7N5WR4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DHDZ7IVN.js";
 import {
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 
 // src/ui/transition.ts
 function transition(element, options = {}) {

package/dist/{chunk-RRIDJQ5C.js → chunk-KSOEJGFO.js}

@@ -5,7 +5,7 @@ import {
   resumeTracking,
   suspendTracking,
   track
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   devAssert
 } from "./chunk-VPP2FONR.js";

package/dist/{chunk-3EKJK5FZ.js → chunk-LOFZHP6V.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   dispose,
   replaceChildrenSafely
 } from "./chunk-DHDZ7IVN.js";
 import {
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 import {
   devWarn,
   isDev,

package/dist/{chunk-ES2GERY2.js → chunk-MRAMKDHQ.js}

@@ -1,7 +1,7 @@
 import {
   SVG_NS,
   tagFactory
-} from "./chunk-DQVUBVNX.js";
+} from "./chunk-I3VI34DP.js";
 
 // src/core/rendering/html.ts
 var html = tagFactory("html");

package/dist/{chunk-PBQEW5VW.js → chunk-PFTDGEPZ.js}

@@ -5,7 +5,7 @@ import {
   cleanup,
   retrack,
   untracked
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   devAssert,
   reportError

package/dist/{chunk-4MFZMLUU.js → chunk-SHDVWATN.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-5INI7D2L.js";
 import {
   reactiveBinding
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   devWarn,
   isDev,

package/dist/{chunk-W55YHPEP.js → chunk-UFSQEO7P.js}

@@ -3,7 +3,7 @@ import {
   notifySubscribers,
   queueSignalNotification,
   recordDependency
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   isDev
 } from "./chunk-VPP2FONR.js";
@@ -129,10 +129,22 @@ function signal(initial, options) {
   }
   return [get, set];
 }
+function external(options) {
+  const [version, bump] = signal(0, options?.name ? { name: options.name } : void 0);
+  return {
+    track() {
+      version();
+    },
+    invalidate() {
+      bump((n) => n + 1);
+    }
+  };
+}
 
 export {
   batch,
   enqueueBatchedSignal,
   isBatching,
-  signal
+  signal,
+  external
 };

package/dist/{chunk-DR7H6UGM.js → chunk-XIHMS2Y6.js}

@@ -1,10 +1,10 @@
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-4MFZMLUU.js";
+} from "./chunk-SHDVWATN.js";
 import {
   derived
-} from "./chunk-Z2CE42DB.js";
+} from "./chunk-DCDS2PQ6.js";
 import {
   isEventHandlerAttr
 } from "./chunk-5INI7D2L.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   dispose,
   registerDisposer,
@@ -21,10 +21,10 @@ import {
 } from "./chunk-DHDZ7IVN.js";
 import {
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 import {
   track
-} from "./chunk-ACBT6UZS.js";
+} from "./chunk-D3SZ4LVS.js";
 import {
   reportError
 } from "./chunk-VPP2FONR.js";

package/dist/{chunk-NF3LYCQH.js → chunk-XSZRJW76.js}

@@ -1,9 +1,9 @@
 import {
   context
-} from "./chunk-O3QQ3XOL.js";
+} from "./chunk-5GJ5RTHA.js";
 import {
   derived
-} from "./chunk-Z2CE42DB.js";
+} from "./chunk-DCDS2PQ6.js";
 import {
   sanitizeUrl
 } from "./chunk-5INI7D2L.js";
@@ -12,14 +12,14 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-PBQEW5VW.js";
+} from "./chunk-PFTDGEPZ.js";
 import {
   getRequestScopedCache
 } from "./chunk-TIRZCERI.js";
 import {
   batch,
   signal
-} from "./chunk-W55YHPEP.js";
+} from "./chunk-UFSQEO7P.js";
 
 // src/data/abort.ts
 function isAbortError(error) {

package/dist/data.cjs

@@ -372,7 +372,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -604,7 +611,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev2 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/data.js

@@ -20,15 +20,15 @@ import {
   syncAdapter,
   throttle,
   withRetry
-} from "./chunk-NF3LYCQH.js";
-import "./chunk-O3QQ3XOL.js";
-import "./chunk-Z2CE42DB.js";
+} from "./chunk-XSZRJW76.js";
+import "./chunk-5GJ5RTHA.js";
+import "./chunk-DCDS2PQ6.js";
 import "./chunk-5INI7D2L.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-PBQEW5VW.js";
+import "./chunk-PFTDGEPZ.js";
 import "./chunk-TIRZCERI.js";
-import "./chunk-W55YHPEP.js";
-import "./chunk-ACBT6UZS.js";
+import "./chunk-UFSQEO7P.js";
+import "./chunk-D3SZ4LVS.js";
 import "./chunk-VPP2FONR.js";
 export {
   __resetQueryCache,

package/dist/devtools.cjs

@@ -499,7 +499,14 @@ function reactiveBinding(commit, ownerNode) {
   subscriber._disposed = false;
   subscriber._errorPhase = "binding";
   subscriber._errorNode = ownerNode;
-  run();
+  try {
+    run();
+  } catch (err) {
+    subscriber._disposed = true;
+    subscriber._errorNode = void 0;
+    cleanup(subscriber);
+    throw err;
+  }
   return subscriber._dispose ?? (subscriber._dispose = () => {
     subscriber._disposed = true;
     subscriber._errorNode = void 0;
@@ -731,7 +738,7 @@ function forEachSubscriber(signal2, visit) {
 
 // src/reactivity/track.ts
 var _isDev2 = isDev();
-var _runtimeVersion = true ? "4.0.0" : "dev";
+var _runtimeVersion = true ? "4.1.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/devtools.js

@@ -35,14 +35,14 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-F64ZPCFE.js";
+} from "./chunk-4RH6D7GR.js";
 import "./chunk-5INI7D2L.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-PBQEW5VW.js";
+import "./chunk-PFTDGEPZ.js";
 import "./chunk-TIRZCERI.js";
 import "./chunk-DHDZ7IVN.js";
-import "./chunk-W55YHPEP.js";
-import "./chunk-ACBT6UZS.js";
+import "./chunk-UFSQEO7P.js";
+import "./chunk-D3SZ4LVS.js";
 import {
   isDev
 } from "./chunk-VPP2FONR.js";