sibujs 4.10.0 → 4.11.0

package/dist/plugins.js

@@ -19,7 +19,7 @@ import {
   preloadCritical,
   prerenderRoutes,
   satisfies
-} from "./chunk-54F4TPHK.js";
+} from "./chunk-R244COCR.js";
 import {
   PluginInstallCancelledError,
   createPlugin,
@@ -35,7 +35,7 @@ import {
 } from "./chunk-J6FW5TV6.js";
 import {
   span
-} from "./chunk-N6U4GOIU.js";
+} from "./chunk-LQ2C44YH.js";
 import {
   escapeScriptJson,
   renderToString,
@@ -48,17 +48,17 @@ import {
 import {
   appendChildren,
   resolveClassValue
-} from "./chunk-EVI4ZQO3.js";
+} from "./chunk-3Z7AEJMQ.js";
 import {
   setSafeAttribute
-} from "./chunk-XUQUQJYE.js";
+} from "./chunk-HMOPAC2Z.js";
 import "./chunk-3ACAAQIN.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-7WIHYHWD.js";
+} from "./chunk-OJV2RW4D.js";
 import {
   sanitizeUrl,
   stripControlChars
@@ -69,14 +69,14 @@ import {
 import "./chunk-5HZXGZ6T.js";
 import {
   signal
-} from "./chunk-FYUEL5IW.js";
+} from "./chunk-F6B5CKF7.js";
 import {
   bindOwnerScope,
   getOwnerScope,
   runWithOwnerScope,
   track,
   untracked
-} from "./chunk-D6HYFOWR.js";
+} from "./chunk-ADWDDJ5M.js";
 import {
   devWarn,
   dispose,
@@ -186,11 +186,28 @@ function normalizePathname(path) {
 function parseQuery(query) {
   return Object.fromEntries(new URLSearchParams(query));
 }
+function parseQueryAll(query) {
+  const all = /* @__PURE__ */ new Map();
+  for (const [key, value] of new URLSearchParams(query)) {
+    const values = all.get(key);
+    if (values) values.push(value);
+    else all.set(key, [value]);
+  }
+  return Object.fromEntries(all);
+}
+function serializeQuery(query) {
+  const search = new URLSearchParams();
+  for (const [key, value] of Object.entries(query)) {
+    if (Array.isArray(value)) for (const v of value) search.append(key, String(v));
+    else search.append(key, String(value));
+  }
+  return search.toString();
+}
 function paramsIdentity(params) {
   return JSON.stringify(Object.entries(params).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0));
 }
 function queryIdentity(query) {
-  return paramsIdentity(typeof query === "string" ? parseQuery(query) : query);
+  return paramsIdentity(typeof query === "string" ? parseQueryAll(query) : query);
 }
 function isPathnameAncestor(target, current) {
   if (target === current) return true;
@@ -866,6 +883,7 @@ var _SibuRouter = class _SibuRouter {
       path: "/",
       params: {},
       query: {},
+      queryAll: {},
       hash: "",
       meta: {},
       matched: []
@@ -892,6 +910,7 @@ var _SibuRouter = class _SibuRouter {
   createRouteContext(fullPath) {
     const { path, query: queryString, hash } = splitRouteUrl(fullPath);
     const query = parseQuery(queryString);
+    const queryAll = parseQueryAll(queryString);
     const match = this.matcher.match(path || "/");
     const params = match?.params || {};
     const meta = match?.route.meta || {};
@@ -900,6 +919,7 @@ var _SibuRouter = class _SibuRouter {
       path: path || "/",
       params,
       query,
+      queryAll,
       hash,
       meta,
       matched
@@ -1045,8 +1065,9 @@ var _SibuRouter = class _SibuRouter {
         path = path.replace(new RegExp(`:${key}(?=[/?#]|$)`, "g"), encodeURIComponent(value));
       }
     }
-    if (to.query && Object.keys(to.query).length > 0) {
-      path += `?${new URLSearchParams(to.query).toString()}`;
+    const search = to.query ? serializeQuery(to.query) : "";
+    if (search) {
+      path += `?${search}`;
     }
     if (to.hash) {
       path += `#${to.hash}`;
@@ -1055,10 +1076,11 @@ var _SibuRouter = class _SibuRouter {
   }
   isSameRoute(from, to) {
     if (from.matched.length === 0 && to.matched.length > 0) return false;
-    return from.path === to.path && paramsIdentity(from.params) === paramsIdentity(to.params) && queryIdentity(from.query) === queryIdentity(to.query) && from.hash === to.hash;
+    return from.path === to.path && paramsIdentity(from.params) === paramsIdentity(to.params) && queryIdentity(from.queryAll) === queryIdentity(to.queryAll) && from.hash === to.hash;
   }
   updateHistory(to, options) {
-    const fullPath = this.options.base + to.path + (Object.keys(to.query).length ? `?${new URLSearchParams(to.query).toString()}` : "") + (to.hash ? `#${to.hash}` : "");
+    const search = serializeQuery(to.queryAll);
+    const fullPath = this.options.base + to.path + (search ? `?${search}` : "") + (to.hash ? `#${to.hash}` : "");
     const h = globalThis.history;
     if (!h) return;
     if (options.replace) {
@@ -1241,6 +1263,65 @@ function abortReasonOf(signal2) {
 }
 var ROUTER_KEY = /* @__PURE__ */ Symbol.for("sibujs.router.v1");
 var _routerRef = globalThis[ROUTER_KEY] ?? (globalThis[ROUTER_KEY] = { current: null });
+var [routerRevision, setRouterRevision] = signal(0);
+var awaitingParent = /* @__PURE__ */ new Map();
+var parentObserver = null;
+function stopParentObserverIfIdle() {
+  if (parentObserver && awaitingParent.size === 0) {
+    parentObserver.disconnect();
+    parentObserver = null;
+  }
+}
+function whenAnchorAttached(anchor, run) {
+  let cancelled = false;
+  queueMicrotask(() => {
+    if (cancelled) return;
+    if (anchor.parentNode) {
+      cancelled = true;
+      run();
+      return;
+    }
+    if (typeof MutationObserver === "undefined" || typeof document === "undefined") return;
+    awaitingParent.set(anchor, () => {
+      cancelled = true;
+      run();
+    });
+    if (!parentObserver) {
+      parentObserver = new MutationObserver(() => {
+        for (const [node, cb] of awaitingParent) {
+          if (!node.parentNode) continue;
+          awaitingParent.delete(node);
+          cb();
+        }
+        stopParentObserverIfIdle();
+      });
+      parentObserver.observe(document, { childList: true, subtree: true });
+    }
+  });
+  return () => {
+    if (cancelled) return;
+    cancelled = true;
+    awaitingParent.delete(anchor);
+    stopParentObserverIfIdle();
+  };
+}
+function attachRetry(anchor, rerun) {
+  const run = bindOwnerScope(rerun);
+  let cancelWait = null;
+  return {
+    request: () => {
+      if (cancelWait) return;
+      cancelWait = whenAnchorAttached(anchor, () => {
+        cancelWait = null;
+        run();
+      });
+    },
+    cancel: () => {
+      cancelWait?.();
+      cancelWait = null;
+    }
+  };
+}
 function normalizeRoutes(routes) {
   return routes.map((route2) => {
     const normalizedChildren = route2.children && route2.children.length > 0 ? normalizeRoutes(route2.children) : route2.children;
@@ -1272,6 +1353,7 @@ function createRouter(routesOrOptions, options = {}) {
   }
   _routerRef.current = new SibuRouter(routes, options);
   ensureRouterPagehide();
+  setRouterRevision((n) => n + 1);
   return _routerRef.current;
 }
 function setRoutes(routes) {
@@ -1427,6 +1509,9 @@ function Route() {
   let currentKey = null;
   let routeTorn = false;
   const commitTarget = (seq) => routeTorn || seq !== navSeq ? null : anchor.parentNode;
+  const retryIfDetached = (seq) => {
+    if (!routeTorn && seq === navSeq && !anchor.parentNode) attachWait.request();
+  };
   const release = (node) => {
     if (!node) return;
     disposeOwned(node);
@@ -1509,6 +1594,7 @@ function Route() {
     anchor.parentNode.insertBefore(errorNode, anchor.nextSibling);
   };
   const update = async () => {
+    routerRevision();
     if (routeTorn || !_routerRef.current) return;
     const seq = ++navSeq;
     const route2 = scopedRoute(_routerRef.current);
@@ -1542,11 +1628,15 @@ function Route() {
             showLoading();
           }
           const plan = await _routerRef.current.loadPlan(routeDef, route2.path);
-          if (!commitTarget(seq)) return;
+          if (!commitTarget(seq)) {
+            retryIfDetached(seq);
+            return;
+          }
           const node = await instantiateScoped(_routerRef.current, plan, routeDef, route2.path, route2);
           const parent = commitTarget(seq);
           if (!parent) {
             release(node);
+            retryIfDetached(seq);
             return;
           }
           if (node) {
@@ -1560,15 +1650,31 @@ function Route() {
           if (routeTorn || seq !== navSeq) return;
           hideLoading();
           console.error("[Route] Component error:", error);
-          showError(error instanceof Error ? error : new Error(String(error)), routeDef);
+          fail(seq, error, routeDef);
         }
       }
     } catch (error) {
       if (seq !== navSeq) return;
       if (routeTorn) return;
       console.error("[Route] Update failed:", error);
-      showError(error instanceof Error ? error : new Error(String(error)));
+      fail(seq, error);
+    }
+  };
+  let unshownFailure = null;
+  const fail = (seq, error, routeDef) => {
+    const err = error instanceof Error ? error : new Error(String(error));
+    if (anchor.parentNode) {
+      showError(err, routeDef);
+      return;
     }
+    unshownFailure = { seq, error: err, routeDef };
+    attachWait.request();
+  };
+  const onAttached = () => {
+    const failure = unshownFailure;
+    unshownFailure = null;
+    if (failure && failure.seq === navSeq) showError(failure.error, failure.routeDef);
+    else update();
   };
   let routeInitialized = false;
   const originalUpdate = update;
@@ -1576,6 +1682,7 @@ function Route() {
     await originalUpdate();
     routeInitialized = true;
   };
+  const attachWait = attachRetry(anchor, onAttached);
   const routeTeardown = track(wrappedUpdate);
   if (!routeInitialized) {
     queueMicrotask(
@@ -1589,6 +1696,8 @@ function Route() {
     routeTorn = true;
     navSeq++;
     routeTeardown();
+    attachWait.cancel();
+    unshownFailure = null;
     cleanupNodes();
     currentTopRoute = null;
     currentKey = null;
@@ -1612,6 +1721,7 @@ function KeepAliveRoute(options) {
   let updateSeq = 0;
   let kaTorn = false;
   const update = async () => {
+    routerRevision();
     if (kaTorn || !_routerRef.current) return;
     const seq = ++updateSeq;
     const router2 = _routerRef.current;
@@ -1629,13 +1739,16 @@ function KeepAliveRoute(options) {
       return;
     }
     if (!("component" in routeDef)) return;
-    const cacheKey = JSON.stringify([route2.path, queryIdentity(route2.query), route2.hash]);
+    const cacheKey = JSON.stringify([route2.path, queryIdentity(route2.queryAll), route2.hash]);
     const shouldCache = !includeNames || routeDef.name != null && includeNames.includes(routeDef.name);
     if (cacheKey === currentKey && currentNode) {
       updateInstanceRoute(currentNode, route2);
       return;
     }
-    if (!anchor.parentNode) return;
+    if (!anchor.parentNode) {
+      attachWait.request();
+      return;
+    }
     let node = null;
     let fromCache = false;
     if (shouldCache && cache.has(cacheKey)) {
@@ -1660,6 +1773,7 @@ function KeepAliveRoute(options) {
     const parent = anchor.parentNode;
     if (!parent) {
       if (!fromCache) disposeOwned(node);
+      attachWait.request();
       return;
     }
     if (currentNode && currentNode !== node) {
@@ -1698,6 +1812,7 @@ function KeepAliveRoute(options) {
     await update();
     initialized = true;
   };
+  const attachWait = attachRetry(anchor, update);
   const kaTeardown = track(wrappedUpdate);
   if (!initialized) {
     queueMicrotask(
@@ -1711,6 +1826,7 @@ function KeepAliveRoute(options) {
     kaTorn = true;
     updateSeq++;
     kaTeardown();
+    attachWait.cancel();
     for (const node of cache.values()) {
       disposeOwned(node);
       if (node.parentNode) node.parentNode.removeChild(node);
@@ -1755,7 +1871,7 @@ function RouterLink(props, children) {
     const route2 = routeGetter();
     const currentPath = normalizePathname(route2.path);
     const isActive = kind === "internal" && isPathnameAncestor(targetPath, currentPath);
-    const isExactActive = kind === "internal" && currentPath === targetPath && queryIdentity(route2.query) === targetQuery && route2.hash === hrefHash;
+    const isExactActive = kind === "internal" && currentPath === targetPath && queryIdentity(route2.queryAll) === targetQuery && route2.hash === hrefHash;
     const classes = [];
     if (isActive) {
       if (activeClass) classes.push(activeClass);
@@ -1950,12 +2066,16 @@ function Outlet() {
     currentKey = null;
   };
   const commitTarget = (seq) => outletTorn || seq !== navSeq ? null : anchor.parentNode;
+  const retryIfDetached = (seq) => {
+    if (!outletTorn && seq === navSeq && !anchor.parentNode) attachWait.request();
+  };
   const release = (node) => {
     if (!node) return;
     disposeOwned(node);
     node.parentNode?.removeChild(node);
   };
   const update = async () => {
+    routerRevision();
     if (outletTorn || !_routerRef.current) return;
     const seq = ++navSeq;
     const route2 = scopedRoute(_routerRef.current);
@@ -1976,11 +2096,15 @@ function Outlet() {
     try {
       const cacheKey = `${route2.path}\0${childRoute.path}`;
       const plan = await _routerRef.current.loadPlan(childRoute, cacheKey);
-      if (!commitTarget(seq)) return;
+      if (!commitTarget(seq)) {
+        retryIfDetached(seq);
+        return;
+      }
       const node = await instantiateScoped(_routerRef.current, plan, childRoute, cacheKey, route2);
       const parent = commitTarget(seq);
       if (!parent) {
         release(node);
+        retryIfDetached(seq);
         return;
       }
       if (!node) return;
@@ -1994,6 +2118,7 @@ function Outlet() {
       console.error("[Outlet] Failed to render child route:", error);
     }
   };
+  const attachWait = attachRetry(anchor, update);
   const outletTeardown = track(update);
   if (!anchor.parentNode) {
     queueMicrotask(
@@ -2007,6 +2132,7 @@ function Outlet() {
     outletTorn = true;
     navSeq++;
     outletTeardown();
+    attachWait.cancel();
     if (currentNode) {
       disposeOwned(currentNode);
       if (currentNode.parentNode) currentNode.parentNode.removeChild(currentNode);
@@ -2034,6 +2160,7 @@ function routerState() {
     currentPath: () => scopedRoute(router2).path,
     params: () => scopedRoute(router2).params,
     query: () => scopedRoute(router2).query,
+    queryAll: () => scopedRoute(router2).queryAll,
     hash: () => scopedRoute(router2).hash,
     meta: () => scopedRoute(router2).meta,
     isNavigating: () => router2.isNavigating,

package/dist/ssr.cjs

@@ -2023,7 +2023,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.10.0" : "dev";
+var _runtimeVersion = true ? "4.11.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g2 = globalThis;

package/dist/ssr.js

@@ -23,9 +23,9 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-4DCVJ4YA.js";
+} from "./chunk-YXJHLMRH.js";
 import "./chunk-52XFPGSN.js";
-import "./chunk-N6U4GOIU.js";
+import "./chunk-LQ2C44YH.js";
 import {
   collectStream,
   deserializeState,
@@ -47,15 +47,15 @@ import {
   trustHTML
 } from "./chunk-FC6KCJSA.js";
 import "./chunk-62BDYGAG.js";
-import "./chunk-EVI4ZQO3.js";
-import "./chunk-XUQUQJYE.js";
+import "./chunk-3Z7AEJMQ.js";
+import "./chunk-HMOPAC2Z.js";
 import "./chunk-3ACAAQIN.js";
 import "./chunk-7ZHH77QA.js";
-import "./chunk-7WIHYHWD.js";
+import "./chunk-OJV2RW4D.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-FYUEL5IW.js";
-import "./chunk-D6HYFOWR.js";
+import "./chunk-F6B5CKF7.js";
+import "./chunk-ADWDDJ5M.js";
 import "./chunk-NYNYSPK7.js";
 export {
   Head,

package/dist/testing.cjs

@@ -780,7 +780,7 @@ function forEachSubscriber(signal, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.10.0" : "dev";
+var _runtimeVersion = true ? "4.11.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/testing.js

@@ -3,9 +3,9 @@ import {
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-7WIHYHWD.js";
+} from "./chunk-OJV2RW4D.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-D6HYFOWR.js";
+import "./chunk-ADWDDJ5M.js";
 import {
   dispose,
   replaceChildrenSafely,

package/dist/ui.cjs

@@ -860,7 +860,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.10.0" : "dev";
+var _runtimeVersion = true ? "4.11.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/ui.js

@@ -38,7 +38,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-ITEL5KPL.js";
+} from "./chunk-NBBFF5VA.js";
 import {
   RenderProp,
   assertType,
@@ -57,24 +57,24 @@ import {
 } from "./chunk-TUCPL2HB.js";
 import {
   createId
-} from "./chunk-GOL3FU5Q.js";
-import "./chunk-XUQUQJYE.js";
+} from "./chunk-CHQPJY47.js";
+import "./chunk-HMOPAC2Z.js";
 import "./chunk-3ACAAQIN.js";
-import "./chunk-5PC7OTQW.js";
+import "./chunk-KFJUMC3Q.js";
 import {
   globalSingleton
 } from "./chunk-7ZHH77QA.js";
 import {
   effect
-} from "./chunk-7WIHYHWD.js";
+} from "./chunk-OJV2RW4D.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
 import "./chunk-5HZXGZ6T.js";
 import {
   batch,
   signal
-} from "./chunk-FYUEL5IW.js";
-import "./chunk-D6HYFOWR.js";
+} from "./chunk-F6B5CKF7.js";
+import "./chunk-ADWDDJ5M.js";
 import {
   registerDisposer,
   unregisterDisposer

package/dist/widgets.cjs

@@ -735,7 +735,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.10.0" : "dev";
+var _runtimeVersion = true ? "4.11.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;

package/dist/widgets.js

@@ -8,14 +8,14 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-IFRIBZ4O.js";
-import "./chunk-EVOK663Z.js";
-import "./chunk-GOL3FU5Q.js";
-import "./chunk-5PC7OTQW.js";
+} from "./chunk-RRKGQKPU.js";
+import "./chunk-REOAVT2M.js";
+import "./chunk-CHQPJY47.js";
+import "./chunk-KFJUMC3Q.js";
 import "./chunk-EXXSN3BW.js";
 import "./chunk-7XHATCIH.js";
-import "./chunk-FYUEL5IW.js";
-import "./chunk-D6HYFOWR.js";
+import "./chunk-F6B5CKF7.js";
+import "./chunk-ADWDDJ5M.js";
 import "./chunk-NYNYSPK7.js";
 export {
   accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "4.10.0",
+  "version": "4.11.0",
   "description": "A function-based frontend framework with fine-grained reactivity and no virtual DOM. Tag factories return live DOM nodes you can hold and mutate, signals update only what changed, and nothing needs a compiler — it runs from a script tag or a bundler.",
   "keywords": [
     "frontend",