@vobs/runtime 1.2.1 → 1.3.0

package/dist/ref.js

@@ -1,134 +1,8 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// packages/reactivity/src/debug.ts
-var activeDebugHooks = null;
-function hasDebugHooks() {
-  return activeDebugHooks !== null;
-}
-__name(hasDebugHooks, "hasDebugHooks");
-function invokeDebug(name, ...args) {
-  return;
-}
-__name(invokeDebug, "invokeDebug");
-
-// packages/reactivity/src/owner.ts
-var currentOwner = null;
-function getCurrentOwner() {
-  return currentOwner;
-}
-__name(getCurrentOwner, "getCurrentOwner");
-
-// 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");
-function sortEffects(effects) {
-  if (effects.length > 1) {
-    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
-  }
-}
-__name(sortEffects, "sortEffects");
-
 // packages/runtime/src/ref.ts
+import { getCurrentOwner } from "@vobs/reactivity";
 function ref(initialValue = null) {
   return { current: initialValue };
 }
@@ -136,7 +10,12 @@ __name(ref, "ref");
 function setRef(node, target) {
   if (!isRefTarget(target)) return;
   if (isSSRNode(node)) return;
+  const owner = getCurrentOwner();
   assignRef(target, node);
+  owner?.onDispose(() => {
+    if (isObjectRef(target) && target.current !== node) return;
+    assignRef(target, null);
+  });
 }
 __name(setRef, "setRef");
 function isSSRNode(value) {
@@ -160,7 +39,8 @@ function assignRef(target, value) {
   }
 }
 __name(assignRef, "assignRef");
-
-export { ref, setRef };
-//# sourceMappingURL=ref.js.map
+export {
+  ref,
+  setRef
+};
 //# sourceMappingURL=ref.js.map

package/dist/ref.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../reactivity/src/debug.ts","../../reactivity/src/owner.ts","../../reactivity/src/scheduler.ts","../src/ref.ts"],"names":["effect"],"mappings":"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","file":"ref.js","sourcesContent":["import type { Effect } from './effect'\nimport type { Owner } from './owner'\nimport type { Dependency, ReadableSignal, Subscriber } from './signal'\n\nexport interface ReactivityDebugHooks {\n  ownerCreated?(owner: Owner): void\n  ownerNamed?(owner: Owner, name: string): void\n  ownerDisposed?(owner: Owner): void\n  signalCreated?(signal: ReadableSignal<unknown>, owner: Owner | null): void\n  signalNamed?(signal: ReadableSignal<unknown>, name: string): void\n  signalRead?(signal: ReadableSignal<unknown>, subscriber: Subscriber): void\n  signalChanged?(signal: ReadableSignal<unknown>, previousValue: unknown, nextValue: unknown): void\n  signalDisposed?(signal: ReadableSignal<unknown>): void\n  dependencyTracked?(dependency: Dependency, subscriber: Subscriber): void\n  dependencyUntracked?(dependency: Dependency, subscriber: Subscriber): void\n  effectCreated?(effect: Effect, owner: Owner | null): void\n  effectInvalidated?(effect: Effect): void\n  effectRunStart?(effect: Effect): void\n  effectRunEnd?(effect: Effect, error?: unknown, handled?: boolean): void\n  effectDisposed?(effect: Effect): void\n  memoCreated?(signal: ReadableSignal<unknown>, subscriber: Subscriber, owner: Owner | null): void\n  memoInvalidated?(signal: ReadableSignal<unknown>): void\n  flushStart?(): void\n  flushEnd?(): void\n}\n\nlet activeDebugHooks: ReactivityDebugHooks | null = null\nconst signalNames = new WeakMap<object, string>()\n\nexport function setDebugHooks(hooks: ReactivityDebugHooks | null): ReactivityDebugHooks | null {\n  const previous = activeDebugHooks\n  activeDebugHooks = hooks\n  return previous\n}\n\nexport function getDebugHooks(): ReactivityDebugHooks | null {\n  return activeDebugHooks\n}\n\n/** 热路径守卫：无 hooks 时跳过 invokeDebug 调用，避免 rest 参数数组分配。 */\nexport function hasDebugHooks(): boolean {\n  return activeDebugHooks !== null\n}\n\nexport function setSignalDebugName(signal: ReadableSignal<unknown>, name: string): void {\n  signalNames.set(signal, name)\n  invokeDebug('signalNamed', signal, name)\n}\n\nexport function getSignalDebugName(signal: ReadableSignal<unknown>): string | undefined {\n  return signalNames.get(signal)\n}\n\nexport function invokeDebug<K extends keyof ReactivityDebugHooks>(\n  name: K,\n  ...args: Parameters<NonNullable<ReactivityDebugHooks[K]>>\n): void {\n  const callback = activeDebugHooks?.[name] as ((...values: unknown[]) => void) | undefined\n  if (!callback) return\n  try {\n    callback(...args)\n  } catch {\n    // Debug tooling must never change application behavior.\n  }\n}\n","import { invokeDebug, hasDebugHooks } from './debug'\n\nexport interface Owner {\n  readonly id: string\n  readonly parent: Owner | null\n  readonly children: readonly Owner[]\n  readonly depth: number\n  readonly disposed: boolean\n  run<T>(fn: () => T): T\n  addCleanup(cleanup: () => void): void\n  onDispose(cleanup: () => void): void\n  onError(handler: (error: unknown) => void): () => void\n  handleError(error: unknown): boolean\n  dispose(): void\n}\n\nlet currentOwner: Owner | null = null\nlet nextOwnerId = 1\nconst ownerNames = new WeakMap<Owner, string>()\n\nexport function createOwner(): Owner {\n  const parent = currentOwner\n  let disposed = parent?.disposed ?? false\n  const children: Owner[] = []\n  const cleanups: Array<() => void> = []\n  const errorHandlers = new Set<(error: unknown) => void>()\n\n  const owner: Owner = {\n    id: `owner-${nextOwnerId++}`,\n    parent,\n    children,\n    depth: (parent?.depth ?? -1) + 1,\n\n    get disposed(): boolean {\n      return disposed\n    },\n\n    run<T>(fn: () => T): T {\n      if (disposed) throw new Error('Vobs: 已销毁的 Owner 不能继续运行')\n      const previous = currentOwner\n      currentOwner = owner\n      try {\n        return fn()\n      } finally {\n        currentOwner = previous\n      }\n    },\n\n    addCleanup(cleanup: () => void): void {\n      if (disposed) {\n        cleanup()\n        return\n      }\n      cleanups.push(cleanup)\n    },\n\n    onDispose(cleanup: () => void): void {\n      owner.addCleanup(cleanup)\n    },\n\n    onError(handler: (error: unknown) => void): () => void {\n      errorHandlers.add(handler)\n      const remove = () => errorHandlers.delete(handler)\n      owner.addCleanup(remove)\n      return remove\n    },\n\n    handleError(error: unknown): boolean {\n      for (const handler of [...errorHandlers].reverse()) {\n        try {\n          handler(error)\n          return true\n        } catch (handlerError) {\n          return parent?.handleError(handlerError) ?? false\n        }\n      }\n      return parent?.handleError(error) ?? false\n    },\n\n    dispose(): void {\n      if (disposed) return\n      disposed = true\n      for (const child of [...children]) child.dispose()\n      children.length = 0\n\n      let firstError: unknown\n      for (let index = cleanups.length - 1; index >= 0; index--) {\n        try {\n          cleanups[index]()\n        } catch (error) {\n          firstError ??= error\n        }\n      }\n      cleanups.length = 0\n\n      if (parent) {\n        const index = parent.children.indexOf(owner)\n        if (index >= 0) (parent.children as Owner[]).splice(index, 1)\n      }\n      if (hasDebugHooks()) invokeDebug('ownerDisposed', owner)\n      if (firstError) throw firstError\n    }\n  }\n\n  if (parent && !parent.disposed) (parent.children as Owner[]).push(owner)\n  if (hasDebugHooks()) invokeDebug('ownerCreated', owner)\n  return owner\n}\n\nexport function setOwnerDebugName(owner: Owner, name: string): void {\n  ownerNames.set(owner, name)\n  if (hasDebugHooks()) invokeDebug('ownerNamed', owner, name)\n}\n\nexport function getOwnerDebugName(owner: Owner): string | undefined {\n  return ownerNames.get(owner)\n}\n\nexport function getCurrentOwner(): Owner | null {\n  return currentOwner\n}\n\n/** Re-enter an Owner for an explicitly captured asynchronous continuation. */\nexport function runWithOwner<T>(owner: Owner, fn: () => T): T {\n  return owner.run(fn)\n}\n\nexport function onDispose(cleanup: () => void): void {\n  const owner = getCurrentOwner()\n  if (!owner) throw new Error('Vobs: onDispose 必须在 Owner 作用域内调用')\n  owner.onDispose(cleanup)\n}\n","import type { Effect } from './effect'\nimport { hasDebugHooks, invokeDebug } from './debug'\n\nexport class Scheduler {\n  private readonly dirtyEffects = new Set<Effect>()\n  private readonly lowPriorityEffects = new Set<Effect>()\n  // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。\n  private readonly normalBuffer: Effect[] = []\n  private readonly lowBuffer: Effect[] = []\n  private flushing = false\n  private scheduled = false\n  private batchDepth = 0\n\n  schedule(effect: Effect): void {\n    if (effect.disposed) return\n    this.dirtyEffects.add(effect)\n    this.lowPriorityEffects.delete(effect)\n    this.ensureScheduled()\n  }\n\n  /** Queue an effect behind normal updates while preserving deterministic order. */\n  scheduleLow(effect: Effect): void {\n    if (effect.disposed) return\n    if (!this.dirtyEffects.has(effect)) this.lowPriorityEffects.add(effect)\n    this.ensureScheduled()\n  }\n\n  private ensureScheduled(): void {\n    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {\n      this.scheduled = true\n      queueMicrotask(() => {\n        this.scheduled = false\n        this.flush()\n      })\n    }\n  }\n\n  remove(effect: Effect): void {\n    this.dirtyEffects.delete(effect)\n    this.lowPriorityEffects.delete(effect)\n  }\n\n  batch<T>(fn: () => T): T {\n    this.batchDepth++\n    try {\n      return fn()\n    } finally {\n      this.batchDepth--\n      if (this.batchDepth === 0) this.flush()\n    }\n  }\n\n  flush(): void {\n    if (this.flushing || this.batchDepth > 0) return\n    this.flushing = true\n    const debugEnabled = hasDebugHooks()\n    if (debugEnabled) invokeDebug('flushStart')\n    let rounds = 0\n    let firstError: unknown\n    let hasError = false\n    try {\n      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {\n        if (++rounds > 100) {\n          this.dirtyEffects.clear()\n          this.lowPriorityEffects.clear()\n          throw new Error('Vobs: 响应式更新超过 100 轮，可能存在循环依赖')\n        }\n\n        // normal 先、low 后，两组分别排序：与旧的合并排序语义一致\n        // （旧比较器里 low 优先级本就高于 depth），但消除了比较器内的 Set 查找。\n        this.collectRunnable(this.dirtyEffects, this.normalBuffer)\n        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer)\n        sortEffects(this.normalBuffer)\n        sortEffects(this.lowBuffer)\n        for (const effect of this.normalBuffer) {\n          try {\n            effect.run()\n          } catch (error) {\n            // Isolate one failed effect from the rest of the flush. Re-throw\n            // the first error after all runnable effects have had a chance.\n            if (!hasError) {\n              firstError = error\n              hasError = true\n            }\n          }\n        }\n        for (const effect of this.lowBuffer) {\n          try {\n            effect.run()\n          } catch (error) {\n            if (!hasError) {\n              firstError = error\n              hasError = true\n            }\n          }\n        }\n        this.normalBuffer.length = 0\n        this.lowBuffer.length = 0\n      }\n    } finally {\n      this.normalBuffer.length = 0\n      this.lowBuffer.length = 0\n      this.flushing = false\n      if (debugEnabled) invokeDebug('flushEnd')\n    }\n    if (hasError) throw firstError\n  }\n\n  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */\n  private collectRunnable(source: Set<Effect>, target: Effect[]): void {\n    for (const effect of source) {\n      if (!effect.disposed) target.push(effect)\n    }\n    source.clear()\n  }\n}\n\n/** depth 深的先跑（子 effect 先于父），同深度按创建顺序。 */\nfunction sortEffects(effects: Effect[]): void {\n  if (effects.length > 1) {\n    effects.sort((a, b) => b.depth - a.depth || a.order - b.order)\n  }\n}\n\nexport const scheduler = new Scheduler()\n\nexport function batch<T>(fn: () => T): T {\n  return scheduler.batch(fn)\n}\n\n/** Schedule a low-priority effect explicitly. */\nexport function scheduleLow(effect: Effect): void {\n  effect.scheduleLow()\n}\n","import { getCurrentOwner } from '@vobs/reactivity'\n\n/** A mutable reference populated when a host node is mounted. */\nexport interface Ref<T extends object = Node> {\n  current: T | null\n}\n\nexport type RefTarget<T extends object = Node> = Ref<T> | ((value: T | null) => void)\n\nexport function ref<T extends object = Node>(initialValue: T | null = null): Ref<T> {\n  return { current: initialValue }\n}\n\n/** Bind a host node to an object or callback ref and clear it with its Owner. */\nexport function setRef<T extends object>(node: T, target: unknown): void {\n  if (!isRefTarget<T>(target)) return\n  // SSR's serializable nodes are never exposed as live refs. Custom renderers\n  // may use arbitrary host objects, so only exclude the known SSR shape.\n  if (isSSRNode(node)) return\n  const owner = getCurrentOwner()\n  assignRef(target, node)\n  owner?.onDispose(() => {\n    // Do not clear a ref that has since been reassigned to another node.\n    if (isObjectRef(target) && target.current !== node) return\n    assignRef(target, null)\n  })\n}\n\nfunction isSSRNode(value: object): boolean {\n  const type = (value as { type?: unknown }).type\n  return (type === 'element' || type === 'text' || type === 'comment')\n    && !('nodeType' in value)\n}\n\nfunction isObjectRef<T extends object>(value: unknown): value is Ref<T> {\n  return Boolean(value && typeof value === 'object' && 'current' in value)\n}\n\nfunction isRefTarget<T extends object>(value: unknown): value is RefTarget<T> {\n  return isObjectRef<T>(value) || typeof value === 'function'\n}\n\nfunction assignRef<T extends object>(target: RefTarget<T>, value: T | null): void {\n  try {\n    if (typeof target === 'function') target(value)\n    else target.current = value\n  } catch {\n    // Ref callbacks are user code; never make mounting fail because of them.\n  }\n}\n"]}
+{"version":3,"sources":["../src/ref.ts"],"sourcesContent":["import { getCurrentOwner } from '@vobs/reactivity'\n\n/** A mutable reference populated when a host node is mounted. */\nexport interface Ref<T extends object = Node> {\n  current: T | null\n}\n\nexport type RefTarget<T extends object = Node> = Ref<T> | ((value: T | null) => void)\n\nexport function ref<T extends object = Node>(initialValue: T | null = null): Ref<T> {\n  return { current: initialValue }\n}\n\n/** Bind a host node to an object or callback ref and clear it with its Owner. */\nexport function setRef<T extends object>(node: T, target: unknown): void {\n  if (!isRefTarget<T>(target)) return\n  // SSR's serializable nodes are never exposed as live refs. Custom renderers\n  // may use arbitrary host objects, so only exclude the known SSR shape.\n  if (isSSRNode(node)) return\n  const owner = getCurrentOwner()\n  assignRef(target, node)\n  owner?.onDispose(() => {\n    // Do not clear a ref that has since been reassigned to another node.\n    if (isObjectRef(target) && target.current !== node) return\n    assignRef(target, null)\n  })\n}\n\nfunction isSSRNode(value: object): boolean {\n  const type = (value as { type?: unknown }).type\n  return (type === 'element' || type === 'text' || type === 'comment')\n    && !('nodeType' in value)\n}\n\nfunction isObjectRef<T extends object>(value: unknown): value is Ref<T> {\n  return Boolean(value && typeof value === 'object' && 'current' in value)\n}\n\nfunction isRefTarget<T extends object>(value: unknown): value is RefTarget<T> {\n  return isObjectRef<T>(value) || typeof value === 'function'\n}\n\nfunction assignRef<T extends object>(target: RefTarget<T>, value: T | null): void {\n  try {\n    if (typeof target === 'function') target(value)\n    else target.current = value\n  } catch {\n    // Ref callbacks are user code; never make mounting fail because of them.\n  }\n}\n"],"mappings":";;;;AAAA,SAAS,uBAAuB;AASzB,SAAS,IAA6B,eAAyB,MAAc;AAClF,SAAO,EAAE,SAAS,aAAa;AACjC;AAFgB;AAKT,SAAS,OAAyB,MAAS,QAAuB;AACvE,MAAI,CAAC,YAAe,MAAM,EAAG;AAG7B,MAAI,UAAU,IAAI,EAAG;AACrB,QAAM,QAAQ,gBAAgB;AAC9B,YAAU,QAAQ,IAAI;AACtB,SAAO,UAAU,MAAM;AAErB,QAAI,YAAY,MAAM,KAAK,OAAO,YAAY,KAAM;AACpD,cAAU,QAAQ,IAAI;AAAA,EACxB,CAAC;AACH;AAZgB;AAchB,SAAS,UAAU,OAAwB;AACzC,QAAM,OAAQ,MAA6B;AAC3C,UAAQ,SAAS,aAAa,SAAS,UAAU,SAAS,cACrD,EAAE,cAAc;AACvB;AAJS;AAMT,SAAS,YAA8B,OAAiC;AACtE,SAAO,QAAQ,SAAS,OAAO,UAAU,YAAY,aAAa,KAAK;AACzE;AAFS;AAIT,SAAS,YAA8B,OAAuC;AAC5E,SAAO,YAAe,KAAK,KAAK,OAAO,UAAU;AACnD;AAFS;AAIT,SAAS,UAA4B,QAAsB,OAAuB;AAChF,MAAI;AACF,QAAI,OAAO,WAAW,WAAY,QAAO,KAAK;AAAA,QACzC,QAAO,UAAU;AAAA,EACxB,QAAQ;AAAA,EAER;AACF;AAPS;","names":[]}

package/dist/renderer.cjs

@@ -1,4 +1,20 @@
-'use strict';
+var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-//# sourceMappingURL=renderer.cjs.map
+// packages/runtime/src/renderer.ts
+var renderer_exports = {};
+module.exports = __toCommonJS(renderer_exports);
 //# sourceMappingURL=renderer.cjs.map

package/dist/renderer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"renderer.cjs"}
+{"version":3,"sources":["../src/renderer.ts"],"sourcesContent":["export interface VobsRenderer<\n  NodeType = Node,\n  TextNode extends NodeType = NodeType,\n  ElementNode extends NodeType = NodeType,\n  CommentNode extends NodeType = NodeType\n> {\n  createText(content: string): TextNode\n  createElement(tag: string): ElementNode\n  createComment(content: string): CommentNode\n  insertBefore(parent: NodeType, child: NodeType, anchor: NodeType | null): void\n  removeChild(parent: NodeType, child: NodeType): void\n  setTextContent(node: TextNode, content: string): void\n  setProperty(node: ElementNode, key: string, value: unknown): void\n  setAttribute(node: ElementNode, key: string, value: string): void\n  addEventListener(node: ElementNode, event: string, handler: EventListener): void\n  removeEventListener(node: ElementNode, event: string, handler: EventListener): void\n  nextSibling(node: NodeType): NodeType | null\n  clear(container: NodeType): void\n  beginHydration?(): void\n  completeHydration?(): void\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/renderer.js

@@ -1,3 +1 @@
-
-//# sourceMappingURL=renderer.js.map
 //# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"renderer.js"}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/template.cjs

@@ -1,9 +1,31 @@
-'use strict';
-
+var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
+"use strict";
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/runtime/src/template.ts
+var template_exports = {};
+__export(template_exports, {
+  cloneTemplate: () => cloneTemplate,
+  createTemplate: () => createTemplate
+});
+module.exports = __toCommonJS(template_exports);
 var templateCache = /* @__PURE__ */ new Map();
 function createTemplate(html) {
   let template = templateCache.get(html);
@@ -21,8 +43,9 @@ function cloneTemplate(template) {
   return root.cloneNode(true);
 }
 __name(cloneTemplate, "cloneTemplate");
-
-exports.cloneTemplate = cloneTemplate;
-exports.createTemplate = createTemplate;
-//# sourceMappingURL=template.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cloneTemplate,
+  createTemplate
+});
 //# sourceMappingURL=template.cjs.map

package/dist/template.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/template.ts"],"names":[],"mappings":";;;;;;AAKA,IAAM,aAAA,uBAAoB,GAAA,EAAiC;AAGpD,SAAS,eAAe,IAAA,EAAmC;AAChE,EAAA,IAAI,QAAA,GAAW,aAAA,CAAc,GAAA,CAAI,IAAI,CAAA;AACrC,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,QAAA,GAAW,QAAA,CAAS,cAAc,UAAU,CAAA;AAC5C,IAAA,QAAA,CAAS,SAAA,GAAY,IAAA;AACrB,IAAA,aAAA,CAAc,GAAA,CAAI,MAAM,QAAQ,CAAA;AAAA,EAClC;AACA,EAAA,OAAO,QAAA;AACT;AARgB,MAAA,CAAA,cAAA,EAAA,gBAAA,CAAA;AAWT,SAAS,cAAc,QAAA,EAAqC;AACjE,EAAA,MAAM,IAAA,GAAO,SAAS,OAAA,CAAQ,iBAAA;AAC9B,EAAA,IAAI,CAAC,IAAA,EAAM,MAAM,IAAI,MAAM,8GAAyB,CAAA;AACpD,EAAA,OAAO,IAAA,CAAK,UAAU,IAAI,CAAA;AAC5B;AAJgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA","file":"template.cjs","sourcesContent":["// 编译器静态模板提升的运行时支撑：\n// 编译期把完全静态的 JSX 子树序列化为 HTML 字符串，模块加载时解析一次，\n// 运行时通过 cloneNode 复制，替代逐个 createElement + setStaticProps + insertBefore。\n// 仅适用于 DOM 渲染器（模板本质是 HTML），自定义渲染器场景由编译产物不使用该优化兜底。\n\nconst templateCache = new Map<string, HTMLTemplateElement>()\n\n/** Parse a static template once; called at module load for each hoisted template. */\nexport function createTemplate(html: string): HTMLTemplateElement {\n  let template = templateCache.get(html)\n  if (!template) {\n    template = document.createElement('template')\n    template.innerHTML = html\n    templateCache.set(html, template)\n  }\n  return template\n}\n\n/** Clone a hoisted template for one mount; the compiled HTML always has a single root element. */\nexport function cloneTemplate(template: HTMLTemplateElement): Node {\n  const root = template.content.firstElementChild\n  if (!root) throw new Error('Vobs: 静态模板缺少根元素，请检查编译产物')\n  return root.cloneNode(true)\n}\n"]}
+{"version":3,"sources":["../src/template.ts"],"sourcesContent":["// 编译器静态模板提升的运行时支撑：\n// 编译期把完全静态的 JSX 子树序列化为 HTML 字符串，模块加载时解析一次，\n// 运行时通过 cloneNode 复制，替代逐个 createElement + setStaticProps + insertBefore。\n// 仅适用于 DOM 渲染器（模板本质是 HTML），自定义渲染器场景由编译产物不使用该优化兜底。\n\nconst templateCache = new Map<string, HTMLTemplateElement>()\n\n/** Parse a static template once; called at module load for each hoisted template. */\nexport function createTemplate(html: string): HTMLTemplateElement {\n  let template = templateCache.get(html)\n  if (!template) {\n    template = document.createElement('template')\n    template.innerHTML = html\n    templateCache.set(html, template)\n  }\n  return template\n}\n\n/** Clone a hoisted template for one mount; the compiled HTML always has a single root element. */\nexport function cloneTemplate(template: HTMLTemplateElement): Node {\n  const root = template.content.firstElementChild\n  if (!root) throw new Error('Vobs: 静态模板缺少根元素，请检查编译产物')\n  return root.cloneNode(true)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAM,gBAAgB,oBAAI,IAAiC;AAGpD,SAAS,eAAe,MAAmC;AAChE,MAAI,WAAW,cAAc,IAAI,IAAI;AACrC,MAAI,CAAC,UAAU;AACb,eAAW,SAAS,cAAc,UAAU;AAC5C,aAAS,YAAY;AACrB,kBAAc,IAAI,MAAM,QAAQ;AAAA,EAClC;AACA,SAAO;AACT;AARgB;AAWT,SAAS,cAAc,UAAqC;AACjE,QAAM,OAAO,SAAS,QAAQ;AAC9B,MAAI,CAAC,KAAM,OAAM,IAAI,MAAM,8GAAyB;AACpD,SAAO,KAAK,UAAU,IAAI;AAC5B;AAJgB;","names":[]}

package/dist/template.js

@@ -19,7 +19,8 @@ function cloneTemplate(template) {
   return root.cloneNode(true);
 }
 __name(cloneTemplate, "cloneTemplate");
-
-export { cloneTemplate, createTemplate };
-//# sourceMappingURL=template.js.map
+export {
+  cloneTemplate,
+  createTemplate
+};
 //# sourceMappingURL=template.js.map

package/dist/template.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/template.ts"],"names":[],"mappings":";;;;AAKA,IAAM,aAAA,uBAAoB,GAAA,EAAiC;AAGpD,SAAS,eAAe,IAAA,EAAmC;AAChE,EAAA,IAAI,QAAA,GAAW,aAAA,CAAc,GAAA,CAAI,IAAI,CAAA;AACrC,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,QAAA,GAAW,QAAA,CAAS,cAAc,UAAU,CAAA;AAC5C,IAAA,QAAA,CAAS,SAAA,GAAY,IAAA;AACrB,IAAA,aAAA,CAAc,GAAA,CAAI,MAAM,QAAQ,CAAA;AAAA,EAClC;AACA,EAAA,OAAO,QAAA;AACT;AARgB,MAAA,CAAA,cAAA,EAAA,gBAAA,CAAA;AAWT,SAAS,cAAc,QAAA,EAAqC;AACjE,EAAA,MAAM,IAAA,GAAO,SAAS,OAAA,CAAQ,iBAAA;AAC9B,EAAA,IAAI,CAAC,IAAA,EAAM,MAAM,IAAI,MAAM,8GAAyB,CAAA;AACpD,EAAA,OAAO,IAAA,CAAK,UAAU,IAAI,CAAA;AAC5B;AAJgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA","file":"template.js","sourcesContent":["// 编译器静态模板提升的运行时支撑：\n// 编译期把完全静态的 JSX 子树序列化为 HTML 字符串，模块加载时解析一次，\n// 运行时通过 cloneNode 复制，替代逐个 createElement + setStaticProps + insertBefore。\n// 仅适用于 DOM 渲染器（模板本质是 HTML），自定义渲染器场景由编译产物不使用该优化兜底。\n\nconst templateCache = new Map<string, HTMLTemplateElement>()\n\n/** Parse a static template once; called at module load for each hoisted template. */\nexport function createTemplate(html: string): HTMLTemplateElement {\n  let template = templateCache.get(html)\n  if (!template) {\n    template = document.createElement('template')\n    template.innerHTML = html\n    templateCache.set(html, template)\n  }\n  return template\n}\n\n/** Clone a hoisted template for one mount; the compiled HTML always has a single root element. */\nexport function cloneTemplate(template: HTMLTemplateElement): Node {\n  const root = template.content.firstElementChild\n  if (!root) throw new Error('Vobs: 静态模板缺少根元素，请检查编译产物')\n  return root.cloneNode(true)\n}\n"]}
+{"version":3,"sources":["../src/template.ts"],"sourcesContent":["// 编译器静态模板提升的运行时支撑：\n// 编译期把完全静态的 JSX 子树序列化为 HTML 字符串，模块加载时解析一次，\n// 运行时通过 cloneNode 复制，替代逐个 createElement + setStaticProps + insertBefore。\n// 仅适用于 DOM 渲染器（模板本质是 HTML），自定义渲染器场景由编译产物不使用该优化兜底。\n\nconst templateCache = new Map<string, HTMLTemplateElement>()\n\n/** Parse a static template once; called at module load for each hoisted template. */\nexport function createTemplate(html: string): HTMLTemplateElement {\n  let template = templateCache.get(html)\n  if (!template) {\n    template = document.createElement('template')\n    template.innerHTML = html\n    templateCache.set(html, template)\n  }\n  return template\n}\n\n/** Clone a hoisted template for one mount; the compiled HTML always has a single root element. */\nexport function cloneTemplate(template: HTMLTemplateElement): Node {\n  const root = template.content.firstElementChild\n  if (!root) throw new Error('Vobs: 静态模板缺少根元素，请检查编译产物')\n  return root.cloneNode(true)\n}\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,oBAAI,IAAiC;AAGpD,SAAS,eAAe,MAAmC;AAChE,MAAI,WAAW,cAAc,IAAI,IAAI;AACrC,MAAI,CAAC,UAAU;AACb,eAAW,SAAS,cAAc,UAAU;AAC5C,aAAS,YAAY;AACrB,kBAAc,IAAI,MAAM,QAAQ;AAAA,EAClC;AACA,SAAO;AACT;AARgB;AAWT,SAAS,cAAc,UAAqC;AACjE,QAAM,OAAO,SAAS,QAAQ;AAC9B,MAAI,CAAC,KAAM,OAAM,IAAI,MAAM,8GAAyB;AACpD,SAAO,KAAK,UAAU,IAAI;AAC5B;AAJgB;","names":[]}

package/package.json

@@ -11,7 +11,7 @@
     "type": "git",
     "url": "git+https://github.com/vobsjs/vobs.git"
   },
-  "version": "1.2.1",
+  "version": "1.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -39,6 +39,6 @@
     "./source/*": "./src/*"
   },
   "dependencies": {
-    "@vobs/reactivity": "1.2.1"
+    "@vobs/reactivity": "1.3.0"
   }
 }

package/src/dynamic.test.ts

@@ -1,6 +1,6 @@
 // @vitest-environment jsdom
 import { describe, expect, it } from 'vitest'
-import { createDOMRenderer, setRenderer, createText, insertDynamicValue, insertList, createComponent } from '@vobs/vobs'
+import { createDOMRenderer, setRenderer, createText, insertDynamicValue, insertList, insertDynamic, addEventListener, createComponent } from '@vobs/vobs'
 import { effect, state } from '@vobs/reactivity'
 import { bindText } from './bind'
 import { createFragment, type VobsNode } from './fragment'
@@ -397,3 +397,67 @@ describe('keyed list minimal-move reconciliation', () => {
   })
 })
 
+
+describe('component render isolation (untrack)', () => {
+  const flush = () => new Promise(resolve => setTimeout(resolve, 0))
+
+  it('组件体内的信号读取不成为 insertDynamic 的结构依赖', async () => {
+    setRenderer(createDOMRenderer())
+    const visible = state(false)
+    const unrelated = state(0)
+    let builds = 0
+    function Panel(): Node {
+      builds += 1
+      // 组件体读取信号：修复前会被追踪为祖先 effect 依赖，触发整树重建
+      unrelated.value
+      return document.createElement('input')
+    }
+    const parent = document.createElement('div')
+    insertDynamic(parent, null, () => (visible.value ? createComponent(Panel, {}) : null))
+    expect(builds).toBe(0)
+
+    visible.value = true
+    await flush()
+    expect(builds).toBe(1)
+    expect(parent.querySelector('input')).not.toBeNull()
+
+    unrelated.value = 99
+    await flush()
+    // 无关信号变化不重建子树
+    expect(builds).toBe(1)
+
+    visible.value = false
+    await flush()
+    // 条件工厂自身的依赖仍然生效
+    expect(parent.querySelector('input')).toBeNull()
+    expect(builds).toBe(1)
+  })
+
+  it('动态组件的事件监听在信号变化后持续可用', async () => {
+    setRenderer(createDOMRenderer())
+    const visible = state(true)
+    const content = state('')
+    function Field(): Node {
+      const input = document.createElement('input')
+      addEventListener(input, 'input', event => {
+        content.set((event.target as HTMLInputElement).value)
+      })
+      return input
+    }
+    const parent = document.createElement('div')
+    insertDynamic(parent, null, () => (visible.value ? createComponent(Field, {}) : null))
+    await flush()
+
+    const input = parent.querySelector('input')!
+    input.value = 'hello'
+    input.dispatchEvent(new Event('input'))
+    expect(content.value).toBe('hello')
+
+    // 触发一次渲染期读取过的信号变化后，事件监听依旧有效
+    visible.value = true
+    await flush()
+    input.value = 'world'
+    input.dispatchEvent(new Event('input'))
+    expect(content.value).toBe('world')
+  })
+})

package/src/error-boundary.ts

@@ -7,16 +7,26 @@ export type ErrorBoundaryFallback = (
   retry: BoundaryRetry
 ) => ReturnType<NodeFactory>
 
+/**
+ * 子节点双形态：JSX 属性经编译器编译为惰性 getter（工厂），手写对象字面量可直接传节点。
+ */
+export type ErrorBoundaryChildren = NodeFactory | VobsNode
+
 export interface ErrorBoundaryOptions {
-  children: NodeFactory
+  children: ErrorBoundaryChildren
   fallback: ErrorBoundaryFallback
 }
 
 export interface ErrorBoundaryProps {
-  children: NodeFactory
+  children: ErrorBoundaryChildren
   fallback: ErrorBoundaryFallback
 }
 
+/** Normalize child sources to the lazy factory shape insertBoundary expects. */
+function resolveBoundaryChildren(children: ErrorBoundaryChildren): NodeFactory {
+  return typeof children === 'function' ? children : () => children
+}
+
 /**
  * Inserts an error boundary without adding a wrapper node. It captures errors
  * from its child render branch and child-owned effects, then renders fallback.
@@ -26,7 +36,7 @@ export function insertErrorBoundary(
   anchor: Node | null,
   options: ErrorBoundaryOptions
 ): void {
-  insertBoundary(parent, anchor, options)
+  insertBoundary(parent, anchor, { ...options, children: resolveBoundaryChildren(options.children) })
 }
 
 /** Component-shaped API backed by the same no-wrapper host instruction. */

package/src/hmr.test.ts

@@ -3,6 +3,7 @@ import { describe, expect, it } from 'vitest'
 import {
   createHmrStateStore,
   disposeHmrModule,
+  hmrStateRef,
   resolveComponent,
   updateHmrModule
 } from './hmr'
@@ -54,3 +55,19 @@ describe('runtime HMR', () => {
     expect(createHmrStateStore(moduleId).get('count', 0)).toBe(3)
   })
 })
+
+describe('hmrStateRef', () => {
+  it('模块重执行时复用既有信号实例（状态保鲜）', () => {
+    let first: unknown
+    const create = () => ({ value: 0, tag: Math.random() })
+    // 模拟模块首执行
+    const firstRef = hmrStateRef('src/stores/a.ts', 'count', create)
+    first = firstRef
+    // 模拟热更新后模块重执行：新实例、同一 key
+    const secondRef = hmrStateRef('src/stores/a.ts', 'count', create)
+    expect(secondRef).toBe(first)
+    // 不同 key / 不同模块各自独立
+    expect(hmrStateRef('src/stores/a.ts', 'other', create)).not.toBe(first)
+    expect(hmrStateRef('src/stores/b.ts', 'count', create)).not.toBe(first)
+  })
+})

package/src/hmr.ts

@@ -96,6 +96,20 @@ export function createHmrStateStore(moduleId: string): HmrStateStore {
   }
 }
 
+/**
+ * 编译器为模块顶层 state() 声明生成的取值入口（`#state:` 前缀与手动 store 键隔离）。
+ * 模块热更新重执行时复用既有信号实例：旧导入方持有的实例与新模块实例共享同一份状态，
+ * 消除"两份模块、两份状态"导致的编辑不生效/页面半边失灵。
+ */
+export function hmrStateRef<T>(moduleId: string, key: string, create: () => T): T {
+  const state = getModule(moduleId).state
+  const registryKey = `#state:${key}`
+  if (state.has(registryKey)) return state.get(registryKey) as T
+  const value = create()
+  state.set(registryKey, value)
+  return value
+}
+
 export function registerHmrInstance(moduleId: string, instance: HmrInstance): () => void {
   const instances = getModule(moduleId).instances
   instances.add(instance)

package/src/index.ts

@@ -65,6 +65,7 @@ export type {
 export {
   createHmrStateStore,
   disposeHmrModule,
+  hmrStateRef,
   markHmrInstanceMounted,
   registerHmrInstance,
   resolveComponent,

package/src/ops.ts

@@ -1,6 +1,6 @@
 // 编译产物调用的基础操作
 
-import { createOwner, getCurrentOwner, setOwnerDebugName, type Owner } from '@vobs/reactivity'
+import { createOwner, getCurrentOwner, setOwnerDebugName, untrack, type Owner } from '@vobs/reactivity'
 import { isVobsFragment, type VobsNode } from './fragment'
 import { describeDebugNode, getRuntimeDebugHooks, invokeRuntimeDebug, readDebugValue } from './debug'
 import {
@@ -118,6 +118,9 @@ export function setProperty(
     ? readDebugValue(() => Reflect.get(node, key))
     : undefined
   getRenderer().setProperty(node, key, value)
+  if (key === 'value' && (node as { tagName?: unknown }).tagName === 'SELECT') {
+    scheduleSelectValueSync(node, value)
+  }
   if (getRuntimeDebugHooks()) {
     invokeRuntimeDebug('domMutation', {
       operation: 'property',
@@ -129,6 +132,30 @@ export function setProperty(
   }
 }
 
+const pendingSelectValues = new WeakMap<Element, unknown>()
+const selectSyncScheduled = new WeakSet<Element>()
+
+/**
+ * `<select value>` 在 option 子节点存在前赋值不生效（HTML 规范：select 的 value
+ * 由已存在的 option 决定）。编译产物先设置属性、后插入子节点，静态写法必然丢初始值
+ * （消费方此前只能用 ref + queueMicrotask 规避）。
+ * 这里对 select 的 value 赋值统一延迟到微任务重放一次：静态子节点在同一同步任务内
+ * 插入完毕，重放即命中。动态（insertList/insertDynamic）插入的 option 晚于该微任务时，
+ * 由 value 的绑定 effect 在后续信号更新中正常覆盖。
+ */
+function scheduleSelectValueSync(node: Element, value: unknown): void {
+  pendingSelectValues.set(node, value)
+  if (selectSyncScheduled.has(node)) return
+  selectSyncScheduled.add(node)
+  queueMicrotask(() => {
+    selectSyncScheduled.delete(node)
+    if (!pendingSelectValues.has(node)) return
+    const pending = pendingSelectValues.get(node)
+    pendingSelectValues.delete(node)
+    getRenderer().setProperty(node, 'value', pending)
+  })
+}
+
 export function setAttribute(
   node: Element,
   key: string,
@@ -207,6 +234,9 @@ export function addEventListener(
   if (previous && previous.original === handler && previous.owner === owner) return
   if (previous) renderer.removeEventListener(node, event, previous.handler)
   const listener = owner ? (reason: Event) => {
+    // Owner 已销毁说明节点所属子树已被卸载/替换，事件来自游离 DOM，直接忽略。
+    // 否则 owner.run 会抛"已销毁的 Owner"，在事件流里制造无意义的错误噪音。
+    if (owner.disposed) return
     try {
       owner.run(() => handler(reason))
     } catch (error) {
@@ -273,7 +303,12 @@ export function createComponent<Component extends VobsComponent>(
   })
   let node: VobsNode
   try {
-    node = owner.run(() => component(props))
+    // 组件渲染必须 untrack：组件是 run-once 的，其渲染发生在某次 effect 求值
+    // （insertDynamic/insertBoundary 的渲染工厂、路由挂载）内时，若不切断追踪，
+    // 组件体内读取的信号会被收集为祖先 effect 的依赖——一次无关编辑就会触发
+    // 整棵子树销毁重建（输入框被换掉、焦点丢失、事件监听随旧树一起被清理）。
+    // 结构性响应只属于条件工厂与绑定 effect，组件本体渲染一次即止。
+    node = owner.run(() => untrack(() => component(props)))
   } catch (error) {
     owner.dispose()
     attachSourceLocation(error, source)
@@ -288,7 +323,7 @@ export function createComponent<Component extends VobsComponent>(
       parent: null,
       refresh(): void {
         const previous = instance.node
-        const next = owner.run(() => component(props))
+        const next = owner.run(() => untrack(() => component(props)))
         if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
           getRenderer().insertBefore(instance.parent, next, previous)
           getRenderer().removeChild(instance.parent, previous)

package/src/props.test.ts

@@ -1,10 +1,41 @@
 // @vitest-environment jsdom
 import { describe, expect, it } from 'vitest'
 import { createDOMRenderer, setRenderer } from '@vobs/vobs'
-import { setStaticProps, spreadProps } from './index'
+import { setProperty, setStaticProps, spreadProps } from './index'
 
 setRenderer(createDOMRenderer())
 
+describe('select value sync', () => {
+  it('option 子节点就绪后重放 value 赋值（微任务）', async () => {
+    const select = document.createElement('select') as HTMLSelectElement
+    // 模拟编译产物顺序：先设置 value，后插入 option 子节点
+    setProperty(select, 'value', 'b')
+    select.innerHTML = '<option value="a">A</option><option value="b">B</option>'
+    // 子节点插入使 value 回落到首个 option
+    expect(select.value).toBe('a')
+    await Promise.resolve()
+    expect(select.value).toBe('b')
+  })
+
+  it('setStaticProps 的 value 走同一重放路径', async () => {
+    const select = document.createElement('select') as HTMLSelectElement
+    setStaticProps(select, { value: 'x' })
+    select.innerHTML = '<option value="x">X</option>'
+    expect(select.value).toBe('x')
+    await Promise.resolve()
+    expect(select.value).toBe('x')
+  })
+
+  it('同一微任务内多次赋值以最后一次为准', async () => {
+    const select = document.createElement('select') as HTMLSelectElement
+    setProperty(select, 'value', 'a')
+    setProperty(select, 'value', 'c')
+    select.innerHTML = '<option value="a">A</option><option value="c">C</option>'
+    await Promise.resolve()
+    expect(select.value).toBe('c')
+  })
+})
+
 describe('static and spread prop application', () => {
   it('spreadProps applies false for property keys to clear them', () => {
     const node = document.createElement('input') as HTMLInputElement