@fluixi/reactive 1.0.0-alpha.100

package/dist/lib/signal/index.mjs

@@ -0,0 +1,1328 @@
+/*! @fluixi/reactive v1.0.0-alpha.100 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.100";
+
+// src/lib/signal/graph/state.ts
+var MAJOR = VERSION.split(".")[0];
+var KEY = `__fluixi_signal_state_v${MAJOR}__`;
+var VERSIONS_KEY = `__fluixi_signal_builds_v${MAJOR}__`;
+var defaultSchedule = (run) => {
+  if (typeof queueMicrotask === "function") queueMicrotask(run);
+  else void Promise.resolve().then(run);
+};
+function defaults() {
+  return {
+    consumer: null,
+    untracked: false,
+    owner: null,
+    queue: [],
+    scheduled: false,
+    flushing: false,
+    batchDepth: 0,
+    hostSchedule: defaultSchedule,
+    onSuspend: null,
+    onError: null,
+    observer: null
+  };
+}
+var realm = globalThis;
+function backfillState(existing) {
+  const fresh = defaults();
+  const target = existing;
+  for (const field of Object.keys(fresh)) {
+    if (!(field in existing)) target[field] = fresh[field];
+  }
+  return existing;
+}
+function claim() {
+  const existing = realm[KEY];
+  return existing ? backfillState(existing) : realm[KEY] = defaults();
+}
+var G = claim();
+(realm[VERSIONS_KEY] ??= []).push(VERSION);
+function joinedVersions() {
+  return [...new Set(realm[VERSIONS_KEY] ?? [])];
+}
+
+// src/lib/signal/graph/observe.ts
+function observeReactiveNodes(next) {
+  G.observer = next;
+  return () => {
+    if (G.observer === next) G.observer = null;
+  };
+}
+var running = [];
+var origin;
+var currentScope;
+function openReactiveScope(info) {
+  const scope = {};
+  G.observer?.scope?.(scope, info, currentScope);
+  return scope;
+}
+function withReactiveScope(scope, fn) {
+  if (!G.observer) return fn();
+  const previous = currentScope;
+  currentScope = scope;
+  try {
+    return fn();
+  } finally {
+    currentScope = previous;
+  }
+}
+function closeReactiveScope(scope) {
+  G.observer?.scopeEnded?.(scope);
+}
+function adoptReactiveScope(scope, parent) {
+  G.observer?.scopeAdopted?.(scope, parent);
+}
+var SCOPE_OF = /* @__PURE__ */ Symbol.for("fluixi.reactiveScope");
+function markReactiveScope(value, scope) {
+  Object.defineProperty(value, SCOPE_OF, { value: scope, configurable: true, enumerable: false });
+}
+function reactiveScopeOf(value) {
+  return value !== null && (typeof value === "object" || typeof value === "function") ? value[SCOPE_OF] ?? void 0 : void 0;
+}
+function reportReactiveNode(report) {
+  const observer = G.observer;
+  if (observer) {
+    observer.created(
+      report.parents === void 0 ? { ...report, parents: running, origin: report.origin ?? origin, scope: report.scope ?? currentScope } : { ...report, scope: report.scope ?? currentScope }
+    );
+  }
+}
+function enterReactiveRun(node) {
+  if (!G.observer) return false;
+  running.push(node);
+  return true;
+}
+function exitReactiveRun() {
+  running.pop();
+}
+function reportReactiveRun(node) {
+  G.observer?.ran?.(node);
+}
+function reportReactiveWrite(node, by) {
+  G.observer?.wrote?.(node, by);
+}
+function reportReactiveBinding(target, kind, name, accessor) {
+  const observer = G.observer;
+  if (!observer?.bound || !running.length) return;
+  observer.bound(running[running.length - 1], target, kind, name, accessor);
+}
+function reportReactiveProps(props) {
+  const observer = G.observer;
+  if (!observer?.props || !running.length || !props) return;
+  observer.props(running[running.length - 1], props);
+}
+function reportReactiveDirective(target, kind, name, accessor) {
+  const observer = G.observer;
+  if (!observer?.directive || !running.length) return;
+  observer.directive(running[running.length - 1], target, kind, name, accessor);
+}
+function reportReactiveContextCreated(id) {
+  G.observer?.contextCreated?.(id);
+}
+function reportReactiveContext(id, kind, value) {
+  const observer = G.observer;
+  if (!observer?.context || !running.length) return;
+  observer.context(running[running.length - 1], id, kind, value);
+}
+function reportReactiveDispose(node) {
+  G.observer?.disposed?.(node);
+}
+var HOOK = "__FLUIXI_DEVTOOLS_HOOK__";
+var hook = globalThis[HOOK];
+if (typeof hook?.inject === "function") {
+  try {
+    hook.inject({ observeReactiveNodes, version: VERSION });
+  } catch {
+  }
+}
+function isObserved() {
+  return G.observer != null;
+}
+
+// src/lib/signal/graph/core.ts
+var CLEAN = 0;
+var CHECK = 1;
+var DIRTY = 2;
+var Source = class {
+  constructor() {
+    /** Computeds, and watched leaves, that read this node. */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    this.observers = null;
+    /** Watchers eagerly observing this node, which is how `runtime.ts` schedules effects. */
+    this.watchers = null;
+    /** Bumped whenever this node's value actually changes (equality-gated). */
+    this.version = 0;
+  }
+  /** Settle this node so a reader sees a current value/version. Overridden by Computed. */
+  updateIfNecessary() {
+  }
+  /** Link the current consumer (if any) as an observer of this node. */
+  track() {
+    if (G.untracked) return;
+    const consumer = G.consumer;
+    if (!consumer) return;
+    (this.observers ??= /* @__PURE__ */ new Set()).add(consumer);
+    (consumer.sources ??= /* @__PURE__ */ new Set()).add(this);
+  }
+};
+var State = class extends Source {
+  constructor(value, options) {
+    super();
+    this._value = value;
+    this._equals = options?.equals === false ? () => false : options?.equals ?? Object.is;
+  }
+  get() {
+    this.track();
+    return this._value;
+  }
+  set(next) {
+    if (this._equals(this._value, next)) return;
+    this._value = next;
+    this.version++;
+    reportReactiveWrite(this, G.consumer);
+    if (this.observers) for (const o of [...this.observers]) o.markDirty(DIRTY);
+    notifyWatchers(this);
+  }
+  /** Read without subscribing (peek). */
+  peek() {
+    return this._value;
+  }
+};
+var Computed = class extends Source {
+  constructor(fn, options) {
+    super();
+    this._threw = false;
+    this._initialized = false;
+    this.state = DIRTY;
+    /** Nodes this computation read on its last run. Rebuilt on every run. */
+    this.sources = null;
+    this._fn = fn;
+    this._equals = options?.equals === false ? () => false : options?.equals ?? Object.is;
+  }
+  get() {
+    if (G.consumer === this) {
+      throw new Error("Signal.Computed cannot read itself");
+    }
+    this.track();
+    this.updateIfNecessary();
+    if (this._threw) throw this._error;
+    return this._value;
+  }
+  /** Settle, if CHECK, verify sources; if DIRTY (or never run), recompute. */
+  updateIfNecessary() {
+    if (this.state === CHECK) {
+      if (this.sources) {
+        for (const s of this.sources) {
+          s.updateIfNecessary();
+          if (this.state === DIRTY) break;
+        }
+      }
+    }
+    if (this.state === DIRTY || !this._initialized) this.recompute();
+    this.state = CLEAN;
+  }
+  recompute() {
+    if (this.sources) {
+      for (const s of this.sources) s.observers?.delete(this);
+      this.sources.clear();
+    }
+    const prevConsumer = G.consumer;
+    const prevUntracked = G.untracked;
+    const watched = enterReactiveRun(this);
+    G.consumer = this;
+    G.untracked = false;
+    let next;
+    let threw = false;
+    let err;
+    try {
+      next = this._fn();
+    } catch (e) {
+      threw = true;
+      err = e;
+      next = this._value;
+    } finally {
+      G.consumer = prevConsumer;
+      G.untracked = prevUntracked;
+      if (watched) exitReactiveRun();
+    }
+    const changed = !this._initialized || this._threw !== threw || (threw ? err !== this._error : !this._equals(this._value, next));
+    this._initialized = true;
+    this._threw = threw;
+    this._error = err;
+    this._value = next;
+    reportReactiveRun(this);
+    if (changed) {
+      this.version++;
+      if (this.observers) for (const o of [...this.observers]) o.markDirty(DIRTY);
+      notifyWatchers(this);
+    }
+  }
+  /**
+   * Push a maybe-dirty mark. A direct observer of a changed node gets DIRTY; its
+   * own observers get CHECK (recurse), stopping where already marked, so the
+   * push is O(newly-dirtied) and never recomputes.
+   */
+  markDirty(level) {
+    if (this.state >= level) return;
+    const wasClean = this.state === CLEAN;
+    this.state = level;
+    if (wasClean) {
+      if (this.observers) for (const o of [...this.observers]) o.markDirty(CHECK);
+      notifyWatchers(this);
+    }
+  }
+  peek() {
+    this.updateIfNecessary();
+    if (this._threw) throw this._error;
+    return this._value;
+  }
+};
+function notifyWatchers(node) {
+  if (!node.watchers) return;
+  for (const w of [...node.watchers]) w._notify(node);
+}
+var Watcher = class {
+  constructor(notify) {
+    this._watched = /* @__PURE__ */ new Set();
+    this._pending = /* @__PURE__ */ new Set();
+    this._notifyFn = notify;
+  }
+  watch(...nodes) {
+    for (const n of nodes) {
+      this._watched.add(n);
+      (n.watchers ??= /* @__PURE__ */ new Set()).add(this);
+    }
+  }
+  unwatch(...nodes) {
+    for (const n of nodes) {
+      this._watched.delete(n);
+      n.watchers?.delete(this);
+      this._pending.delete(n);
+    }
+  }
+  /** Watched nodes that may have changed since the last getPending(). */
+  getPending() {
+    const out = [...this._pending];
+    this._pending.clear();
+    return out;
+  }
+  /** @internal, a watched node became non-clean. Edge-triggered: notify once. */
+  _notify(node) {
+    if (!this._watched.has(node) || this._pending.has(node)) return;
+    const wasEmpty = this._pending.size === 0;
+    this._pending.add(node);
+    if (wasEmpty) this._notifyFn();
+  }
+};
+function untrack(fn) {
+  if (G.untracked) return fn();
+  G.untracked = true;
+  try {
+    return fn();
+  } finally {
+    G.untracked = false;
+  }
+}
+function currentComputed() {
+  return G.consumer;
+}
+function hasSinks(node) {
+  return !!(node.observers && node.observers.size) || !!(node.watchers && node.watchers.size);
+}
+
+// src/lib/signal/graph/runtime.ts
+function createChildOwner(parent) {
+  const owner = makeOwner(parent);
+  if (parent) (parent.owned ??= []).push(owner);
+  return owner;
+}
+function disposeScope(owner, final = true) {
+  disposeOwner(owner, final);
+}
+function isOwnerDisposed(owner) {
+  return !!owner && owner.disposed === true;
+}
+function makeOwner(parent) {
+  return { cleanups: null, owned: null, parent, contexts: null };
+}
+function createContext(defaultValue, name) {
+  const id = Symbol(name ?? "context");
+  reportReactiveContextCreated(id);
+  const Provider = (props) => {
+    reportReactiveContext(id, "provide", props.value);
+    const parent = G.owner;
+    const owner = makeOwner(parent);
+    (owner.contexts = /* @__PURE__ */ new Map()).set(id, props.value);
+    if (parent) (parent.owned ??= []).push(owner);
+    G.owner = owner;
+    try {
+      return props.children;
+    } finally {
+      G.owner = parent;
+    }
+  };
+  return { id, defaultValue, Provider };
+}
+function useContext(context2) {
+  let o = G.owner;
+  while (o) {
+    if (o.contexts && o.contexts.has(context2.id)) {
+      const found = o.contexts.get(context2.id);
+      reportReactiveContext(context2.id, "read", found);
+      return found;
+    }
+    o = o.parent;
+  }
+  reportReactiveContext(context2.id, "read", context2.defaultValue);
+  return context2.defaultValue;
+}
+function readContextFrom(owner, context2) {
+  let o = owner;
+  while (o) {
+    if (o.contexts && o.contexts.has(context2.id)) return o.contexts.get(context2.id);
+    o = o.parent;
+  }
+  return context2.defaultValue;
+}
+function provide(context2, value, fn) {
+  const owner = makeOwner(G.owner);
+  (owner.contexts = /* @__PURE__ */ new Map()).set(context2.id, value);
+  if (G.owner) (G.owner.owned ??= []).push(owner);
+  const prev = G.owner;
+  G.owner = owner;
+  try {
+    return fn();
+  } finally {
+    G.owner = prev;
+  }
+}
+function setSuspendHandler(fn) {
+  G.onSuspend = fn;
+}
+function reportSuspend(promise) {
+  if (G.onSuspend) {
+    G.onSuspend(promise, G.owner);
+    return true;
+  }
+  return false;
+}
+function setErrorHandler(fn) {
+  G.onError = fn;
+}
+function getOwner() {
+  return G.owner;
+}
+function setOwner(owner) {
+  const prev = G.owner;
+  G.owner = owner;
+  return prev;
+}
+function runWithOwner(owner, fn) {
+  const prev = G.owner;
+  G.owner = owner;
+  try {
+    return fn();
+  } finally {
+    G.owner = prev;
+  }
+}
+function onCleanup(fn) {
+  if (!G.owner) return;
+  if (G.owner.disposed) {
+    fn();
+    return;
+  }
+  (G.owner.cleanups ??= []).push(fn);
+}
+function disposeOwner(owner, final = true) {
+  if (owner.disposed) return;
+  if (owner.owned) {
+    for (let i = owner.owned.length - 1; i >= 0; i--) disposeOwner(owner.owned[i]);
+    owner.owned = null;
+  }
+  if (owner.cleanups) {
+    for (let i = owner.cleanups.length - 1; i >= 0; i--) owner.cleanups[i]();
+    owner.cleanups = null;
+  }
+  if (final) owner.disposed = true;
+}
+function createRoot(fn) {
+  const owner = makeOwner(G.owner);
+  if (G.owner) (G.owner.owned ??= []).push(owner);
+  const prev = G.owner;
+  G.owner = owner;
+  try {
+    return untrack(() => fn(() => disposeOwner(owner)));
+  } finally {
+    G.owner = prev;
+  }
+}
+function setScheduler(fn) {
+  G.hostSchedule = fn ?? ((run) => void Promise.resolve().then(run));
+}
+function enqueue(e) {
+  if (e.queued) return;
+  e.queued = true;
+  G.queue.push(e);
+  if (!G.scheduled && G.batchDepth === 0) {
+    G.scheduled = true;
+    G.hostSchedule(flushSync);
+  }
+}
+function flushSync() {
+  G.scheduled = false;
+  if (G.flushing) return;
+  G.flushing = true;
+  let guard = 0;
+  let failed = false;
+  let first;
+  try {
+    while (G.queue.length) {
+      if (++guard > 1e5) throw new Error("[fluixi] effect flush did not settle (cycle?)");
+      const batchOf = G.queue;
+      G.queue = [];
+      for (const e of batchOf) {
+        e.queued = false;
+        if (e.disposed) continue;
+        try {
+          e.run();
+        } catch (error) {
+          if (!failed) {
+            failed = true;
+            first = error;
+          }
+        }
+      }
+    }
+  } finally {
+    G.flushing = false;
+  }
+  if (failed) throw first;
+}
+function afterWrite() {
+  if (G.batchDepth === 0) flushSync();
+}
+function batch(fn) {
+  G.batchDepth++;
+  try {
+    return fn();
+  } finally {
+    if (--G.batchDepth === 0) flushSync();
+  }
+}
+var EffectNode = class {
+  constructor(fn, report = false, name) {
+    this.queued = false;
+    this.disposed = false;
+    this.owner = makeOwner(G.owner);
+    if (G.owner) (G.owner.cleanups ??= []).push(() => this.dispose());
+    this.computed = new Computed(() => {
+      disposeOwner(this.owner, false);
+      runWithOwner(this.owner, () => {
+        const r = fn();
+        if (typeof r === "function") (this.owner.cleanups ??= []).push(r);
+      });
+    });
+    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();
+    try {
+      this.computed.get();
+    } catch (e) {
+      if (e && typeof e.then === "function" && G.onSuspend) {
+        G.onSuspend(e, this.owner);
+        return;
+      }
+      if (G.onError && G.onError(e, this.owner)) return;
+      throw e;
+    }
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    reportReactiveDispose(this.computed);
+    this.watcher.unwatch(this.computed);
+    disposeOwner(this.owner);
+  }
+};
+function effect(fn, report = false, name) {
+  const node = new EffectNode(fn, report, name);
+  return () => node.dispose();
+}
+
+// src/lib/signal/graph/compat.ts
+function isThenable(v) {
+  return !!v && typeof v.then === "function";
+}
+setScheduler(() => {
+});
+var $SIGNAL = /* @__PURE__ */ Symbol.for("signal");
+var $MEMO = /* @__PURE__ */ Symbol.for("memo");
+var $NODE = /* @__PURE__ */ Symbol.for("signal-node");
+function createSignal(value, options) {
+  const state = new State(value, { equals: options?.equals });
+  const read = (() => state.get());
+  const write = ((next) => {
+    const v = typeof next === "function" ? next(state.peek()) : next;
+    state.set(v);
+    afterWrite();
+    return v;
+  });
+  Object.defineProperty(read, $SIGNAL, { value: true, enumerable: true });
+  Object.defineProperty(read, $NODE, {
+    value: {
+      get value() {
+        return state.peek();
+      },
+      get version() {
+        return state.version;
+      }
+    },
+    enumerable: false
+  });
+  reportReactiveNode({
+    kind: "signal",
+    node: state,
+    handle: read,
+    name: options?.name,
+    set: write
+  });
+  if (isObserved()) onCleanup(() => reportReactiveDispose(state));
+  return [read, write];
+}
+function createMemo(fn, value, options) {
+  let prev = value;
+  const owner = getOwner();
+  const c = new Computed(
+    () => runWithOwner(owner, () => {
+      try {
+        return prev = fn(prev);
+      } catch (e) {
+        if (isThenable(e)) {
+          reportSuspend(e);
+          return prev;
+        }
+        throw e;
+      }
+    }),
+    { equals: options?.equals }
+  );
+  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));
+  return read;
+}
+function createEffect(fn, value, options) {
+  let prev = value;
+  return effect(() => {
+    const r = fn(prev);
+    prev = r;
+  }, true, options?.name);
+}
+function createComputed(fn, value) {
+  let prev = value;
+  effect(() => {
+    prev = fn(prev);
+  });
+}
+function createRenderEffect(fn, value) {
+  let prev = value;
+  return effect(() => {
+    prev = fn(prev);
+  });
+}
+function batch2(fn) {
+  return batch(fn);
+}
+function untrack2(fn) {
+  return untrack(fn);
+}
+function startTransition(fn) {
+  batch(fn);
+  return Promise.resolve();
+}
+function useTransition() {
+  return [() => false, startTransition];
+}
+function flush() {
+  flushSync();
+  return Promise.resolve();
+}
+function on(deps, fn, options) {
+  const isArray = Array.isArray(deps);
+  let prevValue;
+  let defer = options?.defer ?? false;
+  return (prevResult) => {
+    const value = isArray ? deps.map((d) => d()) : deps();
+    if (defer) {
+      defer = false;
+      prevValue = value;
+      return void 0;
+    }
+    const result = untrack(() => fn(value, prevValue, prevResult));
+    prevValue = value;
+    return result;
+  };
+}
+
+// src/lib/signal/list.ts
+function mapArray(list, mapFn, options) {
+  let items = [];
+  onCleanup(() => {
+    for (const e of items) e.dispose();
+    items = [];
+  });
+  return createMemo(() => {
+    const next = list() || [];
+    return untrack2(() => {
+      if (next.length === 0) {
+        for (const e of items) e.dispose();
+        items = [];
+        return options?.fallback ? options.fallback() : [];
+      }
+      const prevByItem = /* @__PURE__ */ new Map();
+      for (const e of items) if (!prevByItem.has(e.item)) prevByItem.set(e.item, e);
+      const result = [];
+      const used = /* @__PURE__ */ new Set();
+      for (let i = 0; i < next.length; i++) {
+        const value = next[i];
+        const reuse = prevByItem.get(value);
+        if (reuse && !used.has(reuse)) {
+          reuse.setIndex(i);
+          result.push(reuse);
+          used.add(reuse);
+        } else {
+          let rendered, setIndex, dispose;
+          createRoot((d) => {
+            dispose = d;
+            const [index, setIdx] = createSignal(i, { name: "row index" });
+            setIndex = setIdx;
+            rendered = mapFn(value, index);
+          });
+          const entry = { item: value, rendered, dispose, setIndex };
+          result.push(entry);
+          used.add(entry);
+        }
+      }
+      for (const e of items) if (!used.has(e)) e.dispose();
+      items = result;
+      return result.map((e) => e.rendered);
+    });
+  }, void 0, { name: "mapArray" });
+}
+function keyArray(list, keyFn, mapFn, options) {
+  let keys = [];
+  let entries = [];
+  onCleanup(() => {
+    for (const e of entries) e.dispose();
+    keys = [];
+    entries = [];
+  });
+  return createMemo(() => {
+    const next = list() || [];
+    return untrack2(() => {
+      if (next.length === 0) {
+        for (const e of entries) e.dispose();
+        keys = [];
+        entries = [];
+        return options?.fallback ? options.fallback() : [];
+      }
+      const prevByKey = /* @__PURE__ */ new Map();
+      for (let i = 0; i < keys.length; i++) prevByKey.set(keys[i], entries[i]);
+      const resultEntries = [];
+      const resultKeys = [];
+      const usedKeys = /* @__PURE__ */ new Set();
+      for (let i = 0; i < next.length; i++) {
+        const key = keyFn(next[i]);
+        const reuse = prevByKey.get(key);
+        if (reuse && !usedKeys.has(key)) {
+          reuse.setIndex(i);
+          resultEntries.push(reuse);
+        } else {
+          let rendered, setIndex, 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);
+          });
+          resultEntries.push({ rendered, dispose, setIndex });
+        }
+        resultKeys.push(key);
+        usedKeys.add(key);
+      }
+      for (const [key, e] of prevByKey) if (!usedKeys.has(key)) e.dispose();
+      keys = resultKeys;
+      entries = resultEntries;
+      return resultEntries.map((e) => e.rendered);
+    });
+  }, void 0, { name: "keyArray" });
+}
+function indexArray(list, mapFn, options) {
+  let slots = [];
+  onCleanup(() => {
+    for (const s of slots) s.dispose();
+    slots = [];
+  });
+  return createMemo(() => {
+    const next = list() || [];
+    return untrack2(() => {
+      if (next.length === 0) {
+        for (const s of slots) s.dispose();
+        slots = [];
+        return options?.fallback ? options.fallback() : [];
+      }
+      const prevLen = slots.length;
+      const nextLen = next.length;
+      for (let i = prevLen; i < nextLen; i++) {
+        let rendered, setItem, dispose;
+        const value = next[i];
+        createRoot((d) => {
+          dispose = d;
+          const [item, setVal] = createSignal(value);
+          setItem = setVal;
+          rendered = mapFn(item, i);
+        });
+        slots.push({ rendered, setItem, dispose });
+      }
+      for (let i = nextLen; i < prevLen; i++) slots[i].dispose();
+      if (nextLen < prevLen) slots = slots.slice(0, nextLen);
+      const survive = Math.min(prevLen, nextLen);
+      for (let i = 0; i < survive; i++) slots[i].setItem(next[i]);
+      return slots.map((s) => s.rendered);
+    });
+  }, void 0, { name: "indexArray" });
+}
+
+// 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 $SIGNAL2 = /* @__PURE__ */ Symbol.for("signal");
+var $MEMO2 = /* @__PURE__ */ Symbol.for("memo");
+var $RESOURCE = /* @__PURE__ */ Symbol.for("resource");
+function isSignal(value) {
+  return typeof value === "function" && value[$SIGNAL2] === true;
+}
+function isMemo(value) {
+  return typeof value === "function" && value[$MEMO2] === true;
+}
+function isResource(value) {
+  return typeof value === "function" && value[$RESOURCE] === true;
+}
+function isComponent(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-component")] === true;
+}
+function isSuspense(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-suspense")] === true;
+}
+function isProvider(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-provider")] === true;
+}
+function makeArrayFlat(values) {
+  if (!Array.isArray(values)) return values;
+  if (values.length === 2 && values[1] === " ") {
+    if (Array.isArray(values[0])) return makeArrayFlat(values[0]);
+    if (typeof values[0] === "function") return values[0];
+    return values[0];
+  }
+  if (values.length === 1 && typeof values[0] === "function") return values[0];
+  return values;
+}
+
+// src/lib/signal/graph/ssr-hooks.ts
+var _resourceTracker = null;
+function setResourceTracker(fn) {
+  _resourceTracker = fn;
+}
+function trackResourcePromise(p) {
+  if (_resourceTracker) _resourceTracker(p);
+}
+var _serverDataGetter = null;
+function setServerDataGetter(fn) {
+  _serverDataGetter = fn;
+}
+function getServerData(id) {
+  return _serverDataGetter ? _serverDataGetter(id) : void 0;
+}
+var _resourceIdSource = null;
+function setResourceIdSource(fn) {
+  _resourceIdSource = fn;
+}
+function nextResourceId() {
+  return _resourceIdSource ? _resourceIdSource() : void 0;
+}
+var _resourceDataSink = null;
+function setResourceDataSink(fn) {
+  _resourceDataSink = fn;
+}
+function reportResourceData(id, value) {
+  if (_resourceDataSink) _resourceDataSink(id, value);
+}
+function createResourceCache() {
+  const entries = /* @__PURE__ */ new Map();
+  const inflight = /* @__PURE__ */ new Map();
+  return {
+    get: (key) => entries.get(key),
+    set: (key, entry) => void entries.set(key, entry),
+    delete: (key) => void entries.delete(key),
+    keys: () => entries.keys(),
+    clear: () => {
+      entries.clear();
+      inflight.clear();
+    },
+    inflight
+  };
+}
+var _cacheScope = null;
+function setResourceCacheScope(fn) {
+  _cacheScope = fn;
+}
+var _pageCache;
+function currentResourceCache() {
+  const scoped = _cacheScope?.();
+  if (scoped) return scoped;
+  if (typeof window === "undefined") return createResourceCache();
+  return _pageCache ??= createResourceCache();
+}
+
+// src/lib/signal/graph/derived.ts
+function createSelector(source, fn = (k, v) => k === v) {
+  const map = /* @__PURE__ */ new Map();
+  createEffect(() => {
+    const value = source();
+    for (const [key, signal2] of map) {
+      const [get, set] = signal2;
+      const match = fn(key, value);
+      if (get() !== match) set(match);
+    }
+  });
+  return (key) => {
+    let signal2 = map.get(key);
+    if (!signal2) {
+      const [get, set] = createSignal(false);
+      signal2 = [get, set];
+      map.set(key, signal2);
+      const value = source();
+      set(fn(key, value));
+    }
+    return signal2[0]();
+  };
+}
+function createDeferred(source, options) {
+  const [delayed, setDelayed] = createSignal(source(), options);
+  createEffect(() => {
+    const v = source();
+    if (options?.timeoutMs) setTimeout(() => setDelayed(() => v), options.timeoutMs);
+    else if (typeof requestIdleCallback === "function")
+      requestIdleCallback(() => setDelayed(() => v));
+    else Promise.resolve().then(() => setDelayed(() => v));
+  });
+  return delayed;
+}
+function createDebounce(fn, delay) {
+  let timer;
+  const debounced = (...args) => {
+    if (timer !== void 0) clearTimeout(timer);
+    timer = setTimeout(() => {
+      timer = void 0;
+      fn(...args);
+    }, delay);
+  };
+  onCleanup(() => {
+    if (timer !== void 0) clearTimeout(timer);
+  });
+  return debounced;
+}
+
+// src/lib/signal/graph/resource.ts
+function isPromise(v) {
+  return !!v && typeof v.then === "function";
+}
+var UNSET = /* @__PURE__ */ Symbol();
+function createResource(source, fetcherFn, options = {}) {
+  let s;
+  let fetcher;
+  if (typeof fetcherFn === "function") {
+    s = typeof source === "function" ? source : () => source;
+    fetcher = fetcherFn;
+  } else {
+    s = () => true;
+    fetcher = source;
+    if (fetcherFn && typeof fetcherFn === "object") options = fetcherFn;
+  }
+  const ssrId = options.transport === false ? void 0 : nextResourceId();
+  const seed = ssrId !== void 0 ? getServerData(ssrId) : void 0;
+  let skipFirstFetch = seed !== void 0;
+  const [value, setValue] = createSignal(
+    seed !== void 0 ? seed.value : options.initialValue,
+    { equals: false }
+  );
+  const [error, setError] = createSignal(void 0, { equals: false });
+  const [state, setState] = createSignal(
+    seed !== void 0 || options.initialValue !== void 0 ? "ready" : "unresolved",
+    { equals: false }
+  );
+  const [promise, setPromise] = createSignal(void 0, { equals: false });
+  const [track, trigger] = createSignal(void 0, { equals: false });
+  let prevKey = UNSET;
+  let manualRefetch = false;
+  createEffect(() => {
+    const val = s();
+    track();
+    if (val === false || val === null || val === void 0) {
+      prevKey = UNSET;
+      batch2(() => {
+        setState("unresolved");
+        setPromise(void 0);
+        setError(void 0);
+      });
+      return;
+    }
+    const isManual = manualRefetch;
+    manualRefetch = false;
+    if (prevKey !== UNSET && val === prevKey && !isManual) return;
+    prevKey = val;
+    if (skipFirstFetch) {
+      skipFirstFetch = false;
+      return;
+    }
+    let cancelled = false;
+    onCleanup(() => cancelled = true);
+    const currentState = untrack2(state);
+    const currentValue = untrack2(value);
+    const isRefreshing = currentState === "ready" || currentState === "refreshing";
+    batch2(() => {
+      setState(isRefreshing ? "refreshing" : "pending");
+      setError(void 0);
+    });
+    try {
+      const res = fetcher(val, { value: currentValue, refetching: isRefreshing });
+      if (isPromise(res)) {
+        setPromise(res);
+        trackResourcePromise(res);
+        res.then(
+          (v) => {
+            if (cancelled) return;
+            if (ssrId !== void 0) reportResourceData(ssrId, v);
+            batch2(() => {
+              setValue(() => v);
+              setState("ready");
+              setPromise(void 0);
+            });
+          },
+          (e) => {
+            if (cancelled) return;
+            batch2(() => {
+              setError(e);
+              setState("errored");
+              setPromise(void 0);
+            });
+          }
+        );
+      } else {
+        batch2(() => {
+          setValue(() => res);
+          setState("ready");
+          setPromise(void 0);
+        });
+      }
+    } catch (e) {
+      if (cancelled) return;
+      batch2(() => {
+        setError(e);
+        setState("errored");
+        setPromise(void 0);
+      });
+    }
+  });
+  const loading = () => {
+    const st = state();
+    return st === "pending" || st === "refreshing";
+  };
+  const resource2 = (() => {
+    const e = error();
+    if (e) throw e;
+    if (loading()) {
+      const p = promise();
+      if (p) throw p;
+    }
+    return value();
+  });
+  Object.defineProperties(resource2, {
+    state: { get: state },
+    loading: { get: loading },
+    error: { get: error },
+    latest: { get: value }
+  });
+  Object.defineProperty(resource2, /* @__PURE__ */ Symbol.for("resource"), { value: true, enumerable: true });
+  Object.defineProperty(resource2, /* @__PURE__ */ Symbol.for("signal"), { value: true, enumerable: true });
+  return [
+    resource2,
+    {
+      mutate: setValue,
+      refetch: () => {
+        manualRefetch = true;
+        trigger(void 0);
+      }
+    }
+  ];
+}
+
+// src/lib/signal/graph/debounced.ts
+function createDebouncedSignal(initial, delay = 300) {
+  const [immediate, setImmediate] = createSignal(initial);
+  const [settled, setSettled] = createSignal(initial);
+  const [pending, setPending] = createSignal(false);
+  let timer;
+  const clear = () => {
+    if (timer === void 0) return;
+    clearTimeout(timer);
+    timer = void 0;
+  };
+  const settle = () => {
+    clear();
+    const value = untrack2(immediate);
+    setSettled(() => value);
+    setPending(false);
+    return value;
+  };
+  const set = ((value) => {
+    const next = typeof value === "function" ? value(untrack2(immediate)) : value;
+    setImmediate(() => next);
+    setPending(true);
+    clear();
+    timer = setTimeout(settle, delay);
+    return next;
+  });
+  onCleanup(clear);
+  return [settled, set, { immediate, pending, flush: settle, cancel: () => {
+    clear();
+    setPending(false);
+  } }];
+}
+function meaningful(query) {
+  return query !== void 0 && query !== null && query !== "";
+}
+function createDebouncedResource(initial, fetcher, options = {}) {
+  const { delay = 300, initialValue, shouldFetch = meaningful } = options;
+  const [query, setQuery, controls] = createDebouncedSignal(initial, delay);
+  const source = () => shouldFetch(query()) ? query() : false;
+  const [resource2, { refetch }] = createResource(
+    source,
+    fetcher,
+    initialValue === void 0 ? {} : { initialValue }
+  );
+  return [resource2, { ...controls, query, setQuery, refetch }];
+}
+
+// src/lib/signal/graph/children.ts
+function resolveChildrenValue(children) {
+  if (typeof children === "function" && !children.length) {
+    const result = children();
+    if (isSignal(result)) return result;
+    return resolveChildrenValue(result);
+  }
+  if (Array.isArray(children)) {
+    const results = [];
+    for (let i = 0; i < children.length; i++) {
+      const result = resolveChildrenValue(children[i]);
+      Array.isArray(result) ? results.push.apply(results, result) : results.push(result);
+    }
+    return results;
+  }
+  return children;
+}
+function readChildren(fn) {
+  const children = createMemo(fn);
+  return __DEV__ ? createMemo(() => resolveChildrenValue(children()), void 0, { name: "children" }) : createMemo(() => resolveChildrenValue(children()));
+}
+
+// src/lib/signal/graph/suspense.ts
+var SuspenseContext = createContext();
+setSuspendHandler((promise, owner) => {
+  const boundary = readContextFrom(owner, SuspenseContext);
+  if (!boundary) return;
+  boundary.increment();
+  promise.finally(() => boundary.decrement());
+});
+function createSuspenseBoundary() {
+  const [pending, setPending] = createSignal(0);
+  let count = 0;
+  return {
+    increment: () => setPending(count += 1),
+    decrement: () => setPending(count -= 1),
+    inFallback: () => pending() > 0
+  };
+}
+function provideSuspense(boundary, fn) {
+  return provide(SuspenseContext, boundary, fn);
+}
+
+// src/lib/signal/graph/error-boundary.ts
+var ErrorContext = createContext();
+setErrorHandler((error, owner) => {
+  const boundary = readContextFrom(owner, ErrorContext);
+  if (!boundary) return false;
+  boundary.setError(error);
+  return true;
+});
+function createErrorBoundary() {
+  const [error, setError] = createSignal(void 0, { equals: false });
+  const boundary = {
+    error,
+    reset: () => setError(() => void 0),
+    setError: (e) => setError(() => e)
+  };
+  return boundary;
+}
+function provideErrorBoundary(boundary, fn) {
+  return provide(ErrorContext, boundary, fn);
+}
+
+// src/lib/signal/graph/index.ts
+var Signal = {
+  State,
+  Computed,
+  subtle: {
+    Watcher,
+    untrack,
+    currentComputed,
+    hasSinks
+  }
+};
+
+// src/lib/signal/graph/signal-next.ts
+var $SIGNAL3 = /* @__PURE__ */ Symbol.for("signal");
+var $PROXY = /* @__PURE__ */ Symbol.for("fluixi-proxy");
+
+// src/lib/signal/api.ts
+function signal(value, options) {
+  const [read, write] = createSignal(value, options);
+  return Object.assign(read, { set: write });
+}
+function memo(fn, value, options) {
+  return createMemo(fn, value, options);
+}
+function effect2(fn, value, options) {
+  return createEffect(fn, value, options);
+}
+function root(fn) {
+  return createRoot(fn);
+}
+function renderEffect(fn, value) {
+  return createRenderEffect(fn, value);
+}
+function computed(fn, value) {
+  createComputed(fn, value);
+}
+function context(defaultValue, name) {
+  return createContext(defaultValue, name);
+}
+function childOwner(parent) {
+  return createChildOwner(parent);
+}
+
+// src/lib/signal/resource-api.ts
+function resource(...args) {
+  const [read, actions] = createResource(...args);
+  return Object.assign(read, actions);
+}
+export {
+  $PROXY,
+  $SIGNAL3 as $SIGNAL,
+  Signal,
+  SuspenseContext,
+  __DEV__,
+  adoptReactiveScope,
+  batch2 as batch,
+  childOwner,
+  closeReactiveScope,
+  computed,
+  context,
+  createChildOwner,
+  createComputed,
+  createContext,
+  createDebounce,
+  createDebouncedResource,
+  createDebouncedSignal,
+  createDeferred,
+  createEffect,
+  createErrorBoundary,
+  createMemo,
+  createRenderEffect,
+  createResource,
+  createResourceCache,
+  createRoot,
+  createSelector,
+  createSignal,
+  createSuspenseBoundary,
+  currentResourceCache,
+  disposeScope,
+  effect2 as effect,
+  flush,
+  getOwner,
+  getServerData,
+  indexArray,
+  isComponent,
+  isMemo,
+  isOwnerDisposed,
+  isProvider,
+  isResource,
+  isSignal,
+  isSuspense,
+  joinedVersions,
+  keyArray,
+  makeArrayFlat,
+  mapArray,
+  markReactiveScope,
+  memo,
+  nextResourceId,
+  observeReactiveNodes,
+  on,
+  onCleanup,
+  openReactiveScope,
+  provide,
+  provideErrorBoundary,
+  provideSuspense,
+  reactiveScopeOf,
+  readChildren,
+  renderEffect,
+  reportReactiveBinding,
+  reportReactiveContext,
+  reportReactiveContextCreated,
+  reportReactiveDirective,
+  reportReactiveProps,
+  reportResourceData,
+  resource,
+  root,
+  runWithOwner,
+  setOwner,
+  setResourceCacheScope,
+  setResourceDataSink,
+  setResourceIdSource,
+  setResourceTracker,
+  setServerDataGetter,
+  signal,
+  startTransition,
+  trackResourcePromise,
+  untrack2 as untrack,
+  useContext,
+  useTransition,
+  withReactiveScope
+};