sibujs 1.3.0 → 1.5.0

package/dist/patterns.js

@@ -1,18 +1,14 @@
 import {
-  createEffect,
-  createMemo,
-  createSignal,
   globalStore,
   machine,
   optimistic,
   optimisticList,
   persisted,
   timeline
-} from "./chunk-DAHRH4ON.js";
+} from "./chunk-VAPYJN4X.js";
 import {
   RenderProp,
   assertType,
-  composable,
   compose,
   createGuard,
   createSlots,
@@ -25,22 +21,18 @@ import {
   withDefaults,
   withProps,
   withWrapper
-} from "./chunk-XYU6TZOW.js";
-import "./chunk-NEKUBFPT.js";
-import "./chunk-CHF5OHIA.js";
+} from "./chunk-CNZ35WI2.js";
+import "./chunk-XHK6BDAJ.js";
+import "./chunk-VQNQZCWJ.js";
 import "./chunk-EUZND3CB.js";
-import "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
+import "./chunk-NZIIMDWI.js";
+import "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 export {
   RenderProp,
   assertType,
-  composable,
   compose,
-  createEffect,
   createGuard,
-  createMemo,
-  createSignal,
   createSlots,
   defineComponent,
   defineSlottedComponent,

package/dist/performance.cjs

@@ -189,6 +189,11 @@ function isDev() {
   return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
 }
 var _isDev = isDev();
+function devAssert(condition, message) {
+  if (_isDev && !condition) {
+    throw new Error(`[Sibu] ${message}`);
+  }
+}
 function devWarn(message) {
   if (_isDev) {
     console.warn(`[Sibu] ${message}`);
@@ -198,6 +203,8 @@ function devWarn(message) {
 // src/reactivity/track.ts
 var _isDev2 = isDev();
 var subscriberStack = new Array(32);
+var stackCapacity = 32;
+var stackTop = -1;
 var currentSubscriber = null;
 var signalSubscribers = /* @__PURE__ */ new WeakMap();
 var SUBS = "__s";
@@ -211,6 +218,24 @@ function safeInvoke(sub) {
     if (_isDev2) devWarn(`Subscriber threw during notification: ${err instanceof Error ? err.message : String(err)}`);
   }
 }
+function track(effectFn, subscriber) {
+  if (!subscriber) subscriber = effectFn;
+  cleanup(subscriber);
+  ++stackTop;
+  if (stackTop >= stackCapacity) {
+    stackCapacity *= 2;
+    subscriberStack.length = stackCapacity;
+  }
+  subscriberStack[stackTop] = subscriber;
+  currentSubscriber = subscriber;
+  try {
+    effectFn();
+  } finally {
+    stackTop--;
+    currentSubscriber = stackTop >= 0 ? subscriberStack[stackTop] : null;
+  }
+  return () => cleanup(subscriber);
+}
 function recordDependency(signal2) {
   if (!currentSubscriber) return;
   const sub = currentSubscriber;
@@ -352,6 +377,69 @@ function notifySubscribers(signal2) {
     notifyDepth--;
   }
 }
+function cleanup(subscriber) {
+  const sub = subscriber;
+  const singleDep = sub._dep;
+  if (singleDep !== void 0) {
+    const subs = singleDep[SUBS];
+    if (subs) {
+      subs.delete(subscriber);
+      if (singleDep.__f === subscriber) {
+        singleDep.__f = void 0;
+      }
+    }
+    sub._dep = void 0;
+    return;
+  }
+  const deps = sub._deps;
+  if (!deps || deps.size === 0) return;
+  for (const signal2 of deps) {
+    const subs = signal2[SUBS];
+    if (subs) {
+      subs.delete(subscriber);
+      if (signal2.__f === subscriber) {
+        signal2.__f = void 0;
+      }
+    }
+  }
+  deps.clear();
+}
+
+// src/core/ssr-context.ts
+var ssrMode = false;
+function isSSR() {
+  return ssrMode;
+}
+
+// src/core/signals/effect.ts
+var _g = globalThis;
+function effect(effectFn, options) {
+  devAssert(typeof effectFn === "function", "effect: argument must be a function.");
+  if (isSSR()) return () => {
+  };
+  const onError = options?.onError;
+  const wrappedFn = onError ? () => {
+    try {
+      effectFn();
+    } catch (err) {
+      onError(err);
+    }
+  } : effectFn;
+  let cleanupHandle = () => {
+  };
+  const subscriber = () => {
+    cleanupHandle();
+    cleanupHandle = track(wrappedFn, subscriber);
+  };
+  cleanupHandle = track(wrappedFn, subscriber);
+  const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  if (hook) hook.emit("effect:create", { effectFn });
+  return () => {
+    const h = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+    if (h) h.emit("effect:destroy", { effectFn });
+    cleanupHandle();
+  };
+}
 
 // src/reactivity/batch.ts
 var batchDepth = 0;
@@ -363,7 +451,7 @@ function enqueueBatchedSignal(signal2) {
 }
 
 // src/core/signals/signal.ts
-var _g = globalThis;
+var _g2 = globalThis;
 var _isDev3 = isDev();
 function signal(initial, options) {
   const state = { value: initial };
@@ -384,7 +472,7 @@ function signal(initial, options) {
     if (_isDev3) {
       const oldValue = state.value;
       state.value = newValue;
-      const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+      const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
       if (hook) hook.emit("signal:update", { signal: state, name: debugName, oldValue, newValue });
     } else {
       state.value = newValue;
@@ -394,7 +482,7 @@ function signal(initial, options) {
     }
   }
   if (_isDev3) {
-    const hook = _g.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+    const hook = _g2.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
     if (hook) hook.emit("signal:create", { signal: state, name: debugName, getter: get, initial });
   }
   return [get, set];
@@ -406,15 +494,12 @@ function startTransition(callback) {
 }
 function deferredValue(getter) {
   const [deferred, setDeferred] = signal(getter());
-  const sync = () => {
-    const current = getter();
-    setDeferred(current);
-  };
-  scheduleUpdate(Priority.LOW, sync);
-  return () => {
-    scheduleUpdate(Priority.LOW, sync);
-    return deferred();
-  };
+  let latest = deferred();
+  effect(() => {
+    latest = getter();
+    scheduleUpdate(Priority.LOW, () => setDeferred(latest));
+  });
+  return deferred;
 }
 function transitionState() {
   const [isPending, setIsPending] = signal(false);

package/dist/performance.d.cts

@@ -56,6 +56,11 @@ declare function startTransition(callback: () => void): void;
  * The deferred value mirrors the source but updates at LOW priority,
  * allowing the UI to remain responsive while expensive derived state
  * catches up.
+ *
+ * Uses an effect to subscribe to the source getter. When the source
+ * changes, a LOW-priority update is scheduled. The deferred signal
+ * only updates when the scheduler flushes, so fast bursts of source
+ * changes collapse into a single deferred update.
  */
 declare function deferredValue<T>(getter: () => T): () => T;
 /**
@@ -89,7 +94,7 @@ declare function setIdPrefix(prefix: string): void;
  * @example
  * ```ts
  * const id = id();
- * label({ htmlFor: id, nodes: "Name" });
+ * label({ htmlFor: id }, "Name");
  * input({ id, type: "text" });
  * ```
  */

package/dist/performance.d.ts

@@ -56,6 +56,11 @@ declare function startTransition(callback: () => void): void;
  * The deferred value mirrors the source but updates at LOW priority,
  * allowing the UI to remain responsive while expensive derived state
  * catches up.
+ *
+ * Uses an effect to subscribe to the source getter. When the source
+ * changes, a LOW-priority update is scheduled. The deferred signal
+ * only updates when the scheduler flushes, so fast bursts of source
+ * changes collapse into a single deferred update.
  */
 declare function deferredValue<T>(getter: () => T): () => T;
 /**
@@ -89,7 +94,7 @@ declare function setIdPrefix(prefix: string): void;
  * @example
  * ```ts
  * const id = id();
- * label({ htmlFor: id, nodes: "Name" });
+ * label({ htmlFor: id }, "Name");
  * input({ id, type: "text" });
  * ```
  */

package/dist/performance.js

@@ -33,9 +33,11 @@ import {
   transitionState,
   uniqueId,
   yieldToMain
-} from "./chunk-TSOKIX5Z.js";
-import "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
+} from "./chunk-BMPL52BF.js";
+import "./chunk-VQNQZCWJ.js";
+import "./chunk-EUZND3CB.js";
+import "./chunk-NZIIMDWI.js";
+import "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 export {
   DOMPool,

package/dist/plugins.cjs

@@ -1014,7 +1014,15 @@ function dispose(node) {
     const disposers = elementDisposers.get(current);
     if (disposers) {
       if (_isDev5) activeBindingCount -= disposers.length;
-      for (const d of disposers) d();
+      for (const d of disposers) {
+        try {
+          d();
+        } catch (err) {
+          if (_isDev5 && typeof console !== "undefined") {
+            console.warn("[SibuJS] Disposer threw during cleanup:", err);
+          }
+        }
+      }
       elementDisposers.delete(current);
     }
   }
@@ -1425,9 +1433,7 @@ function t(key, params) {
   return params ? message.replace(/\{(\w+)\}/g, (_, p2) => String(params[p2] ?? "")) : message;
 }
 function Trans(key, params) {
-  return span({
-    nodes: () => t(key, params)
-  });
+  return span(() => t(key, params));
 }
 function hasTranslation(key) {
   const locale = currentLocale();
@@ -1598,9 +1604,12 @@ var RouteMatcher = class {
     return this.namedRoutes.get(name) || null;
   }
   matchPattern(path2, routePath) {
-    if (routePath === "*" || routePath.endsWith("/*")) {
+    if (routePath === "*") {
+      return { params: { pathMatch: path2 } };
+    }
+    if (routePath.endsWith("/*")) {
       const basePath = routePath.slice(0, -2);
-      if (path2.startsWith(basePath)) {
+      if (path2 === basePath || path2.startsWith(`${basePath}/`)) {
         return { params: { pathMatch: path2.slice(basePath.length) } };
       }
       return null;
@@ -1719,6 +1728,8 @@ var GuardManager = class {
       const next = (result) => {
         if (resolved || signal2.aborted) return;
         resolved = true;
+        clearTimeout(timeoutId);
+        signal2.removeEventListener("abort", abortHandler);
         if (result instanceof Error) {
           reject(result);
         } else if (result === false) {
@@ -1732,10 +1743,10 @@ var GuardManager = class {
       const abortHandler = () => {
         if (!resolved) {
           resolved = true;
+          clearTimeout(timeoutId);
           reject(new Error("Navigation aborted"));
         }
       };
-      signal2.addEventListener("abort", abortHandler);
       const timeoutId = setTimeout(() => {
         if (!resolved) {
           resolved = true;
@@ -1743,6 +1754,7 @@ var GuardManager = class {
           reject(new Error("Guard timeout"));
         }
       }, this.timeout);
+      signal2.addEventListener("abort", abortHandler);
       try {
         guard(to, from, next);
       } catch (error) {
@@ -1753,12 +1765,6 @@ var GuardManager = class {
           reject(error instanceof Error ? error : new Error(String(error)));
         }
       }
-      Promise.resolve().then(() => {
-        if (resolved) {
-          clearTimeout(timeoutId);
-          signal2.removeEventListener("abort", abortHandler);
-        }
-      });
     });
   }
   addBeforeEach(guard) {
@@ -3428,7 +3434,7 @@ var bundlerMetadata = {
   sideEffects: false,
   modules: {
     core: ["html", "mount", "each", "slots", "fragment", "catch", "portal", "directives"],
-    hooks: ["signal", "effect", "derived", "watch", "store", "ref", "memo", "memoFn", "array", "deepSignal"],
+    hooks: ["signal", "effect", "derived", "watch", "store", "ref", "array", "deepSignal"],
     plugins: ["router", "i18n"],
     components: ["ErrorBoundary", "Loading"],
     ssr: ["ssr"],

package/dist/plugins.d.cts

@@ -24,7 +24,7 @@ declare function t(key: string, params?: Params$1): string;
  * registerTranslations("en", { greeting: "Hello, {name}!" });
  * registerTranslations("es", { greeting: "Hola, {name}!" });
  *
- * div({ nodes: [Trans("greeting", { name: "World" })] });
+ * div([Trans("greeting", { name: "World" })]);
  * // When locale changes, the text updates automatically
  * ```
  */
@@ -235,11 +235,11 @@ declare function Route(): Node;
  * ```ts
  * // Cache all routes (max 10)
  * createRouter(routes, { keepAlive: 10 });
- * mount(() => div({ nodes: [nav, KeepAliveRoute()] }), root);
+ * mount(() => div([nav, KeepAliveRoute()]), root);
  *
  * // Or cache specific routes by name
  * createRouter(routes, { keepAlive: ["dashboard", "settings"] });
- * mount(() => div({ nodes: [nav, KeepAliveRoute()] }), root);
+ * mount(() => div([nav, KeepAliveRoute()]), root);
  *
  * // Or override per-outlet
  * KeepAliveRoute({ max: 5, include: ["dashboard"] })

package/dist/plugins.d.ts

@@ -24,7 +24,7 @@ declare function t(key: string, params?: Params$1): string;
  * registerTranslations("en", { greeting: "Hello, {name}!" });
  * registerTranslations("es", { greeting: "Hola, {name}!" });
  *
- * div({ nodes: [Trans("greeting", { name: "World" })] });
+ * div([Trans("greeting", { name: "World" })]);
  * // When locale changes, the text updates automatically
  * ```
  */
@@ -235,11 +235,11 @@ declare function Route(): Node;
  * ```ts
  * // Cache all routes (max 10)
  * createRouter(routes, { keepAlive: 10 });
- * mount(() => div({ nodes: [nav, KeepAliveRoute()] }), root);
+ * mount(() => div([nav, KeepAliveRoute()]), root);
  *
  * // Or cache specific routes by name
  * createRouter(routes, { keepAlive: ["dashboard", "settings"] });
- * mount(() => div({ nodes: [nav, KeepAliveRoute()] }), root);
+ * mount(() => div([nav, KeepAliveRoute()]), root);
  *
  * // Or override per-outlet
  * KeepAliveRoute({ max: 5, include: ["dashboard"] })

package/dist/plugins.js

@@ -18,7 +18,7 @@ import {
   preloadCritical,
   prerenderRoutes,
   satisfies
-} from "./chunk-VRW3FULF.js";
+} from "./chunk-M4NLBH4I.js";
 import {
   escapeScriptJson,
   renderToString
@@ -34,25 +34,25 @@ import {
 } from "./chunk-K5ZUMYVS.js";
 import {
   span
-} from "./chunk-32DY64NT.js";
-import "./chunk-F3FA4F32.js";
+} from "./chunk-P3XWXJZU.js";
+import "./chunk-SFKNRVCU.js";
 import {
   dispose,
   registerDisposer
-} from "./chunk-PTQJDMRT.js";
+} from "./chunk-5ZYQ6KDD.js";
 import {
   sanitizeUrl
 } from "./chunk-CMBFNA7L.js";
 import {
   effect
-} from "./chunk-CHF5OHIA.js";
+} from "./chunk-VQNQZCWJ.js";
 import "./chunk-EUZND3CB.js";
 import {
   signal
-} from "./chunk-WZSPOOER.js";
+} from "./chunk-NZIIMDWI.js";
 import {
   track
-} from "./chunk-ZD6OAMTH.js";
+} from "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 
 // src/plugins/i18n.ts
@@ -73,9 +73,7 @@ function t(key, params) {
   return params ? message.replace(/\{(\w+)\}/g, (_, p) => String(params[p] ?? "")) : message;
 }
 function Trans(key, params) {
-  return span({
-    nodes: () => t(key, params)
-  });
+  return span(() => t(key, params));
 }
 function hasTranslation(key) {
   const locale = currentLocale();
@@ -206,9 +204,12 @@ var RouteMatcher = class {
     return this.namedRoutes.get(name) || null;
   }
   matchPattern(path, routePath) {
-    if (routePath === "*" || routePath.endsWith("/*")) {
+    if (routePath === "*") {
+      return { params: { pathMatch: path } };
+    }
+    if (routePath.endsWith("/*")) {
       const basePath = routePath.slice(0, -2);
-      if (path.startsWith(basePath)) {
+      if (path === basePath || path.startsWith(`${basePath}/`)) {
         return { params: { pathMatch: path.slice(basePath.length) } };
       }
       return null;
@@ -327,6 +328,8 @@ var GuardManager = class {
       const next = (result) => {
         if (resolved || signal2.aborted) return;
         resolved = true;
+        clearTimeout(timeoutId);
+        signal2.removeEventListener("abort", abortHandler);
         if (result instanceof Error) {
           reject(result);
         } else if (result === false) {
@@ -340,10 +343,10 @@ var GuardManager = class {
       const abortHandler = () => {
         if (!resolved) {
           resolved = true;
+          clearTimeout(timeoutId);
           reject(new Error("Navigation aborted"));
         }
       };
-      signal2.addEventListener("abort", abortHandler);
       const timeoutId = setTimeout(() => {
         if (!resolved) {
           resolved = true;
@@ -351,6 +354,7 @@ var GuardManager = class {
           reject(new Error("Guard timeout"));
         }
       }, this.timeout);
+      signal2.addEventListener("abort", abortHandler);
       try {
         guard(to, from, next);
       } catch (error) {
@@ -361,12 +365,6 @@ var GuardManager = class {
           reject(error instanceof Error ? error : new Error(String(error)));
         }
       }
-      Promise.resolve().then(() => {
-        if (resolved) {
-          clearTimeout(timeoutId);
-          signal2.removeEventListener("abort", abortHandler);
-        }
-      });
     });
   }
   addBeforeEach(guard) {

package/dist/ssr.cjs

@@ -658,12 +658,21 @@ function queueSignalNotification(signal2) {
     }
   }
 }
+var MAX_DRAIN_ITERATIONS = 1e3;
 function drainNotificationQueue() {
   if (notifyDepth > 0) return;
   notifyDepth++;
   try {
     let i2 = 0;
     while (i2 < pendingQueue.length) {
+      if (i2 >= MAX_DRAIN_ITERATIONS) {
+        if (typeof console !== "undefined") {
+          console.error(
+            `[SibuJS] Notification queue exceeded ${MAX_DRAIN_ITERATIONS} iterations \u2014 likely an effect that writes to a signal it reads. Breaking to prevent infinite loop.`
+          );
+        }
+        break;
+      }
       safeInvoke(pendingQueue[i2]);
       i2++;
     }

package/dist/ssr.d.cts

@@ -217,7 +217,7 @@ interface SharedScope<T extends Record<string, unknown>> {
  * const app = createMicroApp({ name: "widget", shadow: true });
  * document.body.appendChild(app.element);
  *
- * app.mount(() => div({ nodes: "Hello from micro-app!" }));
+ * app.mount(() => div("Hello from micro-app!"));
  *
  * // Later, tear it down:
  * app.unmount();

package/dist/ssr.d.ts

@@ -217,7 +217,7 @@ interface SharedScope<T extends Record<string, unknown>> {
  * const app = createMicroApp({ name: "widget", shadow: true });
  * document.body.appendChild(app.element);
  *
- * app.mount(() => div({ nodes: "Hello from micro-app!" }));
+ * app.mount(() => div("Hello from micro-app!"));
  *
  * // Later, tear it down:
  * app.unmount();

package/dist/ssr.js

@@ -22,7 +22,7 @@ import {
   wasm,
   worker,
   workerFn
-} from "./chunk-2BYQDGN3.js";
+} from "./chunk-MYRV7VDM.js";
 import {
   collectStream,
   deserializeState,
@@ -42,14 +42,14 @@ import {
   suspenseSwapScript,
   trustHTML
 } from "./chunk-3X2YG6YM.js";
-import "./chunk-32DY64NT.js";
-import "./chunk-F3FA4F32.js";
-import "./chunk-PTQJDMRT.js";
+import "./chunk-P3XWXJZU.js";
+import "./chunk-SFKNRVCU.js";
+import "./chunk-5ZYQ6KDD.js";
 import "./chunk-CMBFNA7L.js";
-import "./chunk-CHF5OHIA.js";
+import "./chunk-VQNQZCWJ.js";
 import "./chunk-EUZND3CB.js";
-import "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
+import "./chunk-NZIIMDWI.js";
+import "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 export {
   Head,

package/dist/testing.js

@@ -1,8 +1,8 @@
 import {
   effect
-} from "./chunk-CHF5OHIA.js";
+} from "./chunk-VQNQZCWJ.js";
 import "./chunk-EUZND3CB.js";
-import "./chunk-ZD6OAMTH.js";
+import "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 
 // src/testing/a11y.ts