sibujs 4.13.0 → 4.14.0

package/dist/{chunk-Z3EZX6DZ.js → chunk-QS6GMWDD.js}

@@ -135,67 +135,72 @@ import {
   use,
   var_,
   video
-} from "./chunk-L3QHS4O4.js";
+} from "./chunk-7ILEHTVX.js";
 import {
   trustHTML
-} from "./chunk-2F4PSJ5Z.js";
+} from "./chunk-BOYKGGVD.js";
 import {
   watch
-} from "./chunk-3C56VNCK.js";
+} from "./chunk-RVR5NPFL.js";
 import {
   __resetIdCounter,
   createId,
   domBinding
-} from "./chunk-G6366I2A.js";
+} from "./chunk-CCKUNHVU.js";
 import {
   SVG_NS,
   bindChildNode,
   captureFocusWithin,
   restoreFocusWithin,
   tagFactory
-} from "./chunk-346BYZL2.js";
+} from "./chunk-CJ7KS3DF.js";
 import {
   bindAttribute,
   bindDynamic,
   requireDocument,
   setSafeAttribute,
   setTrustedAttribute
-} from "./chunk-HDKDBC6V.js";
+} from "./chunk-HQIAL7F2.js";
 import {
   isCodeTextElement
-} from "./chunk-F2UWOZ6J.js";
+} from "./chunk-RVWJGWCL.js";
 import {
   derived
-} from "./chunk-YJ57VR6Y.js";
+} from "./chunk-N7A6FKWW.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect,
   on
-} from "./chunk-BRRRVLHQ.js";
+} from "./chunk-AE32RGWX.js";
 import {
+  currentBoundary,
   disableSSR,
   enableSSR,
   getRequestScopedCache,
   getSSRStore,
+  isClient,
   isSSR,
+  isServer,
+  openBoundary,
   runInSSRContext,
+  trackPending,
   withSSR
-} from "./chunk-7XHATCIH.js";
+} from "./chunk-UYTYNCMZ.js";
 import {
   adoptThenable
 } from "./chunk-5HZXGZ6T.js";
 import {
   batch,
+  emitDevtools,
   enqueueBatchedSignal,
   external,
   isBatching,
   signal
-} from "./chunk-GNSRXK34.js";
+} from "./chunk-4FJSAUKB.js";
 import {
   bindOwnerScope,
-  emitDevtools,
   getOwnerScope,
   notifySubscribers,
   reactiveBinding,
@@ -208,18 +213,12 @@ import {
   suspendTracking,
   track,
   untracked
-} from "./chunk-HVVRXRGO.js";
+} from "./chunk-MIRKTVH4.js";
 import {
-  DEV,
   MAX_DRAIN_TEARDOWNS,
-  __export,
   checkLeaks,
-  devAssert,
-  devWarn,
-  devWarnLazy,
   dispose,
   getRuntimeErrorHandler,
-  isDev,
   normalizeError,
   registerDisposer,
   replaceChildrenSafely,
@@ -228,11 +227,29 @@ import {
   setRuntimeErrorHandler,
   unregisterDisposer,
   withDisposerRollback
-} from "./chunk-NYNYSPK7.js";
+} from "./chunk-S37PZD6I.js";
+import {
+  DEV,
+  afterHydration,
+  captureScope,
+  createScopedElement,
+  devAssert,
+  devWarn,
+  devWarnLazy,
+  inAdoptScope,
+  inScope,
+  isDev,
+  isHydrating,
+  keyedScope
+} from "./chunk-NT3ZYB5S.js";
+import {
+  __export
+} from "./chunk-R5U7XKVJ.js";
 
 // index.ts
 var index_exports = {};
 __export(index_exports, {
+  ClientOnly: () => ClientOnly,
   DynamicComponent: () => DynamicComponent,
   ErrorBoundary: () => ErrorBoundary,
   ErrorDisplay: () => ErrorDisplay,
@@ -338,7 +355,9 @@ __export(index_exports, {
   input: () => input,
   ins: () => ins,
   isBatching: () => isBatching,
+  isClient: () => isClient,
   isSSR: () => isSSR,
+  isServer: () => isServer,
   kbd: () => kbd,
   label: () => label,
   lazy: () => lazy,
@@ -487,18 +506,28 @@ function takePendingError(node) {
 function lazy(importFn) {
   let cached = null;
   return function LazyComponent() {
-    if (cached) {
+    if (cached && !inAdoptScope()) {
       return cached();
     }
     const container = div({ class: "sibu-lazy" });
+    const scope = captureScope();
+    const boundary = currentBoundary();
     let disposed = false;
-    importFn().then(
+    const loading = inScope(null, () => span("sibu-lazy-loading", "Loading..."));
+    if (cached) {
+      const loaded = cached;
+      replaceChildrenSafely(container, inScope(scope, () => loaded()));
+      return container;
+    }
+    trackPending(importFn(), "lazy").then(
       // The component renders after the import resolves, in the owner scope
       // of whoever rendered the placeholder.
       bindOwnerScope((mod) => {
         if (disposed) return;
         cached = mod.default;
-        const rendered = cached();
+        const component = cached;
+        const build = () => inScope(scope, () => component());
+        const rendered = boundary ? boundary.enter(build) : build();
         replaceChildrenSafely(container, rendered);
       })
     ).catch((err) => {
@@ -510,7 +539,7 @@ function lazy(importFn) {
       );
       dispatchPropagate(container, errorObj);
     });
-    container.appendChild(span("sibu-lazy-loading", "Loading..."));
+    if (!(isHydrating() && container.firstChild)) container.appendChild(loading);
     registerDisposer(container, () => {
       disposed = true;
     });
@@ -519,8 +548,15 @@ function lazy(importFn) {
 }
 function Suspense({ nodes, fallback }) {
   const container = div({ class: "sibu-suspense" });
-  const fallbackEl = fallback();
-  container.appendChild(fallbackEl);
+  const scope = captureScope();
+  const boundary = openBoundary(container);
+  const commit = (el) => {
+    replaceChildrenSafely(container, el);
+    boundary?.done();
+  };
+  const fallbackEl = inScope(null, fallback);
+  if (isHydrating() && container.firstChild) dispose(fallbackEl);
+  else container.appendChild(fallbackEl);
   let suspenseDisposed = false;
   let observer = null;
   let childEl = null;
@@ -535,11 +571,11 @@ function Suspense({ nodes, fallback }) {
   const renderContent = bindOwnerScope(() => {
     if (suspenseDisposed) return;
     try {
-      const el = nodes();
+      const el = boundary ? boundary.enter(() => inScope(scope, nodes)) : inScope(scope, nodes);
       childEl = el;
       if (el.classList.contains("sibu-lazy")) {
         if (!el.querySelector(".sibu-lazy-loading")) {
-          replaceChildrenSafely(container, el);
+          commit(el);
           return;
         }
         observer = new MutationObserver(() => {
@@ -548,12 +584,12 @@ function Suspense({ nodes, fallback }) {
           if (!loading) {
             observer?.disconnect();
             observer = null;
-            replaceChildrenSafely(container, el);
+            commit(el);
           }
         });
         observer.observe(el, { childList: true, subtree: true });
       } else {
-        replaceChildrenSafely(container, el);
+        commit(el);
       }
     } catch (err) {
       const errorObj = err instanceof Error ? err : new Error(String(err));
@@ -743,7 +779,7 @@ function registerUnmountWatcher(element, cb) {
   };
 }
 function onMount(callback, element) {
-  if (typeof document === "undefined") return;
+  if (typeof document === "undefined" || isSSR()) return;
   const scope = getOwnerScope();
   callback = pinScope(scope, callback);
   if (element) {
@@ -778,7 +814,7 @@ function onMount(callback, element) {
   }
 }
 function onUnmount(callback, element) {
-  if (typeof document === "undefined") return;
+  if (typeof document === "undefined" || isSSR()) return;
   watchUnmount(pinScope(getOwnerScope(), callback), element);
 }
 function watchUnmount(callback, element) {
@@ -1796,52 +1832,6 @@ function setGlobalErrorHandler(handler) {
   globalErrorHandler = handler;
 }
 
-// src/core/rendering/context.ts
-function context(defaultValue) {
-  const [getValue, setValue] = signal(defaultValue);
-  const warnIfSSR = (method) => {
-    if (!DEV || !isSSR()) return;
-    devWarn(
-      `context.${method}() called during SSR. SibuJS context() is application-global \u2014 it is NOT isolated per request, so a concurrent request can observe this value. Do not use context() for request-specific SSR data; pass it explicitly or use request-scoped storage instead.`
-    );
-  };
-  const ctx = {
-    provide(value) {
-      warnIfSSR("provide");
-      const previous = getValue();
-      setValue(value);
-      return () => setValue(previous);
-    },
-    use() {
-      return getValue;
-    },
-    get() {
-      return getValue();
-    },
-    set(value) {
-      warnIfSSR("set");
-      setValue(value);
-    },
-    withContext(value, fn) {
-      warnIfSSR("withContext");
-      const previous = getValue();
-      setValue(value);
-      try {
-        const result = fn();
-        if (DEV && result !== null && typeof result?.then === "function") {
-          devWarn(
-            "context.withContext() received an async callback. Scoping is synchronous only \u2014 the previous value is restored as soon as the callback returns its promise, so anything after an `await` runs outside the scope."
-          );
-        }
-        return result;
-      } finally {
-        setValue(previous);
-      }
-    }
-  };
-  return ctx;
-}
-
 // src/core/rendering/directives.ts
 function show(condition, element) {
   const resolved = typeof element === "function" ? element() : element;
@@ -1867,7 +1857,7 @@ function attachBranch(parent, anchor, branch, attachedOnce, where) {
       () => `${where}: ${handedIn ? "a branch was given as an element rather than a function" : "a branch factory returned a node it had already returned"}, so the SAME node is being re-attached \u2014 any state it accumulated while detached (input value, scroll position, classes set imperatively) comes back with it. Its reactive bindings are left intact rather than disposed, because the node is not this directive's to tear down. Return a FRESH node per call (\`() => div(\u2026)\`) for rebuild semantics, or keep this form deliberately when the reuse is what you want.`
     );
   }
-  parent.insertBefore(node, anchor.nextSibling);
+  if (anchor.nextSibling !== node) parent.insertBefore(node, anchor.nextSibling);
   return { node, owned };
 }
 function releaseBranchNode(node, owned) {
@@ -1883,6 +1873,7 @@ function when(condition, thenBranch, elseBranch, options) {
   const elseNode = elseBranch;
   const focusPolicy = options?.focus;
   const anchor = document.createComment("when");
+  const scope = captureScope();
   let currentNode = null;
   let lastCondition;
   let initialized = false;
@@ -1902,7 +1893,7 @@ function when(condition, thenBranch, elseBranch, options) {
       currentNode = null;
     }
     const branch = show2 ? thenBranch : elseNode !== void 0 ? elseNode : null;
-    const attached = untracked(() => attachBranch(parent, anchor, branch, attachedOnce, "when"));
+    const attached = untracked(() => inScope(scope, () => attachBranch(parent, anchor, branch, attachedOnce, "when")));
     currentNode = attached.node;
     currentNodeOwned = attached.owned;
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "when", focusPolicy);
@@ -1933,6 +1924,7 @@ function match(value, cases, fallback, options) {
   const fallbackNode = fallback;
   const focusPolicy = options?.focus;
   const anchor = document.createComment("match");
+  const scope = captureScope();
   let currentNode = null;
   let lastKey;
   let initialized = false;
@@ -1952,7 +1944,9 @@ function match(value, cases, fallback, options) {
       currentNode = null;
     }
     const branch = Object.hasOwn(cases, key) ? cases[key] : fallbackNode;
-    const attached = untracked(() => attachBranch(parent, anchor, branch ?? null, attachedOnce, "match"));
+    const attached = untracked(
+      () => inScope(scope, () => attachBranch(parent, anchor, branch ?? null, attachedOnce, "match"))
+    );
     currentNode = attached.node;
     currentNodeOwned = attached.owned;
     restoreFocusWithin(focused, currentNode ? [currentNode] : [], "match", focusPolicy);
@@ -1975,6 +1969,60 @@ function match(value, cases, fallback, options) {
   return anchor;
 }
 
+// src/core/rendering/clientOnly.ts
+function ClientOnly(content, options = {}) {
+  const server = isServer();
+  const [ready, setReady] = signal(!server && !isHydrating());
+  if (!server && !ready()) afterHydration(() => setReady(true));
+  return when(ready, content, options.fallback);
+}
+
+// src/core/rendering/context.ts
+function context(defaultValue) {
+  const [getValue, setValue] = signal(defaultValue);
+  const warnIfSSR = (method) => {
+    if (!DEV || !isSSR()) return;
+    devWarn(
+      `context.${method}() called during SSR. SibuJS context() is application-global \u2014 it is NOT isolated per request, so a concurrent request can observe this value. Do not use context() for request-specific SSR data; pass it explicitly or use request-scoped storage instead.`
+    );
+  };
+  const ctx = {
+    provide(value) {
+      warnIfSSR("provide");
+      const previous = getValue();
+      setValue(value);
+      return () => setValue(previous);
+    },
+    use() {
+      return getValue;
+    },
+    get() {
+      return getValue();
+    },
+    set(value) {
+      warnIfSSR("set");
+      setValue(value);
+    },
+    withContext(value, fn) {
+      warnIfSSR("withContext");
+      const previous = getValue();
+      setValue(value);
+      try {
+        const result = fn();
+        if (DEV && result !== null && typeof result?.then === "function") {
+          devWarn(
+            "context.withContext() received an async callback. Scoping is synchronous only \u2014 the previous value is restored as soon as the callback returns its promise, so anything after an `await` runs outside the scope."
+          );
+        }
+        return result;
+      } finally {
+        setValue(previous);
+      }
+    }
+  };
+  return ctx;
+}
+
 // src/core/rendering/dynamic.ts
 var componentRegistry = globalSingleton(
   /* @__PURE__ */ Symbol.for("sibujs.components.registry.v1"),
@@ -2070,6 +2118,7 @@ function each(getArray, render, options) {
   );
   requireDocument();
   const anchor = document.createComment("each:anchor");
+  const scope = captureScope();
   const end = document.createComment("each:end");
   const oldKeysBufA = [];
   const oldKeysBufB = [];
@@ -2099,7 +2148,9 @@ function each(getArray, render, options) {
     const parent = anchor.parentNode;
     if (!parent) return;
     if (!sentinelInserted) {
-      parent.insertBefore(end, anchor.nextSibling);
+      const serverEnd = isHydrating() ? findServerEnd(anchor) : null;
+      if (serverEnd) parent.replaceChild(end, serverEnd);
+      else parent.insertBefore(end, anchor.nextSibling);
       sentinelInserted = true;
     }
     if (newKeysBuf.length < newLen) {
@@ -2140,7 +2191,7 @@ function each(getArray, render, options) {
         try {
           suspendTracking();
           try {
-            node = resolveNodeChild(render(itemGetter, indexGetter));
+            node = resolveNodeChild(inScope(keyedScope(scope, key), () => render(itemGetter, indexGetter)));
           } finally {
             resumeTracking();
           }
@@ -2274,6 +2325,19 @@ function each(getArray, render, options) {
   }
   return anchor;
 }
+function findServerEnd(anchor) {
+  let depth = 0;
+  for (let n = anchor.nextSibling; n; n = n.nextSibling) {
+    if (n.nodeType !== 8) continue;
+    const data2 = n.data;
+    if (data2 === "each:anchor") depth++;
+    else if (data2 === "each:end") {
+      if (depth === 0) return n;
+      depth--;
+    }
+  }
+  return null;
+}
 
 // src/core/rendering/fragment.ts
 function Fragment(nodes) {
@@ -2555,7 +2619,7 @@ function parseTemplate(strings) {
   return parseChildren();
 }
 function executeElement(tmpl, values) {
-  const el = tmpl.svg ? document.createElementNS(SVG_NS, tmpl.tag) : document.createElement(tmpl.tag);
+  const el = createScopedElement(tmpl.tag, tmpl.svg ? SVG_NS : void 0);
   for (let i2 = 0; i2 < tmpl.attrs.length; i2++) {
     const attr = tmpl.attrs[i2];
     switch (attr.t) {
@@ -2648,7 +2712,7 @@ function renderTemplate(tmpl, values) {
   if (tmpl.length === 1 && tmpl[0].t === 0) {
     return executeElement(tmpl[0].el, values);
   }
-  const wrapper = document.createElement("div");
+  const wrapper = createScopedElement("div");
   for (let i2 = 0; i2 < tmpl.length; i2++) {
     const child = tmpl[i2];
     switch (child.t) {
@@ -3968,10 +4032,11 @@ export {
   catchError,
   catchErrorAsync,
   setGlobalErrorHandler,
-  context,
   show,
   when,
   match,
+  ClientOnly,
+  context,
   registerComponent,
   unregisterComponent,
   resolveComponent,

package/dist/chunk-R5U7XKVJ.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __require,
+  __export
+};

package/dist/{chunk-3C56VNCK.js → chunk-RVR5NPFL.js}

@@ -1,14 +1,14 @@
 import {
   isSSR
-} from "./chunk-7XHATCIH.js";
+} from "./chunk-UYTYNCMZ.js";
 import {
   resumeTracking,
   suspendTracking,
   track
-} from "./chunk-HVVRXRGO.js";
+} from "./chunk-MIRKTVH4.js";
 import {
   devAssert
-} from "./chunk-NYNYSPK7.js";
+} from "./chunk-NT3ZYB5S.js";
 
 // src/core/signals/watch.ts
 function watch(getter, callback) {

package/dist/{chunk-F2UWOZ6J.js → chunk-RVWJGWCL.js}

@@ -5,10 +5,10 @@ import {
   isUrlAttribute,
   sanitizeUrl,
   stripControlChars
-} from "./chunk-EXXSN3BW.js";
+} from "./chunk-B3HOT4TK.js";
 import {
   DEV
-} from "./chunk-NYNYSPK7.js";
+} from "./chunk-NT3ZYB5S.js";
 
 // src/utils/metaRefresh.ts
 function isAsciiWhitespace(ch) {

package/dist/{chunk-NYNYSPK7.js → chunk-S37PZD6I.js}

@@ -1,41 +1,8 @@
-var __defProp = Object.defineProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/core/dev.ts
-var DEV = typeof __SIBU_DEV__ !== "undefined" ? !!__SIBU_DEV__ : typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : (
-  // safe default: off in browser, on in test/dev Node
-  typeof process !== "undefined" && process.env?.NODE_ENV !== "production"
-);
-function isDev() {
-  if (typeof globalThis.__SIBU_DEV__ !== "undefined") return !!globalThis.__SIBU_DEV__;
-  if (typeof __SIBU_DEV__ !== "undefined") return !!__SIBU_DEV__;
-  return typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
-}
-function devAssert(condition, message) {
-  if ((typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) && !condition) {
-    throw new Error(`[SibuJS] ${message}`);
-  }
-}
-function devWarnLazy(build) {
-  if (typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) {
-    const message = build();
-    if (message) console.warn(`[SibuJS] ${message}`);
-  }
-}
-function devWarn(message) {
-  if (typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : DEV) {
-    console.warn(`[SibuJS] ${message}`);
-  }
-}
+import {
+  DEV,
+  devWarn,
+  isHydrating
+} from "./chunk-NT3ZYB5S.js";
 
 // src/core/errors.ts
 var ERROR_STATE_KEY = /* @__PURE__ */ Symbol.for("sibujs.runtime-errors.v1");
@@ -110,10 +77,21 @@ function defaultReport(error, context) {
   if (typeof console === "undefined") return;
   console.error(`[SibuJS] Uncaught error during ${describe(context)}: ${error.message}`, error);
 }
+function requestErrorSink() {
+  const shared = globalThis[/* @__PURE__ */ Symbol.for("sibujs.ssr.v1")];
+  if (!shared) return void 0;
+  const store = shared.als ? shared.als.getStore() : shared.fallbackDepth > 0 ? shared.fallbackStore : void 0;
+  return store?.errors;
+}
 function reportError(error, context) {
   const err = normalizeError(error);
   untrackedRun(() => {
     if (claimedByBoundary(err, context)) return;
+    const sink = requestErrorSink();
+    if (sink) {
+      sink.push({ error: err, context });
+      return;
+    }
     const s = state();
     const handler = s.handler;
     if (handler && s.handlerDepth === 0) {
@@ -271,6 +249,20 @@ function disposeNodeOwn(node) {
   }
 }
 function replaceChildrenSafely(parent, ...next) {
+  if (isHydrating() && next.length > 0 && next[0] === parent.firstChild) {
+    let ok = true;
+    for (let i = 1; i < next.length && ok; i++) ok = next[i - 1].nextSibling === next[i];
+    if (ok) {
+      let rest = next[next.length - 1].nextSibling;
+      while (rest) {
+        const following = rest.nextSibling;
+        dispose(rest);
+        parent.removeChild(rest);
+        rest = following;
+      }
+      return;
+    }
+  }
   for (let i = 0; i < next.length; i++) {
     const node = next[i];
     node.parentNode?.removeChild(node);
@@ -292,13 +284,6 @@ function checkLeaks(warnThreshold = 0) {
 }
 
 export {
-  __require,
-  __export,
-  DEV,
-  isDev,
-  devAssert,
-  devWarnLazy,
-  devWarn,
   setRuntimeErrorHandler,
   getRuntimeErrorHandler,
   normalizeError,