sibujs 1.3.0 → 1.5.0

package/dist/devtools.js

@@ -33,11 +33,11 @@ import {
   trackCleanup,
   walkDependencyGraph,
   withErrorTracking
-} from "./chunk-77L6NL3X.js";
-import "./chunk-CHF5OHIA.js";
+} from "./chunk-7GRNSCFT.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 {
   isDev
 } from "./chunk-5X6PP2UK.js";
@@ -100,55 +100,53 @@ function createTraceProfiler() {
   }
   const start = typeof performance !== "undefined" ? performance.now() : Date.now();
   let recording = true;
-  const onEffectStart = (payload) => {
+  function now() {
+    return (typeof performance !== "undefined" ? performance.now() : Date.now()) - start;
+  }
+  const onEffectCreate = (payload) => {
     if (!recording) return;
-    const now = (typeof performance !== "undefined" ? performance.now() : Date.now()) - start;
-    const label = payload.name ?? "effect";
     events.push({
-      name: label,
+      name: payload.name ?? "effect",
       cat: "effect",
-      ph: "B",
-      ts: Math.floor(now * 1e3),
+      ph: "I",
+      ts: Math.floor(now() * 1e3),
       tid: 0,
       pid: 0
     });
   };
-  const onEffectEnd = (payload) => {
+  const onEffectDestroy = (payload) => {
     if (!recording) return;
-    const now = (typeof performance !== "undefined" ? performance.now() : Date.now()) - start;
-    const label = payload.name ?? "effect";
     events.push({
-      name: label,
+      name: payload.name ?? "effect:destroy",
       cat: "effect",
-      ph: "E",
-      ts: Math.floor(now * 1e3),
+      ph: "I",
+      ts: Math.floor(now() * 1e3),
       tid: 0,
       pid: 0
     });
   };
-  const onSignalSet = (payload) => {
+  const onSignalUpdate = (payload) => {
     if (!recording) return;
-    const now = (typeof performance !== "undefined" ? performance.now() : Date.now()) - start;
-    const label = payload.name ?? "signal";
+    const p = payload;
     events.push({
-      name: label,
+      name: p.name ?? "signal",
       cat: "signal",
       ph: "I",
-      ts: Math.floor(now * 1e3),
+      ts: Math.floor(now() * 1e3),
       tid: 0,
       pid: 0,
-      args: payload.args
+      args: p.oldValue !== void 0 ? { oldValue: String(p.oldValue), newValue: String(p.newValue) } : void 0
     });
   };
-  const offStart = hook.on("effect:start", onEffectStart);
-  const offEnd = hook.on("effect:end", onEffectEnd);
-  const offSet = hook.on("signal:set", onSignalSet);
+  const offCreate = hook.on("effect:create", onEffectCreate);
+  const offDestroy = hook.on("effect:destroy", onEffectDestroy);
+  const offUpdate = hook.on("signal:update", onSignalUpdate);
   function stop() {
     if (!recording) return events;
     recording = false;
-    offStart();
-    offEnd();
-    offSet();
+    offCreate();
+    offDestroy();
+    offUpdate();
     return events;
   }
   function stopTrace() {

package/dist/ecosystem.cjs

@@ -126,12 +126,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++;
     }
@@ -436,21 +445,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/ecosystem.d.cts

@@ -48,7 +48,7 @@ interface MobXAdapterAPI {
  *
  * const mobx = inject<MobXAdapterAPI>("mobx");
  * const todoCount = mobx.fromMobX(() => todoStore.todos.length);
- * div({ nodes: () => `Todos: ${todoCount()}` });
+ * div(() => `Todos: ${todoCount()}`);
  * ```
  */
 declare function mobXAdapter(options: MobXAdapterOptions): SibuPlugin;
@@ -90,7 +90,7 @@ interface ReduxAdapterAPI<S = unknown> {
  *
  * const redux = inject<ReduxAdapterAPI>("redux");
  * const count = redux.useSelector(s => s.counter);
- * div({ nodes: () => `Count: ${count()}` });
+ * div(() => `Count: ${count()}`);
  * ```
  */
 declare function reduxAdapter<S>(options: ReduxAdapterOptions<S>): SibuPlugin;
@@ -133,7 +133,7 @@ interface ZustandAdapterAPI<S> {
  *
  * const zs = inject<ZustandAdapterAPI>("zustand");
  * const bears = zs.useSelector(s => s.bears);
- * div({ nodes: () => `Bears: ${bears()}` });
+ * div(() => `Bears: ${bears()}`);
  * ```
  */
 declare function zustandAdapter<S>(options: ZustandAdapterOptions<S>): SibuPlugin;
@@ -204,7 +204,7 @@ type AdaptedComponent = (props?: AdaptedComponentProps) => Element;
  * });
  *
  * const { Button } = adapter.components;
- * Button({ variant: "raised", nodes: "Click me" });
+ * Button({ variant: "raised" }, "Click me");
  * ```
  */
 declare function componentAdapter(config: AdapterConfig): {

package/dist/ecosystem.d.ts

@@ -48,7 +48,7 @@ interface MobXAdapterAPI {
  *
  * const mobx = inject<MobXAdapterAPI>("mobx");
  * const todoCount = mobx.fromMobX(() => todoStore.todos.length);
- * div({ nodes: () => `Todos: ${todoCount()}` });
+ * div(() => `Todos: ${todoCount()}`);
  * ```
  */
 declare function mobXAdapter(options: MobXAdapterOptions): SibuPlugin;
@@ -90,7 +90,7 @@ interface ReduxAdapterAPI<S = unknown> {
  *
  * const redux = inject<ReduxAdapterAPI>("redux");
  * const count = redux.useSelector(s => s.counter);
- * div({ nodes: () => `Count: ${count()}` });
+ * div(() => `Count: ${count()}`);
  * ```
  */
 declare function reduxAdapter<S>(options: ReduxAdapterOptions<S>): SibuPlugin;
@@ -133,7 +133,7 @@ interface ZustandAdapterAPI<S> {
  *
  * const zs = inject<ZustandAdapterAPI>("zustand");
  * const bears = zs.useSelector(s => s.bears);
- * div({ nodes: () => `Bears: ${bears()}` });
+ * div(() => `Bears: ${bears()}`);
  * ```
  */
 declare function zustandAdapter<S>(options: ZustandAdapterOptions<S>): SibuPlugin;
@@ -204,7 +204,7 @@ type AdaptedComponent = (props?: AdaptedComponentProps) => Element;
  * });
  *
  * const { Button } = adapter.components;
- * Button({ variant: "raised", nodes: "Click me" });
+ * Button({ variant: "raised" }, "Click me");
  * ```
  */
 declare function componentAdapter(config: AdapterConfig): {

package/dist/ecosystem.js

@@ -7,16 +7,16 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-BTU3TJDS.js";
+} from "./chunk-TDGZL5CU.js";
 import "./chunk-K5ZUMYVS.js";
-import "./chunk-F3FA4F32.js";
-import "./chunk-PTQJDMRT.js";
-import "./chunk-NEKUBFPT.js";
+import "./chunk-SFKNRVCU.js";
+import "./chunk-5ZYQ6KDD.js";
+import "./chunk-XHK6BDAJ.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 {
   antdAdapter,