sibujs 4.13.1 → 4.14.1

package/dist/data.d.ts

@@ -222,6 +222,14 @@ interface QueryOptions<T> {
      * Also applied to this observer's `select` output.
      */
     structuralSharing?: StructuralSharingOption<T>;
+    /**
+     * Fetch during a server render (default `true`). The server render waits for
+     * the fetch and transfers the result to the browser, which then does not
+     * fetch it again while it is fresh (`staleTime`). `false` leaves the query
+     * idle on the server — it renders its loading state — and keeps its data out
+     * of the transferred state; the browser fetches it after takeover.
+     */
+    ssr?: boolean;
 }
 interface QueryResult<T> {
     /** Reactive getter for the cached data */
@@ -452,6 +460,14 @@ declare function debounce<T>(getter: () => T, delay: number): DisposableAccessor
  */
 declare function throttle<T>(getter: () => T, interval: number): DisposableAccessor<T>;
 
+/**
+ * Keep `key` out of this request's transferred state, whatever is or will be
+ * stored under it: the browser then fetches it itself. For a key whose owner
+ * is ambiguous (two loaders resolved to it). Server only; a no-op outside a
+ * request.
+ * @internal
+ */
+declare function withholdTransfer(key: string): void;
 /**
  * Lifecycle callbacks follow the shared data-layer contract: an exception
  * thrown by `onStart`, `onSuccess`, `onError`, or `onSettled` never changes the
@@ -497,6 +513,13 @@ interface ResourceOptions<T> {
      *   unshared.
      */
     structuralSharing?: StructuralSharingOption<T>;
+    /**
+     * Transfer key. With a key, the value a server render fetched is embedded in
+     * the document, and the browser starts from it instead of fetching again
+     * (its initial fetch is skipped; `refetch()` and source changes still
+     * fetch). Must be unique per page; the data must be JSON-serializable.
+     */
+    key?: string;
 }
 interface Resource<T> {
     /** Reactive getter for the fetched data */
@@ -676,6 +699,13 @@ interface LoaderRoute {
 /**
  * Execute a route loader and wrap its result in a reactive Resource.
  *
+ * The result is transferred from a server render to the browser under the key
+ * `loader:<path>:<loader name>` (or `options.key`), so the browser does not run
+ * the loader again on takeover. Two different loader functions with the same
+ * name for the same path (two `loader: async () => …` properties, two
+ * anonymous loaders) cannot be told apart: neither transfers, and both fetch in
+ * the browser, unless they have explicit keys.
+ *
  * Executing a loader does not make its data visible to `loaderData()`; render
  * the route's component inside {@link renderWithLoader} (or use
  * {@link withLoader}) so the component reads its own route's data.
@@ -777,4 +807,4 @@ declare function stream(url: string, options?: {
     dispose: () => void;
 };
 
-export { type ConflictStrategy, type InfiniteQueryOptions, type InfiniteQueryResult, type LoaderRoute, type MutationOptions, type MutationResult, type OfflineStore, type OfflineStoreOptions, type QueryOptions, type QueryResult, type Resource, type ResourceOptions, type RetryOptions, type RouteLoaderFn, type SyncAdapter, type SyncChange, type SyncConflict, type SyncResult, __resetQueryCache, calculateDelay, clearQueryCache, debounce, executeLoader, getQueryData, infiniteQuery, invalidateQueries, loaderData, mutation, offlineStore, preloadRoute, previous, query, renderWithLoader, resource, setQueryData, socket, stream, syncAdapter, throttle, withLoader, withRetry };
+export { type ConflictStrategy, type InfiniteQueryOptions, type InfiniteQueryResult, type LoaderRoute, type MutationOptions, type MutationResult, type OfflineStore, type OfflineStoreOptions, type QueryOptions, type QueryResult, type Resource, type ResourceOptions, type RetryOptions, type RouteLoaderFn, type SyncAdapter, type SyncChange, type SyncConflict, type SyncResult, __resetQueryCache, calculateDelay, clearQueryCache, debounce, executeLoader, getQueryData, infiniteQuery, invalidateQueries, loaderData, mutation, offlineStore, preloadRoute, previous, query, renderWithLoader, resource, setQueryData, socket, stream, syncAdapter, throttle, withLoader, withRetry, withholdTransfer };

package/dist/data.js

@@ -21,16 +21,21 @@ import {
   syncAdapter,
   throttle,
   withLoader,
-  withRetry
-} from "./chunk-G3Z2FEBR.js";
-import "./chunk-YFTBCCVH.js";
+  withRetry,
+  withholdTransfer
+} from "./chunk-B2NLNZ3E.js";
+import "./chunk-3HZOSMPX.js";
+import "./chunk-62BDYGAG.js";
+import "./chunk-ZYK4NZZA.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-QC3NP47A.js";
-import "./chunk-EXXSN3BW.js";
-import "./chunk-7XHATCIH.js";
-import "./chunk-QKFVMIAV.js";
-import "./chunk-4UTGDVSA.js";
-import "./chunk-NYNYSPK7.js";
+import "./chunk-FFXZ6ELZ.js";
+import "./chunk-B3HOT4TK.js";
+import "./chunk-UYTYNCMZ.js";
+import "./chunk-FCWOMATN.js";
+import "./chunk-LAHX7XFG.js";
+import "./chunk-S37PZD6I.js";
+import "./chunk-NT3ZYB5S.js";
+import "./chunk-R5U7XKVJ.js";
 export {
   __resetQueryCache,
   calculateDelay,
@@ -54,5 +59,6 @@ export {
   syncAdapter,
   throttle,
   withLoader,
-  withRetry
+  withRetry,
+  withholdTransfer
 };

package/dist/devtools.cjs

@@ -256,10 +256,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) {
@@ -921,7 +932,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.13.1" : "dev";
+var _runtimeVersion = true ? "4.14.1" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -2118,6 +2129,8 @@ function detectSSRShared() {
       }
       if (mod) detected = new mod.AsyncLocalStorage();
     }
+    const globalAls = globalThis.AsyncLocalStorage;
+    if (!detected && typeof globalAls === "function") detected = new globalAls();
   } catch {
     detected = null;
   }
@@ -2206,7 +2219,7 @@ function disposeEffect(ctx) {
 }
 function effect(effectFn, options) {
   devAssert(typeof effectFn === "function", "effect: argument must be a function.");
-  if (isSSR()) return () => {
+  if (isSSR() && !options?.server) return () => {
   };
   const ctx = {
     fn: effectFn,

package/dist/devtools.js

@@ -35,16 +35,18 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-J4X7ICH4.js";
+} from "./chunk-NIHGSXOX.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-QC3NP47A.js";
-import "./chunk-EXXSN3BW.js";
-import "./chunk-7XHATCIH.js";
-import "./chunk-QKFVMIAV.js";
-import "./chunk-4UTGDVSA.js";
+import "./chunk-FFXZ6ELZ.js";
+import "./chunk-B3HOT4TK.js";
+import "./chunk-UYTYNCMZ.js";
+import "./chunk-FCWOMATN.js";
+import "./chunk-LAHX7XFG.js";
+import "./chunk-S37PZD6I.js";
 import {
   isDev
-} from "./chunk-NYNYSPK7.js";
+} from "./chunk-NT3ZYB5S.js";
+import "./chunk-R5U7XKVJ.js";
 
 // src/devtools/signalGraph.ts
 function getHook() {

package/dist/{dispose-GEIG2KOF.js → dispose-EIHHHDC7.js}

@@ -11,7 +11,9 @@ import {
   reportDrainRunaway,
   unregisterDisposer,
   withDisposerRollback
-} from "./chunk-NYNYSPK7.js";
+} from "./chunk-S37PZD6I.js";
+import "./chunk-NT3ZYB5S.js";
+import "./chunk-R5U7XKVJ.js";
 export {
   MAX_DRAIN_TEARDOWNS,
   beginDisposerCapture,

package/dist/ecosystem.cjs

@@ -103,12 +103,12 @@ function claimedByBoundary(error, context) {
 }
 function resolveEventTarget(node) {
   const ELEMENT_NODE = 1;
-  let current = node;
-  while (current) {
-    if (current.nodeType === ELEMENT_NODE && typeof current.dispatchEvent === "function") {
-      return current;
+  let current2 = node;
+  while (current2) {
+    if (current2.nodeType === ELEMENT_NODE && typeof current2.dispatchEvent === "function") {
+      return current2;
     }
-    current = current.parentNode;
+    current2 = current2.parentNode;
   }
   const self = node;
   return typeof self.dispatchEvent === "function" ? self : null;
@@ -117,10 +117,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) {
@@ -141,6 +152,31 @@ function reportError(error, context) {
   });
 }
 
+// src/core/rendering/adoptScope.ts
+var current = null;
+function createScopedElement(tag, ns) {
+  const c = current;
+  if (c?.s.on) {
+    const el = c.s.el(tag, ns, c.p + (c.n++).toString(36));
+    if (el) return el;
+  }
+  return ns ? document.createElementNS(ns, tag) : document.createElement(tag);
+}
+function captureScope() {
+  const c = current;
+  return c?.s.on ? { p: `${c.p}${(c.n++).toString(36)}.`, n: 0, s: c.s } : null;
+}
+function inScope(scope, fn) {
+  const prev = current;
+  if (!scope && !prev) return fn();
+  current = scope?.s.on ? { p: scope.p, n: 0, s: scope.s } : null;
+  try {
+    return fn();
+  } finally {
+    current = prev;
+  }
+}
+
 // src/core/rendering/dispose.ts
 var elementDisposers = /* @__PURE__ */ new WeakMap();
 var MAX_DRAIN_TEARDOWNS = 1e4;
@@ -184,9 +220,9 @@ function dispose(node) {
   const stack = [node];
   const order = [];
   while (stack.length > 0) {
-    const current = stack.pop();
-    order.push(current);
-    const children = Array.from(current.childNodes);
+    const current2 = stack.pop();
+    order.push(current2);
+    const children = Array.from(current2.childNodes);
     for (let i = 0; i < children.length; i++) {
       stack.push(children[i]);
     }
@@ -793,7 +829,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.13.1" : "dev";
+var _runtimeVersion = true ? "4.14.1" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -880,6 +916,8 @@ function detectSSRShared() {
       }
       if (mod) detected = new mod.AsyncLocalStorage();
     }
+    const globalAls = globalThis.AsyncLocalStorage;
+    if (!detected && typeof globalAls === "function") detected = new globalAls();
   } catch {
     detected = null;
   }
@@ -968,7 +1006,7 @@ function disposeEffect(ctx) {
 }
 function effect(effectFn, options) {
   devAssert(typeof effectFn === "function", "effect: argument must be a function.");
-  if (isSSR()) return () => {
+  if (isSSR() && !options?.server) return () => {
   };
   const ctx = {
     fn: effectFn,
@@ -1628,19 +1666,19 @@ function sanitizeSrcset(value) {
     if (url.endsWith(",")) {
       url = url.replace(/,+$/, "");
     } else {
-      let current = "";
+      let current2 = "";
       let inParens = false;
       while (i < n) {
         const ch = input[i];
         if (inParens) {
-          current += ch;
+          current2 += ch;
           if (ch === ")") inParens = false;
           i++;
           continue;
         }
         if (isSrcsetWhitespace(ch)) {
-          if (current) descriptors.push(current);
-          current = "";
+          if (current2) descriptors.push(current2);
+          current2 = "";
           i++;
           continue;
         }
@@ -1649,10 +1687,10 @@ function sanitizeSrcset(value) {
           break;
         }
         if (ch === "(") inParens = true;
-        current += ch;
+        current2 += ch;
         i++;
       }
-      if (current) descriptors.push(current);
+      if (current2) descriptors.push(current2);
     }
     if (url === "") continue;
     if (descriptors.length > 1) continue;
@@ -2221,8 +2259,8 @@ function commitSafeAttribute(el, name, value, options) {
     else el.removeAttribute(name);
     return true;
   }
-  const current = ns ? el.getAttributeNS(ns, localName) : el.getAttribute(name);
-  if (current === safe) return true;
+  const current2 = ns ? el.getAttributeNS(ns, localName) : el.getAttribute(name);
+  if (current2 === safe) return true;
   if (ns) el.setAttributeNS(ns, name, safe);
   else el.setAttribute(name, safe);
   return true;
@@ -2353,10 +2391,11 @@ function restoreFocusWithin(snapshot, nodes, where, policy) {
 // src/reactivity/bindChildNode.ts
 function bindChildNode(placeholder, getter) {
   let lastNodes = [];
+  const scope = captureScope();
   function commit() {
     let result;
     try {
-      result = getter();
+      result = inScope(scope, getter);
     } catch (err) {
       reportError(err, { phase: "binding", name: "bindChildNode", node: placeholder });
       return;
@@ -2611,7 +2650,7 @@ function tagFactory(tag, ns) {
       throw new Error(`tagFactory: refusing to create <${tag}> \u2014 tag is blocked for security reasons.`);
     }
     if (typeof document === "undefined") noDocument();
-    const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
+    const el = createScopedElement(tag, ns);
     if (first === void 0) return el;
     if (typeof first === "string") {
       if (second !== void 0) {
@@ -2802,9 +2841,9 @@ function componentAdapter(config) {
     components[name] = (props = {}, children) => {
       const { variant, size, class: userClass, ...rest } = props;
       const themeClasses = () => {
-        const current = theme.config();
-        const overrides = current.classOverrides ?? {};
-        const pick = (key, fallback) => Object.hasOwn(overrides, key) ? overrides[key] : reprefix(fallback, current.prefix);
+        const current2 = theme.config();
+        const overrides = current2.classOverrides ?? {};
+        const pick = (key, fallback) => Object.hasOwn(overrides, key) ? overrides[key] : reprefix(fallback, current2.prefix);
         const classes = [pick(name, mapping.baseClass)];
         const variantClass = ownString(mapping.variants, variant);
         if (variant && variantClass) {

package/dist/ecosystem.js

@@ -7,20 +7,22 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-5RIBLY2N.js";
-import "./chunk-J6FW5TV6.js";
-import "./chunk-CPQKWCJ2.js";
-import "./chunk-K4LNUT5L.js";
-import "./chunk-F2UWOZ6J.js";
-import "./chunk-YFTBCCVH.js";
+} from "./chunk-LUZXFMKH.js";
+import "./chunk-3HEX6QJQ.js";
+import "./chunk-ZKI4SDZ2.js";
+import "./chunk-3T7TWMSD.js";
+import "./chunk-RVWJGWCL.js";
+import "./chunk-ZYK4NZZA.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-QC3NP47A.js";
-import "./chunk-EXXSN3BW.js";
-import "./chunk-7XHATCIH.js";
+import "./chunk-FFXZ6ELZ.js";
+import "./chunk-B3HOT4TK.js";
+import "./chunk-UYTYNCMZ.js";
 import "./chunk-5HZXGZ6T.js";
-import "./chunk-QKFVMIAV.js";
-import "./chunk-4UTGDVSA.js";
-import "./chunk-NYNYSPK7.js";
+import "./chunk-FCWOMATN.js";
+import "./chunk-LAHX7XFG.js";
+import "./chunk-S37PZD6I.js";
+import "./chunk-NT3ZYB5S.js";
+import "./chunk-R5U7XKVJ.js";
 export {
   antdAdapter,
   chakraAdapter,