sibujs 4.3.0 → 4.5.0

package/dist/widgets.cjs

@@ -291,6 +291,15 @@ function untracked(fn) {
 var subscriberEpochCounter = 0;
 function retrack(effectFn, subscriber) {
   const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
   currentSubscriber = subscriber;
   const sub = subscriber;
   const epoch = ++subscriberEpochCounter;
@@ -305,6 +314,11 @@ function retrack(effectFn, subscriber) {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     let node = sub.depsHead ?? null;
     while (node !== null) {
       const next = node.subNext;
@@ -324,11 +338,25 @@ function track(effectFn, subscriber) {
   if (!subscriber) return reactiveBinding(effectFn);
   cleanup(subscriber);
   const prev = currentSubscriber;
+  let savedDepth = 0;
+  let savedSuspendSub = null;
+  if (trackingSuspended) {
+    savedDepth = suspendDepth;
+    savedSuspendSub = suspendSavedSub;
+    suspendDepth = 0;
+    suspendSavedSub = null;
+    trackingSuspended = false;
+  }
   currentSubscriber = subscriber;
   try {
     effectFn();
   } finally {
     currentSubscriber = prev;
+    if (savedDepth !== 0) {
+      suspendDepth = savedDepth;
+      suspendSavedSub = savedSuspendSub;
+      trackingSuspended = true;
+    }
     const sub2 = subscriber;
     for (let n = sub2.depsHead ?? null; n !== null; n = n.subNext) {
       const sig = n.sig;
@@ -499,8 +527,9 @@ function propagateDirty(sub) {
         if (s._c) {
           const nSig = s._sig;
           if (nSig) {
-            if (!nSig._d) {
+            if (!nSig._d || nSig._f === true) {
               nSig._d = true;
+              nSig._f = false;
               stack.push(nSig);
             }
           } else {
@@ -600,7 +629,7 @@ function forEachSubscriber(signal2, visit) {
 }
 
 // src/reactivity/track.ts
-var _runtimeVersion = true ? "4.3.0" : "dev";
+var _runtimeVersion = true ? "4.5.0" : "dev";
 var REGISTRY_KEY = /* @__PURE__ */ Symbol.for("sibujs.reactive.v1");
 function resolveReactiveApi() {
   const g = globalThis;
@@ -664,10 +693,14 @@ function derived(getter, options) {
   const cs = {};
   cs._d = false;
   cs._init = false;
+  cs._f = false;
   cs._g = getter;
   cs.__v = 0;
+  let evaluating = false;
+  let disposed = false;
+  let pendingError;
   const markDirty = () => {
-    if (cs._d) return;
+    if (cs._d || disposed) return;
     cs._d = true;
   };
   markDirty._c = 1;
@@ -690,33 +723,53 @@ function derived(getter, options) {
     }
   }, markDirty);
   const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
-  let evaluating = false;
   const validate = () => {
-    if (!cs._d) return;
+    if (!cs._d || disposed || pendingError !== void 0) return;
     const oldValue = cs._v;
     evaluating = true;
     try {
       retrack2(recompute, markDirty);
       if (!Object.is(oldValue, cs._v)) cs.__v++;
+    } catch (err) {
+      pendingError = { error: err };
+      cs.__v++;
+      if (disposed) cs._d = true;
+      else cs._f = true;
     } finally {
       evaluating = false;
+      if (disposed) cleanup2(markDirty);
     }
-    if (hook && !Object.is(oldValue, cs._v)) {
+    if (hook && !disposed && !Object.is(oldValue, cs._v)) {
       hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
     }
   };
   cs._validate = validate;
+  const throwPending = () => {
+    const { error } = pendingError;
+    pendingError = void 0;
+    if (disposed) cs._d = false;
+    throw error;
+  };
   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 (isTrackingSuspended2()) {
-      if (cs._d) validate();
+    if (isTrackingSuspended2() || disposed) {
+      if (cs._d) {
+        validate();
+        if (pendingError !== void 0) throwPending();
+      }
       return cs._v;
     }
-    if (cs._d) validate();
+    if (cs._d) {
+      validate();
+      if (pendingError !== void 0) {
+        recordDependency2(cs);
+        throwPending();
+      }
+    }
     recordDependency2(cs);
     return cs._v;
   }
@@ -725,6 +778,19 @@ function derived(getter, options) {
     cs.__name = debugName;
   }
   computedGetter.__signal = cs;
+  computedGetter.dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    cs._d = pendingError !== void 0;
+    cleanup2(markDirty);
+    const h = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
+    if (h) {
+      try {
+        h.emit("computed:destroy", { signal: cs, getter: computedGetter });
+      } catch {
+      }
+    }
+  };
   if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
   return computedGetter;
 }

package/dist/widgets.js

@@ -8,15 +8,15 @@ import {
   select,
   tabs,
   tooltip
-} from "./chunk-G7GPNB6N.js";
-import "./chunk-IYHM4FWD.js";
+} from "./chunk-GW3SCCZG.js";
+import "./chunk-7LN645I6.js";
 import "./chunk-CCSJMTRN.js";
-import "./chunk-3E5YNK2F.js";
+import "./chunk-RBTPLM32.js";
 import "./chunk-IXKSNWV5.js";
-import "./chunk-7BJLKDBI.js";
+import "./chunk-RIXRAYIU.js";
 import "./chunk-5DXA2J44.js";
-import "./chunk-MYA5HEK5.js";
-import "./chunk-TSL64O5L.js";
+import "./chunk-XZZOBQAY.js";
+import "./chunk-UGRX3S57.js";
 import "./chunk-2WLZ6757.js";
 export {
   accordion,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sibujs",
-  "version": "4.3.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.",
+  "version": "4.5.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",
     "framework",
@@ -133,6 +133,12 @@
     },
     "./cdn-dev": {
       "default": "./dist/cdn.dev.global.js"
+    },
+    "./cdn-full": {
+      "default": "./dist/cdn.full.global.js"
+    },
+    "./cdn-full-dev": {
+      "default": "./dist/cdn.full.dev.global.js"
     }
   },
   "publishConfig": {

package/dist/tagFactory-Bzupt4Pj.d.cts

@@ -1,55 +0,0 @@
-/**
- * Canonical disposer/teardown signature used across the framework.
- *
- * Returned by `effect()`, `track()`, widget `bind()` methods, and other
- * subscription/lifecycle helpers. All disposers MUST be idempotent — calling
- * twice should be a no-op rather than an error.
- */
-type Dispose = () => void;
-type NodeChild = Node | Element | Text | Comment | string | number | boolean | (() => NodeChild) | null | undefined;
-type NodeChildren = NodeChild | NodeChild[] | NodeChild[][] | (() => NodeChild | NodeChild[]);
-
-declare const SVG_NS = "http://www.w3.org/2000/svg";
-interface TagProps {
-    id?: string;
-    class?: string | (() => string) | Record<string, boolean | (() => boolean)>;
-    style?: Record<string, string | number | (() => string | number)> | string | (() => string);
-    ref?: {
-        current: Element | null;
-    };
-    nodes?: NodeChildren;
-    on?: Record<string, (ev: Event) => void>;
-    /** Called with the element after creation — useful for imperative bindings */
-    onElement?: (el: HTMLElement) => void;
-    [attr: string]: unknown;
-}
-/**
- * Factory for creating HTML or SVG elements with reactive props and nodes.
- *
- * Calling conventions:
- *
- *   tag()                         empty element
- *   tag("text")                   element with text content
- *   tag(42)                       element with numeric text content
- *   tag([childA, childB])         element with children (array)
- *   tag(node)                     element wrapping a single existing node
- *   tag(getter)                   element with a reactive child
- *   tag("className", children)    positional: class + children
- *   tag({ ...props })             full props object (children via props.nodes)
- *   tag({ ...props }, children)   props + children (no need for `nodes:` key!)
- *
- * The last form is the "deeply-nested shorthand" the codebase favours:
- *
- *   div({ class: "card" }, [
- *     h1({ class: "title" }, "Hello"),
- *     p({ class: "body" }, "World"),
- *     div({ class: "row" }, [
- *       span({ id: "x" }, "child"),
- *     ]),
- *   ])
- *
- * `children` overrides `props.nodes` when both are present.
- */
-declare const tagFactory: (tag: string, ns?: string) => (first?: TagProps | NodeChildren, second?: NodeChildren) => Element;
-
-export { type Dispose as D, type NodeChild as N, SVG_NS as S, type TagProps as T, type NodeChildren as a, tagFactory as t };

package/dist/tagFactory-Bzupt4Pj.d.ts

@@ -1,55 +0,0 @@
-/**
- * Canonical disposer/teardown signature used across the framework.
- *
- * Returned by `effect()`, `track()`, widget `bind()` methods, and other
- * subscription/lifecycle helpers. All disposers MUST be idempotent — calling
- * twice should be a no-op rather than an error.
- */
-type Dispose = () => void;
-type NodeChild = Node | Element | Text | Comment | string | number | boolean | (() => NodeChild) | null | undefined;
-type NodeChildren = NodeChild | NodeChild[] | NodeChild[][] | (() => NodeChild | NodeChild[]);
-
-declare const SVG_NS = "http://www.w3.org/2000/svg";
-interface TagProps {
-    id?: string;
-    class?: string | (() => string) | Record<string, boolean | (() => boolean)>;
-    style?: Record<string, string | number | (() => string | number)> | string | (() => string);
-    ref?: {
-        current: Element | null;
-    };
-    nodes?: NodeChildren;
-    on?: Record<string, (ev: Event) => void>;
-    /** Called with the element after creation — useful for imperative bindings */
-    onElement?: (el: HTMLElement) => void;
-    [attr: string]: unknown;
-}
-/**
- * Factory for creating HTML or SVG elements with reactive props and nodes.
- *
- * Calling conventions:
- *
- *   tag()                         empty element
- *   tag("text")                   element with text content
- *   tag(42)                       element with numeric text content
- *   tag([childA, childB])         element with children (array)
- *   tag(node)                     element wrapping a single existing node
- *   tag(getter)                   element with a reactive child
- *   tag("className", children)    positional: class + children
- *   tag({ ...props })             full props object (children via props.nodes)
- *   tag({ ...props }, children)   props + children (no need for `nodes:` key!)
- *
- * The last form is the "deeply-nested shorthand" the codebase favours:
- *
- *   div({ class: "card" }, [
- *     h1({ class: "title" }, "Hello"),
- *     p({ class: "body" }, "World"),
- *     div({ class: "row" }, [
- *       span({ id: "x" }, "child"),
- *     ]),
- *   ])
- *
- * `children` overrides `props.nodes` when both are present.
- */
-declare const tagFactory: (tag: string, ns?: string) => (first?: TagProps | NodeChildren, second?: NodeChildren) => Element;
-
-export { type Dispose as D, type NodeChild as N, SVG_NS as S, type TagProps as T, type NodeChildren as a, tagFactory as t };