sibujs 4.5.0 → 4.7.0

package/dist/{chunk-R25EFXXC.js → chunk-TUCPL2HB.js}

@@ -1,7 +1,7 @@
 import {
   DEV,
   devWarn
-} from "./chunk-2WLZ6757.js";
+} from "./chunk-NYNYSPK7.js";
 
 // src/patterns/hoc.ts
 function withWrapper(WrappedComponent, wrapper) {
@@ -122,7 +122,7 @@ function validateProps(props, schema) {
     const errors = [];
     for (const [key, def] of Object.entries(schema)) {
       const propDef = typeof def === "function" ? { type: def } : def;
-      if (result[key] == null && propDef.default !== void 0) {
+      if (result[key] === void 0 && propDef.default !== void 0) {
         result[key] = typeof propDef.default === "function" ? propDef.default() : propDef.default;
       }
       if (propDef.required && result[key] == null) {
@@ -148,7 +148,7 @@ ${errors.map((e) => `  - ${e}`).join("\n")}`);
   for (const [key, def] of Object.entries(schema)) {
     if (typeof def === "function") continue;
     const fallback = def.default;
-    if (result[key] == null && fallback !== void 0) {
+    if (result[key] === void 0 && fallback !== void 0) {
       result[key] = typeof fallback === "function" ? fallback() : fallback;
     }
   }

package/dist/{chunk-B3WHI2QA.js → chunk-UNWRJRKC.js}

@@ -1,9 +1,13 @@
 import {
-  registerDisposer
-} from "./chunk-QKRPLZ2V.js";
+  adoptThenable
+} from "./chunk-5HZXGZ6T.js";
 import {
   signal
-} from "./chunk-XZZOBQAY.js";
+} from "./chunk-FQRUXCEE.js";
+import {
+  registerDisposer,
+  reportError
+} from "./chunk-NYNYSPK7.js";
 
 // src/ui/transition.ts
 function transition(element, options = {}) {
@@ -32,6 +36,15 @@ function transition(element, options = {}) {
       resolvePrev();
     }
   }
+  function complete(callback, name, resolve) {
+    try {
+      callback?.();
+    } catch (error) {
+      reportError(error, { phase: "async", name, node: element });
+    } finally {
+      resolve();
+    }
+  }
   function enter() {
     return new Promise((resolve) => {
       cancelPending();
@@ -44,8 +57,7 @@ function transition(element, options = {}) {
         activeTimer = null;
         pendingResolve = null;
         if (enterClass) element.classList.remove(enterClass);
-        onEnterDone?.();
-        resolve();
+        complete(onEnterDone, "transition(onEnterDone)", resolve);
       };
       if (duration > 0) {
         pendingResolve = resolve;
@@ -66,8 +78,7 @@ function transition(element, options = {}) {
         activeTimer = null;
         pendingResolve = null;
         if (leaveClass) element.classList.remove(leaveClass);
-        onLeaveDone?.();
-        resolve();
+        complete(onLeaveDone, "transition(onLeaveDone)", resolve);
       };
       if (duration > 0) {
         pendingResolve = resolve;
@@ -274,18 +285,29 @@ async function sequence(steps) {
 function TransitionGroup(options) {
   const [elements, setElements] = signal([]);
   const positions = /* @__PURE__ */ new Map();
+  function runCallback(name, callback, el) {
+    const report = (error) => reportError(error, { phase: "async", name: `TransitionGroup.${name}`, node: el });
+    try {
+      adoptThenable(callback(el))?.then(void 0, report);
+    } catch (error) {
+      report(error);
+    }
+  }
   function add(el) {
     setElements((prev) => [...prev, el]);
-    if (options.enter) {
-      options.enter(el);
-    }
+    if (options.enter) runCallback("enter", options.enter, el);
   }
   async function remove(el) {
-    if (options.leave) {
-      await options.leave(el);
+    try {
+      if (options.leave) {
+        await adoptThenable(options.leave(el));
+      }
+    } catch (error) {
+      reportError(error, { phase: "async", name: "TransitionGroup.leave", node: el });
+    } finally {
+      positions.delete(el);
+      setElements((prev) => prev.filter((e) => e !== el));
     }
-    positions.delete(el);
-    setElements((prev) => prev.filter((e) => e !== el));
   }
   function track(newElements) {
     const oldPositions = /* @__PURE__ */ new Map();
@@ -297,17 +319,13 @@ function TransitionGroup(options) {
     const currentSet = new Set(elements());
     for (const el of newElements) {
       if (!currentSet.has(el)) {
-        if (options.enter) {
-          options.enter(el);
-        }
+        if (options.enter) runCallback("enter", options.enter, el);
       }
     }
     const newSet = new Set(newElements);
     for (const el of elements()) {
       if (!newSet.has(el)) {
-        if (options.leave) {
-          options.leave(el);
-        }
+        if (options.leave) runCallback("leave", options.leave, el);
       }
     }
     setElements(newElements);
@@ -317,7 +335,7 @@ function TransitionGroup(options) {
         if (oldRect && typeof el.getBoundingClientRect === "function") {
           const newRect = el.getBoundingClientRect();
           if (oldRect.left !== newRect.left || oldRect.top !== newRect.top) {
-            options.move(el);
+            runCallback("move", options.move, el);
           }
         }
       }
@@ -368,9 +386,13 @@ function springSignal(initial, options) {
   let target = initial;
   let rafId = null;
   let lastTime = 0;
+  let disposed = false;
+  const canAnimate = () => typeof requestAnimationFrame === "function";
   const REF_DT_MS = 1e3 / 60;
   const MAX_STEP_RATIO = 4;
   function tick(now) {
+    rafId = null;
+    if (disposed) return;
     if (lastTime === 0) lastTime = now;
     const rawDt = now - lastTime;
     lastTime = now;
@@ -383,23 +405,27 @@ function springSignal(initial, options) {
     if (Math.abs(current - target) < precision && Math.abs(velocity) < precision) {
       current = target;
       velocity = 0;
-      rafId = null;
       lastTime = 0;
       setValue(current);
       return;
     }
     setValue(current);
+    if (disposed || rafId !== null) return;
     rafId = requestAnimationFrame(tick);
   }
+  function cancelFrame() {
+    if (rafId !== null) {
+      if (typeof cancelAnimationFrame === "function") cancelAnimationFrame(rafId);
+      rafId = null;
+    }
+  }
   function set(newTarget) {
+    if (disposed) return;
     target = newTarget;
-    if (prefersReducedMotion()) {
+    if (!canAnimate() || prefersReducedMotion()) {
       current = newTarget;
       velocity = 0;
-      if (rafId !== null) {
-        cancelAnimationFrame(rafId);
-        rafId = null;
-      }
+      cancelFrame();
       lastTime = 0;
       setValue(current);
       return;
@@ -410,10 +436,8 @@ function springSignal(initial, options) {
     }
   }
   function dispose() {
-    if (rafId !== null) {
-      cancelAnimationFrame(rafId);
-      rafId = null;
-    }
+    disposed = true;
+    cancelFrame();
     lastTime = 0;
   }
   return [value, set, dispose];

package/dist/{chunk-KEISJXBU.js → chunk-UOL2ECCS.js}

@@ -1,25 +1,23 @@
 import {
   bindAttribute,
   setSafeAttribute
-} from "./chunk-ONOHFDLG.js";
+} from "./chunk-FNJXNGYZ.js";
 import {
   isEventHandlerAttr,
   sanitizeCSSValue,
   sanitizeStyleAttribute
-} from "./chunk-IXKSNWV5.js";
-import {
-  dispose,
-  registerDisposer
-} from "./chunk-QKRPLZ2V.js";
+} from "./chunk-2INLLLMZ.js";
 import {
   reactiveBinding
-} from "./chunk-UGRX3S57.js";
+} from "./chunk-JWKYU5GV.js";
 import {
   DEV,
   devWarn,
   devWarnLazy,
+  dispose,
+  registerDisposer,
   reportError
-} from "./chunk-2WLZ6757.js";
+} from "./chunk-NYNYSPK7.js";
 
 // src/core/rendering/focusPreservation.ts
 var IDENTITY_ATTRS = ["data-focus-key", "id", "name"];
@@ -221,8 +219,34 @@ function toKebab(prop) {
 }
 function applyStyle(el, style) {
   if (typeof style === "function") {
+    const getter = style;
+    let written = [];
+    let wroteString = false;
     const teardown = reactiveBinding(() => {
-      el.setAttribute("style", sanitizeStyleAttribute(String(style()), { element: el }));
+      const value = getter();
+      if (value === null || typeof value !== "object") {
+        written = [];
+        wroteString = true;
+        el.setAttribute("style", sanitizeStyleAttribute(String(value), { element: el }));
+        return;
+      }
+      const decl = el.style;
+      if (wroteString) {
+        el.removeAttribute("style");
+        wroteString = false;
+      }
+      const next = [];
+      for (const prop in value) {
+        const val = value[prop];
+        if (val == null) continue;
+        const name = toKebab(prop);
+        next.push(name);
+        decl.setProperty(name, sanitizeCSSValue(String(val), { property: name, element: el }));
+      }
+      for (let i = 0; i < written.length; i++) {
+        if (next.indexOf(written[i]) === -1) decl.removeProperty(written[i]);
+      }
+      written = next;
     }, el);
     registerDisposer(el, teardown);
     return;
@@ -248,7 +272,7 @@ function applyStyle(el, style) {
 }
 function resolveClassValue(cls) {
   if (typeof cls === "string") return cls;
-  if (typeof cls === "function") return cls();
+  if (typeof cls === "function") return cls() || "";
   if (!cls) return "";
   let out = "";
   for (const name in cls) {
@@ -265,7 +289,9 @@ function applyClass(el, cls) {
   }
   if (typeof cls === "function") {
     const teardown = reactiveBinding(() => {
-      el.setAttribute("class", cls());
+      const value = cls();
+      if (value == null || value === false) el.removeAttribute("class");
+      else el.setAttribute("class", value);
     }, el);
     registerDisposer(el, teardown);
     return;
@@ -347,7 +373,7 @@ function appendChildren(el, nodes) {
     }
   }
 }
-var tagFactory = (tag, ns) => {
+function tagFactory(tag, ns) {
   const blocked = isBlockedTag(tag);
   return (first, second) => {
     if (blocked) {
@@ -396,7 +422,9 @@ var tagFactory = (tag, ns) => {
     const pClass = props.class;
     if (pClass != null) applyClass(el, pClass);
     const pId = props.id;
-    if (pId != null) {
+    if (typeof pId === "function") {
+      registerDisposer(el, bindAttribute(el, "id", pId));
+    } else if (pId != null) {
       if (DEV && typeof pId === "string" && CLOBBER_RISKY_IDS.has(pId.toLowerCase())) {
         devWarn(
           `tagFactory: element id="${pId}" matches a common global and may cause DOM clobbering. Avoid setting ids from untrusted input.`
@@ -446,12 +474,10 @@ var tagFactory = (tag, ns) => {
         }
       }
     }
-    if (props.onElement && typeof props.onElement === "function") {
-      props.onElement(el);
-    }
+    if (typeof props.onElement === "function") props.onElement(el);
     return el;
   };
-};
+}
 
 export {
   captureFocusWithin,
@@ -459,5 +485,6 @@ export {
   bindChildNode,
   SVG_NS,
   resolveClassValue,
+  appendChildren,
   tagFactory
 };

package/dist/{chunk-RJE2BNI4.js → chunk-VZSG24LS.js}

@@ -6,29 +6,30 @@ import {
 import {
   div,
   span
-} from "./chunk-PCT43HW3.js";
+} from "./chunk-7LUJQAOJ.js";
 import {
   STATIC_VALUE_RESOLVER,
   planHeadElementEntry,
   planMetaEntry
-} from "./chunk-NIOYEGBQ.js";
+} from "./chunk-HURREPU2.js";
 import {
   sanitizeUrl
-} from "./chunk-IXKSNWV5.js";
+} from "./chunk-2INLLLMZ.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-RIXRAYIU.js";
-import {
-  registerDisposer,
-  replaceChildrenSafely
-} from "./chunk-QKRPLZ2V.js";
+} from "./chunk-WEQ3DMVL.js";
 import {
   batch,
   signal
-} from "./chunk-XZZOBQAY.js";
+} from "./chunk-FQRUXCEE.js";
+import {
+  registerDisposer,
+  replaceChildrenSafely,
+  reportError
+} from "./chunk-NYNYSPK7.js";
 
 // src/platform/head.ts
 function escapeScriptJsonLocal(json) {
@@ -96,7 +97,7 @@ function Head(props) {
   };
   const apply = () => {
     cleanup();
-    if (props.title) {
+    if (props.title != null) {
       if (typeof props.title === "function") {
         const getter = props.title;
         let lease = null;
@@ -151,13 +152,14 @@ function Head(props) {
   return anchor;
 }
 function setStructuredData(data) {
-  const existing = document.head.querySelector('script[type="application/ld+json"][data-sibu]');
-  if (existing) existing.remove();
+  const json = escapeScriptJsonLocal(JSON.stringify(data));
   const script = document.createElement("script");
   script.type = "application/ld+json";
   script.setAttribute("data-sibu", "true");
-  script.textContent = escapeScriptJsonLocal(JSON.stringify(data));
-  document.head.appendChild(script);
+  script.textContent = json;
+  const existing = document.head.querySelector('script[type="application/ld+json"][data-sibu]');
+  if (existing) existing.replaceWith(script);
+  else document.head.appendChild(script);
 }
 function setCanonical(url) {
   let link = document.head.querySelector('link[rel="canonical"]');
@@ -172,6 +174,11 @@ function setCanonical(url) {
 }
 
 // src/platform/worker.ts
+function toError(err) {
+  if (err instanceof Error) return err;
+  if (err !== null && typeof err === "object" && "name" in err && "message" in err) return err;
+  return new Error(String(err));
+}
 function worker(workerFn2) {
   const [result, setResult] = signal(null);
   const [error, setError] = signal(null);
@@ -194,8 +201,11 @@ function worker(workerFn2) {
     worker2 = new Worker(blobUrl);
     worker2.addEventListener("message", (e) => {
       revokeBlobUrl();
-      setResult(e.data);
-      setLoading(false);
+      batch(() => {
+        setResult(e.data);
+        setError(null);
+        setLoading(false);
+      });
     });
     worker2.addEventListener("error", (e) => {
       revokeBlobUrl();
@@ -212,10 +222,17 @@ function worker(workerFn2) {
   }
   function post(data) {
     if (!worker2) return;
-    setLoading(true);
-    setError(null);
-    setResult(null);
-    worker2.postMessage(data);
+    try {
+      worker2.postMessage(data);
+    } catch (err) {
+      setError(toError(err));
+      return;
+    }
+    batch(() => {
+      setLoading(true);
+      setError(null);
+      setResult(null);
+    });
   }
   function terminate() {
     if (!worker2) return;
@@ -279,9 +296,14 @@ function workerFn(fn) {
         reject(new Error("Worker is not available"));
         return;
       }
-      setLoading(true);
+      try {
+        worker2.postMessage(args);
+      } catch (err) {
+        reject(toError(err));
+        return;
+      }
       queue.push({ resolve, reject });
-      worker2.postMessage(args);
+      setLoading(true);
     });
   }
   function terminate() {
@@ -311,7 +333,11 @@ function createWorkerPool(workerFn2, poolSize) {
     }
   };
   function dispatchNext(idx) {
-    if (!alive || inflight[idx] || queues[idx].length === 0) return;
+    while (alive && !inflight[idx] && queues[idx].length > 0) {
+      dispatchOne(idx);
+    }
+  }
+  function dispatchOne(idx) {
     const w = workers[idx];
     const slot = queues[idx].shift();
     const onMsg = (e) => {
@@ -336,10 +362,15 @@ function createWorkerPool(workerFn2, poolSize) {
       slot.reject(new Error(e.message || "Worker error"));
       dispatchNext(idx);
     };
+    try {
+      w.postMessage(slot.data);
+    } catch (err) {
+      slot.reject(toError(err));
+      return;
+    }
     inflight[idx] = { ...slot, onMsg, onErr };
     w.addEventListener("message", onMsg);
     w.addEventListener("error", onErr);
-    w.postMessage(slot.data);
   }
   try {
     if (typeof Worker === "undefined") {
@@ -668,13 +699,13 @@ function createSharedScope(initialState) {
   for (const key of Object.keys(initialState)) {
     const [get2, set2] = signal(initialState[key]);
     signals.set(key, { get: get2, set: set2 });
-    subscribers.set(key, /* @__PURE__ */ new Set());
+    subscribers.set(key, /* @__PURE__ */ new Map());
   }
   function ensureSignal(key) {
     if (!signals.has(key)) {
       const [get2, set2] = signal(void 0);
       signals.set(key, { get: get2, set: set2 });
-      subscribers.set(key, /* @__PURE__ */ new Set());
+      subscribers.set(key, /* @__PURE__ */ new Map());
     }
   }
   function get(key) {
@@ -685,9 +716,14 @@ function createSharedScope(initialState) {
     ensureSignal(key);
     signals.get(key)?.set(value);
     const subs = subscribers.get(key);
-    if (subs) {
-      for (const cb of subs) {
-        cb(value);
+    if (subs && subs.size > 0) {
+      for (const subscription of Array.from(subs.values())) {
+        if (!subscription.active) continue;
+        try {
+          subscription.callback(value);
+        } catch (err) {
+          reportError(err, { phase: "event", name: `sharedScope(${String(key)})` });
+        }
       }
     }
   }
@@ -698,9 +734,17 @@ function createSharedScope(initialState) {
       return () => {
       };
     }
-    subs.add(callback);
+    const cb = callback;
+    let subscription = subs.get(cb);
+    if (!subscription) {
+      subscription = { callback: cb, active: true };
+      subs.set(cb, subscription);
+    }
+    const own = subscription;
     return () => {
-      subs.delete(callback);
+      if (subs.get(cb) !== own) return;
+      own.active = false;
+      subs.delete(cb);
     };
   }
   return { get, set, subscribe };
@@ -852,15 +896,31 @@ async function generateStaticSite(options) {
 // src/platform/incrementalRegeneration.ts
 function createISR(options) {
   const { revalidateAfter, fetcher, initialData } = options;
+  if (!Number.isFinite(revalidateAfter) || revalidateAfter <= 0) {
+    throw new RangeError(`[SibuJS ISR] revalidateAfter must be a positive finite number, got ${revalidateAfter}`);
+  }
   const [data, setData] = signal(initialData);
-  const [timestamp, setTimestamp] = signal(initialData !== void 0 ? Date.now() : 0);
+  const [stale, setStale] = signal(initialData === void 0);
   const controller = new AbortController();
   let inFlight = false;
   let disposed = false;
-  const isStale = () => {
-    const ts = timestamp();
-    if (ts === 0) return true;
-    return Date.now() - ts >= revalidateAfter;
+  let deadline;
+  const clearDeadline = () => {
+    if (deadline !== void 0) {
+      clearTimeout(deadline);
+      deadline = void 0;
+    }
+  };
+  const armDeadline = () => {
+    clearDeadline();
+    deadline = setTimeout(() => {
+      deadline = void 0;
+      if (disposed) return;
+      setStale(true);
+      revalidate().catch((err) => {
+        if (typeof console !== "undefined") console.warn("[SibuJS ISR] revalidate failed", err);
+      });
+    }, revalidateAfter);
   };
   const revalidate = async () => {
     if (disposed || inFlight) return;
@@ -869,8 +929,14 @@ function createISR(options) {
     try {
       const result = await fetcher({ signal: controller.signal });
       if (disposed || controller.signal.aborted) return;
-      setData(result);
-      setTimestamp(Date.now());
+      batch(() => {
+        setData(result);
+        setStale(false);
+      });
+      armDeadline();
+    } catch (err) {
+      if (!disposed && !controller.signal.aborted) armDeadline();
+      throw err;
     } finally {
       inFlight = false;
     }
@@ -879,19 +945,16 @@ function createISR(options) {
     revalidate().catch((err) => {
       if (typeof console !== "undefined") console.warn("[SibuJS ISR] initial fetch failed", err);
     });
+  } else {
+    armDeadline();
   }
-  const intervalId = setInterval(() => {
-    revalidate().catch((err) => {
-      if (typeof console !== "undefined") console.warn("[SibuJS ISR] revalidate failed", err);
-    });
-  }, revalidateAfter);
   const dispose = () => {
     if (disposed) return;
     disposed = true;
-    clearInterval(intervalId);
+    clearDeadline();
     controller.abort();
   };
-  return { data, isStale, revalidate, dispose };
+  return { data, isStale: stale, revalidate, dispose };
 }
 
 // src/platform/routeActions.ts

package/dist/{chunk-RIXRAYIU.js → chunk-WEQ3DMVL.js}

@@ -1,15 +1,16 @@
 import {
   isSSR
-} from "./chunk-5DXA2J44.js";
+} from "./chunk-7XHATCIH.js";
 import {
   cleanup,
+  emitDevtools,
   retrack,
   untracked
-} from "./chunk-UGRX3S57.js";
+} from "./chunk-JWKYU5GV.js";
 import {
   devAssert,
   reportError
-} from "./chunk-2WLZ6757.js";
+} from "./chunk-NYNYSPK7.js";
 
 // src/core/signals/effect.ts
 var _g = globalThis;
@@ -142,12 +143,17 @@ function effect(effectFn, options) {
   try {
     retrack(ctx.bodyFn, ctx.subscriber);
     if (ctx.rerunPending) drainReruns(ctx);
+  } catch (err) {
+    ctx.disposed = true;
+    if (ctx.userCleanups.length > 0) flushUserCleanups(ctx);
+    cleanup(ctx.subscriber);
+    throw err;
   } finally {
     ctx.running = false;
     ctx.rerunPending = false;
   }
   const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  if (hook) hook.emit("effect:create", { effectFn });
+  if (hook) emitDevtools(hook, "effect:create", { effectFn });
   return () => disposeEffect(ctx);
 }