sibujs 1.4.0 → 1.5.0

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-export { B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, a as FocusTrap, b as FormConfig, c as FormField, d as FormReturn, I as IntersectionResult, M as MaskOptions, T as Toast, e as ToastInstance, V as ValidatorFn, f as VirtualList, g as VirtualListProps, h as announce, i as aria, j as bindAttrs, k as bindBoolAttr, l as bindData, m as bindField, n as creditCardMask, o as custom, p as dateMask, q as defineElement, r as dialog, s as email, t as eventBus, u as focus, v as form, w as hotkey, x as infiniteScroll, y as inputMask, z as intersection, A as lazyLoad, D as matchesPattern, E as max, G as maxLength, H as min, J as minLength, K as pagination, L as phoneMask, N as removeScopedStyle, O as required, P as scopedStyle, Q as ssnMask, R as svgElement, S as timeMask, U as toast, W as withScopedStyle, X as zipMask } from './customElement-D2DJp_xn.js';
-export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-xo5ckdRP.js';
+export { B as BoundFieldProps, C as CustomElementOptions, F as FieldConfig, a as FocusTrap, b as FormConfig, c as FormField, d as FormReturn, I as IntersectionResult, M as MaskOptions, T as Toast, e as ToastInstance, V as ValidatorFn, f as VirtualList, g as VirtualListProps, h as announce, i as aria, j as bindAttrs, k as bindBoolAttr, l as bindData, m as bindField, n as creditCardMask, o as custom, p as dateMask, q as defineElement, r as dialog, s as email, t as eventBus, u as focus, v as form, w as hotkey, x as infiniteScroll, y as inputMask, z as intersection, A as lazyLoad, D as matchesPattern, E as max, G as maxLength, H as min, J as minLength, K as pagination, L as phoneMask, N as removeScopedStyle, O as required, P as scopedStyle, Q as ssnMask, R as svgElement, S as timeMask, U as toast, W as withScopedStyle, X as zipMask } from './customElement-BL3Uo8dL.js';
+export { C as ComponentProps, P as PropDef, a as PropSchema, R as RenderProp, V as Validator, b as assertType, c as compose, d as createGuard, e as createSlots, f as defineComponent, g as defineSlottedComponent, h as defineStrictComponent, v as validateProps, i as validators, w as withBoundary, j as withDefaults, k as withProps, l as withWrapper } from './contracts-ey_Qh8ef.js';
 
 interface FormActionHandle<TArgs extends unknown[], TResult> {
     /** Invoke the action. Rejections become `error()`, resolutions `result()`. */
@@ -30,14 +30,11 @@ interface FormActionHandle<TArgs extends unknown[], TResult> {
  *   return res.json();
  * });
  *
- * form({
- *   on: { submit: save.onSubmit },
- *   nodes: [
- *     input({ name: "title" }),
- *     button({ disabled: save.pending, nodes: () => (save.pending() ? "Saving..." : "Save") }),
- *     when(() => save.error() != null, () => div({ class: "error", nodes: () => String(save.error()) })),
- *   ],
- * });
+ * form({ on: { submit: save.onSubmit } }, [
+ *   input({ name: "title" }),
+ *   button({ disabled: save.pending }, () => (save.pending() ? "Saving..." : "Save")),
+ *   when(() => save.error() != null, () => div("error", () => String(save.error()))),
+ * ]);
  * ```
  */
 declare function formAction<TArgs extends unknown[], TResult>(fn: (...args: TArgs) => Promise<TResult>): FormActionHandle<TArgs, TResult>;
@@ -102,10 +99,10 @@ interface ListboxHandle {
  *
  * @example
  * ```ts
- * const container = ul({ nodes: [
- *   li({ role: "option", "data-value": "a", nodes: "Apple" }),
- *   li({ role: "option", "data-value": "b", nodes: "Banana" }),
- * ]}) as HTMLElement;
+ * const container = ul([
+ *   li({ role: "option", "data-value": "a" }, "Apple"),
+ *   li({ role: "option", "data-value": "b" }, "Banana"),
+ * ]) as HTMLElement;
  *
  * const lb = createListbox(container, { onSelect: v => console.log(v) });
  * ```
@@ -142,8 +139,8 @@ interface DialogAriaHandle {
  * const dlg = document.createElement("div");
  * const aria = createDialogAria(dlg, { alert: false });
  * dlg.append(
- *   h2({ id: aria.titleId, nodes: "Delete?" }),
- *   p({ id: aria.descriptionId, nodes: "This cannot be undone." }),
+ *   h2({ id: aria.titleId }, "Delete?"),
+ *   p({ id: aria.descriptionId }, "This cannot be undone."),
  * );
  * ```
  */

package/dist/ui.js

@@ -37,7 +37,7 @@ import {
   toast,
   withScopedStyle,
   zipMask
-} from "./chunk-JCI5M6U6.js";
+} from "./chunk-VQDZK23A.js";
 import {
   RenderProp,
   assertType,
@@ -59,17 +59,17 @@ import {
 } from "./chunk-YT6HQ6AM.js";
 import {
   registerDisposer
-} from "./chunk-PTQJDMRT.js";
-import "./chunk-NEKUBFPT.js";
+} from "./chunk-5ZYQ6KDD.js";
+import "./chunk-XHK6BDAJ.js";
 import "./chunk-CMBFNA7L.js";
 import {
   effect
-} from "./chunk-CHF5OHIA.js";
+} from "./chunk-VQNQZCWJ.js";
 import "./chunk-EUZND3CB.js";
 import {
   signal
-} from "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
+} from "./chunk-NZIIMDWI.js";
+import "./chunk-K4G4ZQNR.js";
 import "./chunk-5X6PP2UK.js";
 
 // src/ui/formAction.ts

package/dist/widgets.cjs

@@ -127,12 +127,21 @@ function queueSignalNotification(signal2) {
     }
   }
 }
+var MAX_DRAIN_ITERATIONS = 1e3;
 function drainNotificationQueue() {
   if (notifyDepth > 0) return;
   notifyDepth++;
   try {
     let i = 0;
     while (i < pendingQueue.length) {
+      if (i >= 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[i]);
       i++;
     }
@@ -299,21 +308,37 @@ function derived(getter, options) {
     cs._v = getter();
   }, markDirty);
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+  let evaluating = false;
   function computedGetter() {
+    if (evaluating) {
+      throw new Error(
+        `[SibuJS] Circular dependency detected in derived${debugName ? ` "${debugName}"` : ""}. A derived signal cannot read itself (directly or through a chain).`
+      );
+    }
     if (trackingSuspended) {
       if (cs._d) {
-        cs._d = false;
-        cs._v = getter();
+        evaluating = true;
+        try {
+          cs._d = false;
+          cs._v = getter();
+        } finally {
+          evaluating = false;
+        }
       }
       return cs._v;
     }
     recordDependency(cs);
     if (cs._d) {
       const oldValue = cs._v;
-      track(() => {
-        cs._d = false;
-        cs._v = getter();
-      }, markDirty);
+      evaluating = true;
+      try {
+        track(() => {
+          cs._d = false;
+          cs._v = getter();
+        }, markDirty);
+      } finally {
+        evaluating = false;
+      }
       if (hook && oldValue !== cs._v) {
         hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
       }

package/dist/widgets.js

@@ -8,12 +8,12 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-EBGIRKQY.js";
-import "./chunk-NYVAC6P5.js";
-import "./chunk-NEKUBFPT.js";
+} from "./chunk-PDZQY43A.js";
+import "./chunk-GJPXRJ45.js";
+import "./chunk-XHK6BDAJ.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 {
   accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sibujs",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "A lightweight, function-based frontend framework that combines the best of React, Svelte, and Vue — with zero VDOM and maximum simplicity. Designed for developers who want fine-grained reactivity and full control without compilation or magic.",
   "keywords": [
     "frontend",