@fluixi/reactive 1.0.0-alpha.104 → 1.0.0-alpha.106

package/dist/lib/signal/index-legacy.cjs

@@ -1,4 +1,4 @@
-/*! @fluixi/reactive v1.0.0-alpha.104 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/reactive v1.0.0-alpha.106 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 "use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -460,7 +460,7 @@ var Observable = class extends Subscription {
 
 // src/lib/signal/graph/detect.ts
 var __BROWSER_PROD__ = typeof window === "undefined" ? false : window.__FLUIXI_PROD__ === true;
-var __DEV__ = typeof process === "undefined" ? __BROWSER_PROD__ : false;
+var __DEV__ = typeof process === "undefined" ? __BROWSER_PROD__ : process.env.NODE_ENV !== "production";
 var $SIGNAL = /* @__PURE__ */ Symbol.for("signal");
 var $MEMO = /* @__PURE__ */ Symbol.for("memo");
 var $RESOURCE = /* @__PURE__ */ Symbol.for("resource");
@@ -494,7 +494,7 @@ function makeArrayFlat(values) {
 }
 
 // src/version.generated.ts
-var VERSION = "1.0.0-alpha.104";
+var VERSION = "1.0.0-alpha.106";
 
 // src/lib/signal/graph/state.ts
 var MAJOR = VERSION.split(".")[0];
@@ -636,6 +636,7 @@ var Computed = class extends Source {
     super();
     this._threw = false;
     this._initialized = false;
+    this._disposed = false;
     this.state = DIRTY;
     /** Nodes this computation read on its last run. Rebuilt on every run. */
     this.sources = null;
@@ -651,8 +652,23 @@ var Computed = class extends Source {
     if (this._threw) throw this._error;
     return this._value;
   }
+  /**
+   * Unlink from every source, for good. Without this, a source outlives the
+   * computation and keeps it (and everything its function captured) reachable
+   * through its observers set: a disposed list row stayed in memory that way.
+   * The last value stays readable; the node simply never updates again.
+   */
+  dispose() {
+    if (this._disposed) return;
+    this._disposed = true;
+    if (this.sources) {
+      for (const s of this.sources) s.observers?.delete(this);
+      this.sources = null;
+    }
+  }
   /** Settle, if CHECK, verify sources; if DIRTY (or never run), recompute. */
   updateIfNecessary() {
+    if (this._disposed) return;
     if (this.state === CHECK) {
       if (this.sources) {
         for (const s of this.sources) {
@@ -696,7 +712,7 @@ var Computed = class extends Source {
     reportReactiveRun(this);
     if (changed) {
       this.version++;
-      if (this.observers) for (const o of [...this.observers]) o.markDirty(DIRTY);
+      if (this.observers) for (const o of this.observers) o.markDirty(DIRTY);
       notifyWatchers(this);
     }
   }
@@ -710,7 +726,7 @@ var Computed = class extends Source {
     const wasClean = this.state === CLEAN;
     this.state = level;
     if (wasClean) {
-      if (this.observers) for (const o of [...this.observers]) o.markDirty(CHECK);
+      if (this.observers) for (const o of this.observers) o.markDirty(CHECK);
       notifyWatchers(this);
     }
   }
@@ -749,6 +765,10 @@ var Watcher = class {
     this._pending.clear();
     return out;
   }
+  /** Drain pending without the array, for callers that only need it empty. */
+  clearPending() {
+    this._pending.clear();
+  }
   /** @internal, a watched node became non-clean. Edge-triggered: notify once. */
   _notify(node) {
     if (!this._watched.has(node) || this._pending.has(node)) return;
@@ -887,14 +907,14 @@ var EffectNode = class {
         if (typeof r === "function") (this.owner.cleanups ??= []).push(r);
       });
     });
-    reportReactiveNode({ kind: "effect", node: this.computed, handle: this, internal: !report, ...name ? { name } : {} });
+    if (isObserved()) reportReactiveNode({ kind: "effect", node: this.computed, handle: this, internal: !report, ...name ? { name } : {} });
     this.watcher = new Watcher(() => enqueue(this));
     this.run();
     this.watcher.watch(this.computed);
   }
   run() {
     if (this.disposed) return;
-    this.watcher.getPending();
+    this.watcher.clearPending();
     try {
       this.computed.get();
     } catch (e) {
@@ -911,6 +931,7 @@ var EffectNode = class {
     this.disposed = true;
     reportReactiveDispose(this.computed);
     this.watcher.unwatch(this.computed);
+    this.computed.dispose();
     disposeOwner(this.owner);
   }
 };
@@ -949,13 +970,15 @@ function createSignal(value, options) {
     },
     enumerable: false
   });
-  reportReactiveNode({
-    kind: "signal",
-    node: state,
-    handle: read,
-    name: options?.name,
-    set: write
-  });
+  if (isObserved()) {
+    reportReactiveNode({
+      kind: "signal",
+      node: state,
+      handle: read,
+      name: options?.name,
+      set: write
+    });
+  }
   if (isObserved()) onCleanup(() => reportReactiveDispose(state));
   return [read, write];
 }
@@ -979,8 +1002,11 @@ function createMemo(fn, value, options) {
   const read = (() => c.get());
   Object.defineProperty(read, $SIGNAL2, { value: true, enumerable: true });
   Object.defineProperty(read, $MEMO2, { value: true, enumerable: true });
-  reportReactiveNode({ kind: "memo", node: c, handle: read, name: options?.name });
-  if (isObserved()) onCleanup(() => reportReactiveDispose(c));
+  if (isObserved()) reportReactiveNode({ kind: "memo", node: c, handle: read, name: options?.name });
+  onCleanup(() => {
+    c.dispose();
+    if (isObserved()) reportReactiveDispose(c);
+  });
   return read;
 }
 function createEffect(fn, value, options) {
@@ -2448,6 +2474,20 @@ function clearCachedResources(name, cache = currentResourceCache()) {
 }
 
 // src/lib/signal/list.ts
+function lazyIndex(initial) {
+  let current = initial;
+  let state = null;
+  return {
+    index: () => {
+      if (!state) state = createSignal(current, { name: "row index" });
+      return state[0]();
+    },
+    set: (n) => {
+      current = n;
+      if (state) state[1](n);
+    }
+  };
+}
 function mapArray(list, mapFn, options) {
   let items = [];
   onCleanup(() => {
@@ -2477,9 +2517,9 @@ function mapArray(list, mapFn, options) {
           let rendered, setIndex, dispose2;
           createRoot((d) => {
             dispose2 = d;
-            const [index, setIdx] = createSignal(i, { name: "row index" });
-            setIndex = setIdx;
-            rendered = mapFn(value, index);
+            const idx = lazyIndex(i);
+            setIndex = idx.set;
+            rendered = mapFn(value, idx.index);
           });
           const entry = { item: value, rendered, dispose: dispose2, setIndex };
           result.push(entry);
@@ -2519,21 +2559,19 @@ function keyArray(list, keyFn, mapFn, options) {
         const reuse = prevByKey.get(key);
         if (reuse && !usedKeys.has(key)) {
           reuse.setIndex(i);
+          reuse.setItem(next[i]);
           resultEntries.push(reuse);
         } else {
-          let rendered, setIndex, dispose2;
+          let rendered, setIndex, setItem, dispose2;
           createRoot((d) => {
             dispose2 = d;
-            const [index, setIdx] = createSignal(i, { name: "row index" });
-            setIndex = setIdx;
-            const item = createMemo((prev) => {
-              const cur = list() || [];
-              const v = cur[index()];
-              return v !== void 0 && v !== null ? v : prev;
-            }, next[i]);
-            rendered = mapFn(item, index);
+            const idx = lazyIndex(i);
+            setIndex = idx.set;
+            const [item, writeItem] = createSignal(next[i]);
+            setItem = (v) => writeItem(() => v);
+            rendered = mapFn(item, idx.index);
           });
-          resultEntries.push({ rendered, dispose: dispose2, setIndex });
+          resultEntries.push({ rendered, dispose: dispose2, setIndex, setItem });
         }
         resultKeys.push(key);
         usedKeys.add(key);

package/dist/lib/signal/index-legacy.mjs

@@ -1,4 +1,4 @@
-/*! @fluixi/reactive v1.0.0-alpha.104 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/reactive v1.0.0-alpha.106 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 
 // src/lib/predicates.ts
 function isFunction(value) {
@@ -358,7 +358,7 @@ var Observable = class extends Subscription {
 
 // src/lib/signal/graph/detect.ts
 var __BROWSER_PROD__ = typeof window === "undefined" ? false : window.__FLUIXI_PROD__ === true;
-var __DEV__ = typeof process === "undefined" ? __BROWSER_PROD__ : false;
+var __DEV__ = typeof process === "undefined" ? __BROWSER_PROD__ : process.env.NODE_ENV !== "production";
 var $SIGNAL = /* @__PURE__ */ Symbol.for("signal");
 var $MEMO = /* @__PURE__ */ Symbol.for("memo");
 var $RESOURCE = /* @__PURE__ */ Symbol.for("resource");
@@ -392,7 +392,7 @@ function makeArrayFlat(values) {
 }
 
 // src/version.generated.ts
-var VERSION = "1.0.0-alpha.104";
+var VERSION = "1.0.0-alpha.106";
 
 // src/lib/signal/graph/state.ts
 var MAJOR = VERSION.split(".")[0];
@@ -534,6 +534,7 @@ var Computed = class extends Source {
     super();
     this._threw = false;
     this._initialized = false;
+    this._disposed = false;
     this.state = DIRTY;
     /** Nodes this computation read on its last run. Rebuilt on every run. */
     this.sources = null;
@@ -549,8 +550,23 @@ var Computed = class extends Source {
     if (this._threw) throw this._error;
     return this._value;
   }
+  /**
+   * Unlink from every source, for good. Without this, a source outlives the
+   * computation and keeps it (and everything its function captured) reachable
+   * through its observers set: a disposed list row stayed in memory that way.
+   * The last value stays readable; the node simply never updates again.
+   */
+  dispose() {
+    if (this._disposed) return;
+    this._disposed = true;
+    if (this.sources) {
+      for (const s of this.sources) s.observers?.delete(this);
+      this.sources = null;
+    }
+  }
   /** Settle, if CHECK, verify sources; if DIRTY (or never run), recompute. */
   updateIfNecessary() {
+    if (this._disposed) return;
     if (this.state === CHECK) {
       if (this.sources) {
         for (const s of this.sources) {
@@ -594,7 +610,7 @@ var Computed = class extends Source {
     reportReactiveRun(this);
     if (changed) {
       this.version++;
-      if (this.observers) for (const o of [...this.observers]) o.markDirty(DIRTY);
+      if (this.observers) for (const o of this.observers) o.markDirty(DIRTY);
       notifyWatchers(this);
     }
   }
@@ -608,7 +624,7 @@ var Computed = class extends Source {
     const wasClean = this.state === CLEAN;
     this.state = level;
     if (wasClean) {
-      if (this.observers) for (const o of [...this.observers]) o.markDirty(CHECK);
+      if (this.observers) for (const o of this.observers) o.markDirty(CHECK);
       notifyWatchers(this);
     }
   }
@@ -647,6 +663,10 @@ var Watcher = class {
     this._pending.clear();
     return out;
   }
+  /** Drain pending without the array, for callers that only need it empty. */
+  clearPending() {
+    this._pending.clear();
+  }
   /** @internal, a watched node became non-clean. Edge-triggered: notify once. */
   _notify(node) {
     if (!this._watched.has(node) || this._pending.has(node)) return;
@@ -785,14 +805,14 @@ var EffectNode = class {
         if (typeof r === "function") (this.owner.cleanups ??= []).push(r);
       });
     });
-    reportReactiveNode({ kind: "effect", node: this.computed, handle: this, internal: !report, ...name ? { name } : {} });
+    if (isObserved()) reportReactiveNode({ kind: "effect", node: this.computed, handle: this, internal: !report, ...name ? { name } : {} });
     this.watcher = new Watcher(() => enqueue(this));
     this.run();
     this.watcher.watch(this.computed);
   }
   run() {
     if (this.disposed) return;
-    this.watcher.getPending();
+    this.watcher.clearPending();
     try {
       this.computed.get();
     } catch (e) {
@@ -809,6 +829,7 @@ var EffectNode = class {
     this.disposed = true;
     reportReactiveDispose(this.computed);
     this.watcher.unwatch(this.computed);
+    this.computed.dispose();
     disposeOwner(this.owner);
   }
 };
@@ -847,13 +868,15 @@ function createSignal(value, options) {
     },
     enumerable: false
   });
-  reportReactiveNode({
-    kind: "signal",
-    node: state,
-    handle: read,
-    name: options?.name,
-    set: write
-  });
+  if (isObserved()) {
+    reportReactiveNode({
+      kind: "signal",
+      node: state,
+      handle: read,
+      name: options?.name,
+      set: write
+    });
+  }
   if (isObserved()) onCleanup(() => reportReactiveDispose(state));
   return [read, write];
 }
@@ -877,8 +900,11 @@ function createMemo(fn, value, options) {
   const read = (() => c.get());
   Object.defineProperty(read, $SIGNAL2, { value: true, enumerable: true });
   Object.defineProperty(read, $MEMO2, { value: true, enumerable: true });
-  reportReactiveNode({ kind: "memo", node: c, handle: read, name: options?.name });
-  if (isObserved()) onCleanup(() => reportReactiveDispose(c));
+  if (isObserved()) reportReactiveNode({ kind: "memo", node: c, handle: read, name: options?.name });
+  onCleanup(() => {
+    c.dispose();
+    if (isObserved()) reportReactiveDispose(c);
+  });
   return read;
 }
 function createEffect(fn, value, options) {
@@ -2346,6 +2372,20 @@ function clearCachedResources(name, cache = currentResourceCache()) {
 }
 
 // src/lib/signal/list.ts
+function lazyIndex(initial) {
+  let current = initial;
+  let state = null;
+  return {
+    index: () => {
+      if (!state) state = createSignal(current, { name: "row index" });
+      return state[0]();
+    },
+    set: (n) => {
+      current = n;
+      if (state) state[1](n);
+    }
+  };
+}
 function mapArray(list, mapFn, options) {
   let items = [];
   onCleanup(() => {
@@ -2375,9 +2415,9 @@ function mapArray(list, mapFn, options) {
           let rendered, setIndex, dispose2;
           createRoot((d) => {
             dispose2 = d;
-            const [index, setIdx] = createSignal(i, { name: "row index" });
-            setIndex = setIdx;
-            rendered = mapFn(value, index);
+            const idx = lazyIndex(i);
+            setIndex = idx.set;
+            rendered = mapFn(value, idx.index);
           });
           const entry = { item: value, rendered, dispose: dispose2, setIndex };
           result.push(entry);
@@ -2417,21 +2457,19 @@ function keyArray(list, keyFn, mapFn, options) {
         const reuse = prevByKey.get(key);
         if (reuse && !usedKeys.has(key)) {
           reuse.setIndex(i);
+          reuse.setItem(next[i]);
           resultEntries.push(reuse);
         } else {
-          let rendered, setIndex, dispose2;
+          let rendered, setIndex, setItem, dispose2;
           createRoot((d) => {
             dispose2 = d;
-            const [index, setIdx] = createSignal(i, { name: "row index" });
-            setIndex = setIdx;
-            const item = createMemo((prev) => {
-              const cur = list() || [];
-              const v = cur[index()];
-              return v !== void 0 && v !== null ? v : prev;
-            }, next[i]);
-            rendered = mapFn(item, index);
+            const idx = lazyIndex(i);
+            setIndex = idx.set;
+            const [item, writeItem] = createSignal(next[i]);
+            setItem = (v) => writeItem(() => v);
+            rendered = mapFn(item, idx.index);
           });
-          resultEntries.push({ rendered, dispose: dispose2, setIndex });
+          resultEntries.push({ rendered, dispose: dispose2, setIndex, setItem });
         }
         resultKeys.push(key);
         usedKeys.add(key);

package/dist/lib/signal/index.cjs

@@ -1,4 +1,4 @@
-/*! @fluixi/reactive v1.0.0-alpha.104 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+/*! @fluixi/reactive v1.0.0-alpha.106 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
 "use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -106,7 +106,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/version.generated.ts
-var VERSION = "1.0.0-alpha.104";
+var VERSION = "1.0.0-alpha.106";
 
 // src/lib/signal/graph/state.ts
 var MAJOR = VERSION.split(".")[0];
@@ -302,6 +302,7 @@ var Computed = class extends Source {
     super();
     this._threw = false;
     this._initialized = false;
+    this._disposed = false;
     this.state = DIRTY;
     /** Nodes this computation read on its last run. Rebuilt on every run. */
     this.sources = null;
@@ -317,8 +318,23 @@ var Computed = class extends Source {
     if (this._threw) throw this._error;
     return this._value;
   }
+  /**
+   * Unlink from every source, for good. Without this, a source outlives the
+   * computation and keeps it (and everything its function captured) reachable
+   * through its observers set: a disposed list row stayed in memory that way.
+   * The last value stays readable; the node simply never updates again.
+   */
+  dispose() {
+    if (this._disposed) return;
+    this._disposed = true;
+    if (this.sources) {
+      for (const s of this.sources) s.observers?.delete(this);
+      this.sources = null;
+    }
+  }
   /** Settle, if CHECK, verify sources; if DIRTY (or never run), recompute. */
   updateIfNecessary() {
+    if (this._disposed) return;
     if (this.state === CHECK) {
       if (this.sources) {
         for (const s of this.sources) {
@@ -362,7 +378,7 @@ var Computed = class extends Source {
     reportReactiveRun(this);
     if (changed) {
       this.version++;
-      if (this.observers) for (const o of [...this.observers]) o.markDirty(DIRTY);
+      if (this.observers) for (const o of this.observers) o.markDirty(DIRTY);
       notifyWatchers(this);
     }
   }
@@ -376,7 +392,7 @@ var Computed = class extends Source {
     const wasClean = this.state === CLEAN;
     this.state = level;
     if (wasClean) {
-      if (this.observers) for (const o of [...this.observers]) o.markDirty(CHECK);
+      if (this.observers) for (const o of this.observers) o.markDirty(CHECK);
       notifyWatchers(this);
     }
   }
@@ -415,6 +431,10 @@ var Watcher = class {
     this._pending.clear();
     return out;
   }
+  /** Drain pending without the array, for callers that only need it empty. */
+  clearPending() {
+    this._pending.clear();
+  }
   /** @internal, a watched node became non-clean. Edge-triggered: notify once. */
   _notify(node) {
     if (!this._watched.has(node) || this._pending.has(node)) return;
@@ -632,14 +652,14 @@ var EffectNode = class {
         if (typeof r === "function") (this.owner.cleanups ??= []).push(r);
       });
     });
-    reportReactiveNode({ kind: "effect", node: this.computed, handle: this, internal: !report, ...name ? { name } : {} });
+    if (isObserved()) reportReactiveNode({ kind: "effect", node: this.computed, handle: this, internal: !report, ...name ? { name } : {} });
     this.watcher = new Watcher(() => enqueue(this));
     this.run();
     this.watcher.watch(this.computed);
   }
   run() {
     if (this.disposed) return;
-    this.watcher.getPending();
+    this.watcher.clearPending();
     try {
       this.computed.get();
     } catch (e) {
@@ -656,6 +676,7 @@ var EffectNode = class {
     this.disposed = true;
     reportReactiveDispose(this.computed);
     this.watcher.unwatch(this.computed);
+    this.computed.dispose();
     disposeOwner(this.owner);
   }
 };
@@ -694,13 +715,15 @@ function createSignal(value, options) {
     },
     enumerable: false
   });
-  reportReactiveNode({
-    kind: "signal",
-    node: state,
-    handle: read,
-    name: options?.name,
-    set: write
-  });
+  if (isObserved()) {
+    reportReactiveNode({
+      kind: "signal",
+      node: state,
+      handle: read,
+      name: options?.name,
+      set: write
+    });
+  }
   if (isObserved()) onCleanup(() => reportReactiveDispose(state));
   return [read, write];
 }
@@ -724,8 +747,11 @@ function createMemo(fn, value, options) {
   const read = (() => c.get());
   Object.defineProperty(read, $SIGNAL, { value: true, enumerable: true });
   Object.defineProperty(read, $MEMO, { value: true, enumerable: true });
-  reportReactiveNode({ kind: "memo", node: c, handle: read, name: options?.name });
-  if (isObserved()) onCleanup(() => reportReactiveDispose(c));
+  if (isObserved()) reportReactiveNode({ kind: "memo", node: c, handle: read, name: options?.name });
+  onCleanup(() => {
+    c.dispose();
+    if (isObserved()) reportReactiveDispose(c);
+  });
   return read;
 }
 function createEffect(fn, value, options) {
@@ -782,6 +808,20 @@ function on(deps, fn, options) {
 }
 
 // src/lib/signal/list.ts
+function lazyIndex(initial) {
+  let current = initial;
+  let state = null;
+  return {
+    index: () => {
+      if (!state) state = createSignal(current, { name: "row index" });
+      return state[0]();
+    },
+    set: (n) => {
+      current = n;
+      if (state) state[1](n);
+    }
+  };
+}
 function mapArray(list, mapFn, options) {
   let items = [];
   onCleanup(() => {
@@ -811,9 +851,9 @@ function mapArray(list, mapFn, options) {
           let rendered, setIndex, dispose;
           createRoot((d) => {
             dispose = d;
-            const [index, setIdx] = createSignal(i, { name: "row index" });
-            setIndex = setIdx;
-            rendered = mapFn(value, index);
+            const idx = lazyIndex(i);
+            setIndex = idx.set;
+            rendered = mapFn(value, idx.index);
           });
           const entry = { item: value, rendered, dispose, setIndex };
           result.push(entry);
@@ -853,21 +893,19 @@ function keyArray(list, keyFn, mapFn, options) {
         const reuse = prevByKey.get(key);
         if (reuse && !usedKeys.has(key)) {
           reuse.setIndex(i);
+          reuse.setItem(next[i]);
           resultEntries.push(reuse);
         } else {
-          let rendered, setIndex, dispose;
+          let rendered, setIndex, setItem, dispose;
           createRoot((d) => {
             dispose = d;
-            const [index, setIdx] = createSignal(i, { name: "row index" });
-            setIndex = setIdx;
-            const item = createMemo((prev) => {
-              const cur = list() || [];
-              const v = cur[index()];
-              return v !== void 0 && v !== null ? v : prev;
-            }, next[i]);
-            rendered = mapFn(item, index);
+            const idx = lazyIndex(i);
+            setIndex = idx.set;
+            const [item, writeItem] = createSignal(next[i]);
+            setItem = (v) => writeItem(() => v);
+            rendered = mapFn(item, idx.index);
           });
-          resultEntries.push({ rendered, dispose, setIndex });
+          resultEntries.push({ rendered, dispose, setIndex, setItem });
         }
         resultKeys.push(key);
         usedKeys.add(key);
@@ -917,7 +955,7 @@ function indexArray(list, mapFn, options) {
 
 // src/lib/signal/graph/detect.ts
 var __BROWSER_PROD__ = typeof window === "undefined" ? false : window.__FLUIXI_PROD__ === true;
-var __DEV__ = typeof process === "undefined" ? __BROWSER_PROD__ : false;
+var __DEV__ = typeof process === "undefined" ? __BROWSER_PROD__ : process.env.NODE_ENV !== "production";
 var $SIGNAL2 = /* @__PURE__ */ Symbol.for("signal");
 var $MEMO2 = /* @__PURE__ */ Symbol.for("memo");
 var $RESOURCE = /* @__PURE__ */ Symbol.for("resource");