@vobs/runtime 1.0.0 → 1.2.0

package/dist/dynamic.cjs

@@ -0,0 +1,801 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// packages/reactivity/src/debug.ts
+var activeDebugHooks = null;
+var signalNames = /* @__PURE__ */ new WeakMap();
+function hasDebugHooks() {
+  return activeDebugHooks !== null;
+}
+__name(hasDebugHooks, "hasDebugHooks");
+function setSignalDebugName(signal, name) {
+  signalNames.set(signal, name);
+  invokeDebug("signalNamed", signal, name);
+}
+__name(setSignalDebugName, "setSignalDebugName");
+function invokeDebug(name, ...args) {
+  return;
+}
+__name(invokeDebug, "invokeDebug");
+
+// packages/reactivity/src/owner.ts
+var currentOwner = null;
+var nextOwnerId = 1;
+var ownerNames = /* @__PURE__ */ new WeakMap();
+function createOwner() {
+  const parent = currentOwner;
+  let disposed = parent?.disposed ?? false;
+  const children = [];
+  const cleanups = [];
+  const errorHandlers = /* @__PURE__ */ new Set();
+  const owner = {
+    id: `owner-${nextOwnerId++}`,
+    parent,
+    children,
+    depth: (parent?.depth ?? -1) + 1,
+    get disposed() {
+      return disposed;
+    },
+    run(fn) {
+      if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
+      const previous = currentOwner;
+      currentOwner = owner;
+      try {
+        return fn();
+      } finally {
+        currentOwner = previous;
+      }
+    },
+    addCleanup(cleanup) {
+      if (disposed) {
+        cleanup();
+        return;
+      }
+      cleanups.push(cleanup);
+    },
+    onDispose(cleanup) {
+      owner.addCleanup(cleanup);
+    },
+    onError(handler) {
+      errorHandlers.add(handler);
+      const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
+      owner.addCleanup(remove);
+      return remove;
+    },
+    handleError(error) {
+      for (const handler of [...errorHandlers].reverse()) {
+        try {
+          handler(error);
+          return true;
+        } catch (handlerError) {
+          return parent?.handleError(handlerError) ?? false;
+        }
+      }
+      return parent?.handleError(error) ?? false;
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      for (const child of [...children]) child.dispose();
+      children.length = 0;
+      let firstError;
+      for (let index = cleanups.length - 1; index >= 0; index--) {
+        try {
+          cleanups[index]();
+        } catch (error) {
+          firstError ?? (firstError = error);
+        }
+      }
+      cleanups.length = 0;
+      if (parent) {
+        const index = parent.children.indexOf(owner);
+        if (index >= 0) parent.children.splice(index, 1);
+      }
+      if (firstError) throw firstError;
+    }
+  };
+  if (parent && !parent.disposed) parent.children.push(owner);
+  return owner;
+}
+__name(createOwner, "createOwner");
+function setOwnerDebugName(owner, name) {
+  ownerNames.set(owner, name);
+}
+__name(setOwnerDebugName, "setOwnerDebugName");
+function getCurrentOwner() {
+  return currentOwner;
+}
+__name(getCurrentOwner, "getCurrentOwner");
+
+// packages/reactivity/src/signal.ts
+var currentSubscriber = null;
+function getCurrentSubscriber() {
+  return currentSubscriber;
+}
+__name(getCurrentSubscriber, "getCurrentSubscriber");
+function setCurrentSubscriber(subscriber) {
+  currentSubscriber = subscriber;
+}
+__name(setCurrentSubscriber, "setCurrentSubscriber");
+function trackDependency(dependency) {
+  if (!currentSubscriber || currentSubscriber.disposed) return;
+  !currentSubscriber.dependencies.has(dependency);
+  currentSubscriber.dependencies.add(dependency);
+}
+__name(trackDependency, "trackDependency");
+function state(initialValue, debugName) {
+  let value = initialValue;
+  let disposed = false;
+  const subscribers = /* @__PURE__ */ new Set();
+  const signalInstance = {
+    get value() {
+      const subscriber = getCurrentSubscriber();
+      if (subscriber && !subscriber.disposed) {
+        subscribers.add(subscriber);
+        trackDependency(signalInstance);
+      }
+      return value;
+    },
+    set value(nextValue) {
+      if (disposed || Object.is(value, nextValue)) return;
+      value = nextValue;
+      for (const subscriber of [...subscribers]) subscriber.notify();
+    },
+    unsubscribe(subscriber) {
+      subscribers.delete(subscriber);
+    },
+    // 与 `.value =` 赋值同一条路径：判等短路、debug hook、notify 全部一致。
+    // 以闭包实现，可安全地作为回调直接传递（无 this 绑定问题）。
+    set(next) {
+      signalInstance.value = next;
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      subscribers.clear();
+    }
+  };
+  const owner = getCurrentOwner();
+  owner?.addCleanup(signalInstance.dispose);
+  if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
+  return signalInstance;
+}
+__name(state, "state");
+
+// packages/reactivity/src/scheduler.ts
+var _Scheduler = class _Scheduler {
+  constructor() {
+    this.dirtyEffects = /* @__PURE__ */ new Set();
+    this.lowPriorityEffects = /* @__PURE__ */ new Set();
+    // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。
+    this.normalBuffer = [];
+    this.lowBuffer = [];
+    this.flushing = false;
+    this.scheduled = false;
+    this.batchDepth = 0;
+  }
+  schedule(effect2) {
+    if (effect2.disposed) return;
+    this.dirtyEffects.add(effect2);
+    this.lowPriorityEffects.delete(effect2);
+    this.ensureScheduled();
+  }
+  /** Queue an effect behind normal updates while preserving deterministic order. */
+  scheduleLow(effect2) {
+    if (effect2.disposed) return;
+    if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
+    this.ensureScheduled();
+  }
+  ensureScheduled() {
+    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
+      this.scheduled = true;
+      queueMicrotask(() => {
+        this.scheduled = false;
+        this.flush();
+      });
+    }
+  }
+  remove(effect2) {
+    this.dirtyEffects.delete(effect2);
+    this.lowPriorityEffects.delete(effect2);
+  }
+  batch(fn) {
+    this.batchDepth++;
+    try {
+      return fn();
+    } finally {
+      this.batchDepth--;
+      if (this.batchDepth === 0) this.flush();
+    }
+  }
+  flush() {
+    if (this.flushing || this.batchDepth > 0) return;
+    this.flushing = true;
+    let rounds = 0;
+    let firstError;
+    let hasError = false;
+    try {
+      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
+        if (++rounds > 100) {
+          this.dirtyEffects.clear();
+          this.lowPriorityEffects.clear();
+          throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
+        }
+        this.collectRunnable(this.dirtyEffects, this.normalBuffer);
+        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
+        sortEffects(this.normalBuffer);
+        sortEffects(this.lowBuffer);
+        for (const effect2 of this.normalBuffer) {
+          try {
+            effect2.run();
+          } catch (error) {
+            if (!hasError) {
+              firstError = error;
+              hasError = true;
+            }
+          }
+        }
+        for (const effect2 of this.lowBuffer) {
+          try {
+            effect2.run();
+          } catch (error) {
+            if (!hasError) {
+              firstError = error;
+              hasError = true;
+            }
+          }
+        }
+        this.normalBuffer.length = 0;
+        this.lowBuffer.length = 0;
+      }
+    } finally {
+      this.normalBuffer.length = 0;
+      this.lowBuffer.length = 0;
+      this.flushing = false;
+    }
+    if (hasError) throw firstError;
+  }
+  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */
+  collectRunnable(source, target) {
+    for (const effect2 of source) {
+      if (!effect2.disposed) target.push(effect2);
+    }
+    source.clear();
+  }
+};
+__name(_Scheduler, "Scheduler");
+var Scheduler = _Scheduler;
+function sortEffects(effects) {
+  if (effects.length > 1) {
+    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
+  }
+}
+__name(sortEffects, "sortEffects");
+var scheduler = new Scheduler();
+
+// packages/reactivity/src/effect.ts
+var nextEffectOrder = 1;
+function cleanupDependencies(subscriber) {
+  for (const dependency of subscriber.dependencies) {
+    dependency.unsubscribe(subscriber);
+  }
+  subscriber.dependencies.clear();
+}
+__name(cleanupDependencies, "cleanupDependencies");
+function effect(callback) {
+  const owner = getCurrentOwner();
+  let cleanup;
+  let dirty = true;
+  let disposed = false;
+  const eff = {
+    order: nextEffectOrder++,
+    depth: owner?.depth ?? 0,
+    dependencies: /* @__PURE__ */ new Set(),
+    get disposed() {
+      return disposed;
+    },
+    notify() {
+      if (disposed || dirty) return;
+      dirty = true;
+      scheduler.schedule(eff);
+    },
+    run() {
+      if (disposed || !dirty) return;
+      dirty = false;
+      const previousCleanup = cleanup;
+      cleanup = void 0;
+      let cleanupError;
+      if (previousCleanup) {
+        try {
+          previousCleanup();
+        } catch (error) {
+          const handled2 = owner?.handleError(error) ?? false;
+          if (!handled2) cleanupError = error;
+        }
+      }
+      cleanupDependencies(eff);
+      const previous = getCurrentSubscriber();
+      setCurrentSubscriber(eff);
+      let thrown;
+      let handled = false;
+      try {
+        const result = owner ? owner.run(callback) : callback();
+        cleanup = typeof result === "function" ? result : void 0;
+      } catch (error) {
+        thrown = error;
+        handled = owner?.handleError(error) ?? false;
+        if (!handled) throw error;
+      } finally {
+        setCurrentSubscriber(previous);
+      }
+      if (cleanupError && !thrown) throw cleanupError;
+    },
+    scheduleLow() {
+      if (disposed || dirty) return;
+      dirty = true;
+      scheduler.scheduleLow(eff);
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      dirty = false;
+      scheduler.remove(eff);
+      const previousCleanup = cleanup;
+      cleanup = void 0;
+      let cleanupError;
+      if (previousCleanup) {
+        try {
+          previousCleanup();
+        } catch (error) {
+          const handled = owner?.handleError(error) ?? false;
+          if (!handled) cleanupError = error;
+        }
+      }
+      cleanupDependencies(eff);
+      if (cleanupError) throw cleanupError;
+    }
+  };
+  owner?.addCleanup(eff.dispose);
+  eff.run();
+  return eff;
+}
+__name(effect, "effect");
+
+// packages/runtime/src/fragment.ts
+function createFragment(factory) {
+  const start = createComment("vobs:fragment:start");
+  const end = createComment("vobs:fragment:end");
+  let parent = null;
+  let initialized = false;
+  const owner = getCurrentOwner();
+  const fragment = {
+    kind: "vobs-fragment",
+    start,
+    end,
+    mount(nextParent, anchor) {
+      if (parent && parent !== nextParent) {
+        throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
+      }
+      if (initialized) {
+        moveRange(nextParent, start, end, anchor);
+        return;
+      }
+      const renderer = getRenderer();
+      renderer.insertBefore(nextParent, start, anchor);
+      renderer.insertBefore(nextParent, end, anchor);
+      parent = nextParent;
+      initialized = true;
+      if (owner) owner.run(() => factory(nextParent, end));
+      else factory(nextParent, end);
+    },
+    unmount(nextParent) {
+      if (!initialized || parent !== nextParent) {
+        throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
+      }
+      const renderer = getRenderer();
+      let current = renderer.nextSibling(start);
+      while (current && current !== end) {
+        const next = renderer.nextSibling(current);
+        renderer.removeChild(nextParent, current);
+        current = next;
+      }
+      renderer.removeChild(nextParent, start);
+      renderer.removeChild(nextParent, end);
+      parent = null;
+      initialized = false;
+    }
+  };
+  return fragment;
+}
+__name(createFragment, "createFragment");
+function isVobsFragment(value) {
+  return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
+}
+__name(isVobsFragment, "isVobsFragment");
+function moveRange(parent, start, end, anchor) {
+  const renderer = getRenderer();
+  const nodes = [start];
+  let current = renderer.nextSibling(start);
+  while (current) {
+    nodes.push(current);
+    if (current === end) break;
+    current = renderer.nextSibling(current);
+  }
+  if (nodes[nodes.length - 1] !== end) {
+    throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
+  }
+  for (const node of nodes) renderer.insertBefore(parent, node, anchor);
+}
+__name(moveRange, "moveRange");
+
+// packages/runtime/src/debug.ts
+var activeRuntimeDebugHooks = null;
+function getRuntimeDebugHooks() {
+  return activeRuntimeDebugHooks;
+}
+__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
+function invokeRuntimeDebug(name, ...args) {
+  return;
+}
+__name(invokeRuntimeDebug, "invokeRuntimeDebug");
+function describeDebugNode(node) {
+  if (!node || typeof node !== "object") return "node";
+  const value = node;
+  const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
+  const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
+  const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
+  return `${name}${id}${className}`;
+}
+__name(describeDebugNode, "describeDebugNode");
+
+// packages/runtime/src/hmr.ts
+var globalTarget = globalThis;
+var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
+globalTarget.__VOBS_HMR__ = hmrGlobal;
+function markHmrInstanceMounted(node, parent) {
+  const instance = hmrInstances.get(node);
+  if (instance) instance.parent = parent;
+}
+__name(markHmrInstanceMounted, "markHmrInstanceMounted");
+var hmrInstances = /* @__PURE__ */ new WeakMap();
+var nodeOwners = /* @__PURE__ */ new WeakMap();
+function getRenderer() {
+  {
+    throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
+  }
+}
+__name(getRenderer, "getRenderer");
+function createText(content) {
+  return getRenderer().createText(content);
+}
+__name(createText, "createText");
+function createComment(content) {
+  return getRenderer().createComment(content);
+}
+__name(createComment, "createComment");
+function insertBefore(parent, child, anchor) {
+  if (isVobsFragment(child)) {
+    child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
+    return;
+  }
+  getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
+  markHmrInstanceMounted(child, parent);
+}
+__name(insertBefore, "insertBefore");
+function removeChild(parent, child) {
+  disposeNodeOwner(child);
+  if (isVobsFragment(child)) {
+    child.unmount(parent);
+    return;
+  }
+  getRenderer().removeChild(parent, child);
+}
+__name(removeChild, "removeChild");
+function createBlock(factory) {
+  const owner = createOwner();
+  setOwnerDebugName(owner, "dynamic");
+  let node;
+  try {
+    node = owner.run(factory);
+  } catch (error) {
+    owner.dispose();
+    throw error;
+  }
+  if (!node) {
+    owner.dispose();
+    return null;
+  }
+  associateNodeOwner(node, owner);
+  return node;
+}
+__name(createBlock, "createBlock");
+function associateNodeOwner(node, owner) {
+  nodeOwners.set(node, owner);
+}
+__name(associateNodeOwner, "associateNodeOwner");
+function disposeNodeOwner(node) {
+  const owner = nodeOwners.get(node);
+  if (!owner) return;
+  nodeOwners.delete(node);
+  owner.dispose();
+}
+__name(disposeNodeOwner, "disposeNodeOwner");
+
+// packages/runtime/src/dynamic.ts
+function insertDynamic(parent, anchor, factory) {
+  const marker = createComment("vobs:dynamic");
+  insertBefore(parent, marker, anchor);
+  let current = null;
+  effect(() => {
+    const next = createBlock(factory);
+    if (next === current) return;
+    if (current) removeChild(parent, current);
+    current = next;
+    if (current) insertBefore(parent, current, marker);
+  });
+}
+__name(insertDynamic, "insertDynamic");
+function insertDynamicValue(parent, anchor, factory) {
+  const marker = createComment("vobs:value");
+  insertBefore(parent, marker, anchor);
+  let current = null;
+  let scope = null;
+  effect(() => {
+    const nextScope = createOwner();
+    const next = nextScope.run(() => normalizeDynamicChild(factory()));
+    if (next === current) {
+      nextScope.dispose();
+      return;
+    }
+    if (current) removeChild(parent, current);
+    scope?.dispose();
+    scope = nextScope;
+    current = next;
+    if (current) insertBefore(parent, current, marker);
+  });
+}
+__name(insertDynamicValue, "insertDynamicValue");
+function normalizeDynamicChild(value) {
+  if (value === null || value === void 0 || typeof value === "boolean") return null;
+  if (typeof value === "string" || typeof value === "number") return createText(String(value));
+  if (isVobsFragment(value) || isHostNode(value)) return value;
+  if (Array.isArray(value)) {
+    const children = value;
+    if (children.length === 0) return null;
+    return createFragment((parent, anchor) => {
+      for (const child of children) {
+        const node = normalizeDynamicChild(child);
+        if (node) insertBefore(parent, node, anchor);
+      }
+    });
+  }
+  return null;
+}
+__name(normalizeDynamicChild, "normalizeDynamicChild");
+function isHostNode(value) {
+  return Boolean(value && typeof value === "object" && ("nodeType" in value || (value.type === "element" || value.type === "text" || value.type === "comment")));
+}
+__name(isHostNode, "isHostNode");
+function insertList(parent, anchor, source, renderItem, keyOf) {
+  const marker = createComment("vobs:list");
+  insertBefore(parent, marker, anchor);
+  let entries = [];
+  const tracksIndex = renderItem.length >= 2;
+  effect(() => {
+    const items = source();
+    let keys = null;
+    if (keyOf) {
+      keys = new Array(items.length);
+      let allKeyed = items.length > 0;
+      for (let index = 0; index < items.length; index++) {
+        const key = keyOf(items[index], index);
+        if (key == null) {
+          allKeyed = false;
+          break;
+        }
+        keys[index] = key;
+      }
+      if (!allKeyed) keys = null;
+    }
+    const nextEntries = keys ? reconcileKeyed(items, keys, entries, renderItem) : reconcileIndexed(items, entries, renderItem);
+    const refreshed = tracksIndex ? /* @__PURE__ */ new Set() : null;
+    for (let index = 0; index < nextEntries.length; index++) {
+      const entry = nextEntries[index];
+      if (tracksIndex) {
+        if (entry.index !== index) {
+          refreshListEntry(parent, entry, index, renderItem);
+          refreshed.add(entry);
+        }
+      } else {
+        entry.index = index;
+      }
+    }
+    const retained = new Set(nextEntries);
+    for (const entry of entries) {
+      if (!retained.has(entry)) disposeEntry(parent, entry);
+    }
+    reorderListEntries(parent, marker, entries, nextEntries, refreshed);
+    entries = nextEntries;
+  });
+}
+__name(insertList, "insertList");
+function reorderListEntries(parent, marker, previous, nextEntries, forceInsert) {
+  const count = nextEntries.length;
+  if (count === 0) return;
+  if (previous.length === 0) {
+    let reference2 = marker;
+    for (let index = count - 1; index >= 0; index--) {
+      const node = nextEntries[index].node;
+      insertBefore(parent, node, reference2);
+      reference2 = node;
+    }
+    return;
+  }
+  const oldIndexOf = /* @__PURE__ */ new Map();
+  for (let index = 0; index < previous.length; index++) oldIndexOf.set(previous[index], index);
+  const seq = new Array(count);
+  for (let index = 0; index < count; index++) {
+    const entry = nextEntries[index];
+    seq[index] = forceInsert?.has(entry) ? -1 : oldIndexOf.get(entry) ?? -1;
+  }
+  const keep = computeKeptByLis(seq);
+  let reference = marker;
+  for (let index = count - 1; index >= 0; index--) {
+    const node = nextEntries[index].node;
+    if (keep[index]) {
+      reference = node;
+      continue;
+    }
+    insertBefore(parent, node, reference);
+    reference = node;
+  }
+}
+__name(reorderListEntries, "reorderListEntries");
+function computeKeptByLis(seq) {
+  const count = seq.length;
+  const keep = new Array(count).fill(false);
+  const tailsIndex = [];
+  const tailsValue = [];
+  const prev = new Array(count).fill(-1);
+  for (let i = 0; i < count; i++) {
+    const value = seq[i];
+    if (value < 0) continue;
+    let lo = 0;
+    let hi = tailsValue.length;
+    while (lo < hi) {
+      const mid = lo + hi >> 1;
+      if (tailsValue[mid] < value) lo = mid + 1;
+      else hi = mid;
+    }
+    if (lo === tailsValue.length) {
+      tailsValue.push(value);
+      tailsIndex.push(i);
+    } else {
+      tailsValue[lo] = value;
+      tailsIndex[lo] = i;
+    }
+    prev[i] = lo > 0 ? tailsIndex[lo - 1] : -1;
+  }
+  let cursor = tailsIndex.length > 0 ? tailsIndex[tailsIndex.length - 1] : -1;
+  while (cursor >= 0) {
+    keep[cursor] = true;
+    cursor = prev[cursor];
+  }
+  return keep;
+}
+__name(computeKeptByLis, "computeKeptByLis");
+function reconcileKeyed(items, keys, entries, renderItem) {
+  const previous = new Map(entries.map((entry) => [entry.key, entry]));
+  const seen = /* @__PURE__ */ new Set();
+  const nextEntries = [];
+  for (let index = 0; index < items.length; index++) {
+    const item = items[index];
+    const key = keys[index];
+    if (seen.has(key)) {
+      console.warn(`Vobs: \u68C0\u6D4B\u5230\u91CD\u590D\u7684\u5217\u8868 key: ${String(key)}`);
+    }
+    seen.add(key);
+    const entry = previous.get(key);
+    if (entry) {
+      previous.delete(key);
+      if (isPrimitiveItem(item) && !Object.is(entry.value, item)) {
+        nextEntries.push(createListEntry(item, index, key, renderItem));
+        continue;
+      }
+      entry.item.value = item;
+      entry.value = item;
+      nextEntries.push(entry);
+      continue;
+    }
+    nextEntries.push(createListEntry(item, index, key, renderItem));
+  }
+  return nextEntries;
+}
+__name(reconcileKeyed, "reconcileKeyed");
+function reconcileIndexed(items, entries, renderItem) {
+  const nextEntries = [];
+  for (let index = 0; index < items.length; index++) {
+    const item = items[index];
+    const entry = entries[index];
+    if (entry && isPrimitiveItem(item) && !Object.is(entry.value, item)) {
+      nextEntries.push(createListEntry(item, index, index, renderItem));
+      continue;
+    }
+    if (entry) {
+      entry.item.value = item;
+      entry.value = item;
+      nextEntries.push(entry);
+      continue;
+    }
+    nextEntries.push(createListEntry(item, index, index, renderItem));
+  }
+  return nextEntries;
+}
+__name(reconcileIndexed, "reconcileIndexed");
+function isPrimitiveItem(item) {
+  return item === null || typeof item !== "object";
+}
+__name(isPrimitiveItem, "isPrimitiveItem");
+function createListEntry(item, index, key, renderItem) {
+  const owner = createOwner();
+  let itemSignal;
+  let viewOwner;
+  let node;
+  owner.run(() => {
+    itemSignal = state(item);
+    viewOwner = createOwner();
+    node = viewOwner.run(() => renderItem(toReactiveItem(itemSignal, item), index));
+  });
+  associateNodeOwner(node, viewOwner);
+  return { key, node, owner, viewOwner, item: itemSignal, value: item, index };
+}
+__name(createListEntry, "createListEntry");
+function refreshListEntry(parent, entry, index, renderItem) {
+  removeChild(parent, entry.node);
+  entry.index = index;
+  const previousView = entry.viewOwner;
+  entry.owner.run(() => {
+    entry.viewOwner = createOwner();
+    entry.node = entry.viewOwner.run(() => renderItem(
+      toReactiveItem(entry.item, entry.value),
+      index
+    ));
+  });
+  previousView.dispose();
+  associateNodeOwner(entry.node, entry.viewOwner);
+}
+__name(refreshListEntry, "refreshListEntry");
+function toReactiveItem(item, initialValue) {
+  if (typeof initialValue !== "object" || initialValue === null) {
+    return initialValue;
+  }
+  return new Proxy(initialValue, {
+    get(_target, property, receiver) {
+      return Reflect.get(item.value, property, receiver);
+    },
+    has(_target, property) {
+      return property in item.value;
+    },
+    ownKeys() {
+      return Reflect.ownKeys(item.value);
+    },
+    getOwnPropertyDescriptor(_target, property) {
+      return Object.getOwnPropertyDescriptor(item.value, property);
+    }
+  });
+}
+__name(toReactiveItem, "toReactiveItem");
+function disposeEntry(parent, entry) {
+  removeChild(parent, entry.node);
+  entry.owner.dispose();
+}
+__name(disposeEntry, "disposeEntry");
+
+exports.insertDynamic = insertDynamic;
+exports.insertDynamicValue = insertDynamicValue;
+exports.insertList = insertList;
+exports.normalizeDynamicChild = normalizeDynamicChild;
+//# sourceMappingURL=dynamic.cjs.map
+//# sourceMappingURL=dynamic.cjs.map