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

package/dist/lib/signal/graph/signal-next.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;
@@ -84,7 +84,7 @@ __export(signal_next_exports, {
 module.exports = __toCommonJS(signal_next_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];
@@ -234,6 +234,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;
@@ -249,8 +250,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) {
@@ -294,7 +310,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);
     }
   }
@@ -308,7 +324,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);
     }
   }
@@ -347,6 +363,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;
@@ -564,14 +584,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) {
@@ -588,6 +608,7 @@ var EffectNode = class {
     this.disposed = true;
     reportReactiveDispose(this.computed);
     this.watcher.unwatch(this.computed);
+    this.computed.dispose();
     disposeOwner(this.owner);
   }
 };
@@ -626,13 +647,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];
 }
@@ -656,8 +679,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) {
@@ -714,6 +740,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(() => {
@@ -743,9 +783,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);
@@ -785,21 +825,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);
@@ -849,7 +887,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");

package/dist/lib/signal/graph/signal-next.mjs

@@ -1,7 +1,7 @@
-/*! @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/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];
@@ -151,6 +151,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;
@@ -166,8 +167,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) {
@@ -211,7 +227,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);
     }
   }
@@ -225,7 +241,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);
     }
   }
@@ -264,6 +280,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;
@@ -481,14 +501,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) {
@@ -505,6 +525,7 @@ var EffectNode = class {
     this.disposed = true;
     reportReactiveDispose(this.computed);
     this.watcher.unwatch(this.computed);
+    this.computed.dispose();
     disposeOwner(this.owner);
   }
 };
@@ -543,13 +564,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];
 }
@@ -573,8 +596,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) {
@@ -631,6 +657,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(() => {
@@ -660,9 +700,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);
@@ -702,21 +742,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);
@@ -766,7 +804,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");

package/dist/lib/signal/graph/state.cjs

@@ -27,7 +27,7 @@ __export(state_exports, {
 module.exports = __toCommonJS(state_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];

package/dist/lib/signal/graph/state.mjs

@@ -1,5 +1,5 @@
 // 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];

package/dist/lib/signal/graph/suspense.cjs

@@ -27,7 +27,7 @@ __export(suspense_exports, {
 module.exports = __toCommonJS(suspense_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];
@@ -280,13 +280,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];
 }

package/dist/lib/signal/graph/suspense.mjs

@@ -1,5 +1,5 @@
 // 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];
@@ -252,13 +252,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];
 }