@vobs/runtime 1.2.1 → 1.3.0

package/dist/index.cjs

@@ -1,7 +1,86 @@
-'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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AsyncBoundary: () => AsyncBoundary,
+  ErrorBoundary: () => ErrorBoundary,
+  Profiler: () => Profiler,
+  VobsError: () => VobsError,
+  addEventListener: () => addEventListener,
+  bindAttribute: () => bindAttribute,
+  bindProperty: () => bindProperty,
+  bindText: () => bindText,
+  clear: () => clear,
+  cloneTemplate: () => cloneTemplate,
+  createBlock: () => createBlock,
+  createComment: () => createComment,
+  createComponent: () => createComponent,
+  createElement: () => createElement,
+  createFragment: () => createFragment,
+  createHmrStateStore: () => createHmrStateStore,
+  createTemplate: () => createTemplate,
+  createText: () => createText,
+  createVobsError: () => createVobsError,
+  describeDebugNode: () => describeDebugNode,
+  disposeHmrModule: () => disposeHmrModule,
+  disposeNodeOwner: () => disposeNodeOwner,
+  formatVobsError: () => formatVobsError,
+  getRenderer: () => getRenderer,
+  getRuntimeDebugContext: () => getRuntimeDebugContext,
+  getRuntimeDebugHooks: () => getRuntimeDebugHooks,
+  hmrStateRef: () => hmrStateRef,
+  insertAsyncBoundary: () => insertAsyncBoundary,
+  insertBefore: () => insertBefore,
+  insertBoundary: () => insertBoundary,
+  insertDynamic: () => insertDynamic,
+  insertDynamicValue: () => insertDynamicValue,
+  insertErrorBoundary: () => insertErrorBoundary,
+  insertList: () => insertList,
+  insertProfiler: () => insertProfiler,
+  invokeRuntimeDebug: () => invokeRuntimeDebug,
+  isVobsError: () => isVobsError,
+  isVobsFragment: () => isVobsFragment,
+  markHmrInstanceMounted: () => markHmrInstanceMounted,
+  normalizeDynamicChild: () => normalizeDynamicChild,
+  normalizeVobsError: () => normalizeVobsError,
+  pushRuntimeDebugContext: () => pushRuntimeDebugContext,
+  ref: () => ref,
+  registerHmrInstance: () => registerHmrInstance,
+  removeChild: () => removeChild,
+  removeEventListener: () => removeEventListener,
+  resolveComponent: () => resolveComponent,
+  runWithRuntimeDebugContext: () => runWithRuntimeDebugContext,
+  setAttribute: () => setAttribute,
+  setProperty: () => setProperty,
+  setRef: () => setRef,
+  setRenderer: () => setRenderer,
+  setRuntimeDebugHooks: () => setRuntimeDebugHooks,
+  setStaticProps: () => setStaticProps,
+  setTextContent: () => setTextContent,
+  spreadProps: () => spreadProps,
+  updateHmrModule: () => updateHmrModule
+});
+module.exports = __toCommonJS(src_exports);
 
 // packages/runtime/src/debug.ts
 var activeRuntimeDebugHooks = null;
@@ -82,373 +161,19 @@ function describeDebugNode(node) {
 }
 __name(describeDebugNode, "describeDebugNode");
 
-// 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/runtime/src/fragment.ts
+var import_reactivity3 = require("@vobs/reactivity");
 
-// 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/ops.ts
+var import_reactivity2 = require("@vobs/reactivity");
 
 // packages/runtime/src/hmr.ts
 var globalTarget = globalThis;
 var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
 globalTarget.__VOBS_HMR__ = hmrGlobal;
 function resolveComponent(component, moduleId, exportName) {
-  const module = getModule(moduleId);
-  const existing = module.components.get(exportName);
+  const module2 = getModule(moduleId);
+  const existing = module2.components.get(exportName);
   if (existing) return existing;
   const proxy = /* @__PURE__ */ __name(((props) => {
     const current = proxy.current;
@@ -459,15 +184,15 @@ function resolveComponent(component, moduleId, exportName) {
     displayName: { configurable: true, value: component.name || exportName },
     hmrKey: { configurable: false, value: `${moduleId}:${exportName}` }
   });
-  module.components.set(exportName, proxy);
+  module2.components.set(exportName, proxy);
   return proxy;
 }
 __name(resolveComponent, "resolveComponent");
 function updateHmrModule(_moduleId, nextModule) {
   const modules = [...hmrGlobal.modules.values()];
-  for (const module of modules) {
+  for (const module2 of modules) {
     let changed = false;
-    for (const [name, proxy] of module.components) {
+    for (const [name, proxy] of module2.components) {
       const next = nextModule[name];
       if (typeof next !== "function") continue;
       const hmrProxy = proxy;
@@ -476,7 +201,7 @@ function updateHmrModule(_moduleId, nextModule) {
       changed = true;
     }
     if (!changed) continue;
-    for (const instance of module.instances) {
+    for (const instance of module2.instances) {
       try {
         instance.refresh();
       } catch {
@@ -489,25 +214,34 @@ function disposeHmrModule(_moduleId) {
 }
 __name(disposeHmrModule, "disposeHmrModule");
 function createHmrStateStore(moduleId) {
-  const state2 = getModule(moduleId).state;
+  const state4 = getModule(moduleId).state;
   return {
     get(key, initial) {
-      if (!state2.has(key)) state2.set(key, typeof initial === "function" ? initial() : initial);
-      return state2.get(key);
+      if (!state4.has(key)) state4.set(key, typeof initial === "function" ? initial() : initial);
+      return state4.get(key);
     },
     set(key, value) {
-      state2.set(key, value);
+      state4.set(key, value);
     },
-    has: /* @__PURE__ */ __name((key) => state2.has(key), "has"),
+    has: /* @__PURE__ */ __name((key) => state4.has(key), "has"),
     delete: /* @__PURE__ */ __name((key) => {
-      state2.delete(key);
+      state4.delete(key);
     }, "delete"),
     clear: /* @__PURE__ */ __name(() => {
-      state2.clear();
+      state4.clear();
     }, "clear")
   };
 }
 __name(createHmrStateStore, "createHmrStateStore");
+function hmrStateRef(moduleId, key, create) {
+  const state4 = getModule(moduleId).state;
+  const registryKey = `#state:${key}`;
+  if (state4.has(registryKey)) return state4.get(registryKey);
+  const value = create();
+  state4.set(registryKey, value);
+  return value;
+}
+__name(hmrStateRef, "hmrStateRef");
 function registerHmrInstance(moduleId, instance) {
   const instances = getModule(moduleId).instances;
   instances.add(instance);
@@ -520,12 +254,12 @@ function markHmrInstanceMounted(node, parent) {
 }
 __name(markHmrInstanceMounted, "markHmrInstanceMounted");
 function getModule(moduleId) {
-  let module = hmrGlobal.modules.get(moduleId);
-  if (!module) {
-    module = { components: /* @__PURE__ */ new Map(), state: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Set() };
-    hmrGlobal.modules.set(moduleId, module);
+  let module2 = hmrGlobal.modules.get(moduleId);
+  if (!module2) {
+    module2 = { components: /* @__PURE__ */ new Map(), state: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Set() };
+    hmrGlobal.modules.set(moduleId, module2);
   }
-  return module;
+  return module2;
 }
 __name(getModule, "getModule");
 var hmrInstances = /* @__PURE__ */ new WeakMap();
@@ -535,6 +269,7 @@ function associateHmrInstance(node, instance) {
 __name(associateHmrInstance, "associateHmrInstance");
 
 // packages/runtime/src/ref.ts
+var import_reactivity = require("@vobs/reactivity");
 function ref(initialValue = null) {
   return { current: initialValue };
 }
@@ -542,7 +277,7 @@ __name(ref, "ref");
 function setRef(node, target) {
   if (!isRefTarget(target)) return;
   if (isSSRNode(node)) return;
-  const owner = getCurrentOwner();
+  const owner = (0, import_reactivity.getCurrentOwner)();
   assignRef(target, node);
   owner?.onDispose(() => {
     if (isObjectRef(target) && target.current !== node) return;
@@ -647,6 +382,9 @@ __name(setTextContent, "setTextContent");
 function setProperty(node, key, value) {
   const previousValue = getRuntimeDebugHooks() ? readDebugValue(() => Reflect.get(node, key)) : void 0;
   getRenderer().setProperty(node, key, value);
+  if (key === "value" && node.tagName === "SELECT") {
+    scheduleSelectValueSync(node, value);
+  }
   if (getRuntimeDebugHooks()) {
     invokeRuntimeDebug("domMutation", {
       operation: "property",
@@ -658,6 +396,21 @@ function setProperty(node, key, value) {
   }
 }
 __name(setProperty, "setProperty");
+var pendingSelectValues = /* @__PURE__ */ new WeakMap();
+var selectSyncScheduled = /* @__PURE__ */ new WeakSet();
+function scheduleSelectValueSync(node, value) {
+  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);
+  });
+}
+__name(scheduleSelectValueSync, "scheduleSelectValueSync");
 function setAttribute(node, key, value) {
   const previousValue = getRuntimeDebugHooks() ? readDebugValue(() => typeof node.getAttribute === "function" ? node.getAttribute(key) : void 0) : void 0;
   getRenderer().setAttribute(node, key, value);
@@ -710,7 +463,7 @@ function formatStyle(value) {
 __name(formatStyle, "formatStyle");
 function addEventListener(node, event, handler) {
   const renderer = getRenderer();
-  const owner = getCurrentOwner();
+  const owner = (0, import_reactivity2.getCurrentOwner)();
   let bindings = eventBindings.get(node);
   if (!bindings) {
     bindings = /* @__PURE__ */ new Map();
@@ -720,6 +473,7 @@ function addEventListener(node, event, handler) {
   if (previous && previous.original === handler && previous.owner === owner) return;
   if (previous) renderer.removeEventListener(node, event, previous.handler);
   const listener = owner ? (reason) => {
+    if (owner.disposed) return;
     try {
       owner.run(() => handler(reason));
     } catch (error) {
@@ -756,9 +510,9 @@ function clear(container) {
 }
 __name(clear, "clear");
 function createComponent(component, props, source) {
-  const owner = createOwner();
+  const owner = (0, import_reactivity2.createOwner)();
   const componentName = component.displayName || component.name || "anonymous";
-  setOwnerDebugName(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
+  (0, import_reactivity2.setOwnerDebugName)(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
   owner.onError((reason) => {
     attachSourceLocation(reason, source);
     attachComponentContext(reason, componentName, owner.id);
@@ -766,7 +520,7 @@ function createComponent(component, props, source) {
   });
   let node;
   try {
-    node = owner.run(() => component(props));
+    node = owner.run(() => (0, import_reactivity2.untrack)(() => component(props)));
   } catch (error) {
     owner.dispose();
     attachSourceLocation(error, source);
@@ -781,7 +535,7 @@ function createComponent(component, props, source) {
       parent: null,
       refresh() {
         const previous = instance.node;
-        const next = owner.run(() => component(props));
+        const next = owner.run(() => (0, import_reactivity2.untrack)(() => component(props)));
         if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
           getRenderer().insertBefore(instance.parent, next, previous);
           getRenderer().removeChild(instance.parent, previous);
@@ -827,8 +581,8 @@ function attachComponentContext(reason, component, ownerId) {
 }
 __name(attachComponentContext, "attachComponentContext");
 function createBlock(factory) {
-  const owner = createOwner();
-  setOwnerDebugName(owner, "dynamic");
+  const owner = (0, import_reactivity2.createOwner)();
+  (0, import_reactivity2.setOwnerDebugName)(owner, "dynamic");
   let node;
   try {
     node = owner.run(factory);
@@ -862,7 +616,7 @@ function createFragment(factory) {
   const end = createComment("vobs:fragment:end");
   let parent = null;
   let initialized = false;
-  const owner = getCurrentOwner();
+  const owner = (0, import_reactivity3.getCurrentOwner)();
   const fragment = {
     kind: "vobs-fragment",
     start,
@@ -924,37 +678,39 @@ function moveRange(parent, start, end, anchor) {
 __name(moveRange, "moveRange");
 
 // packages/runtime/src/bind.ts
+var import_reactivity4 = require("@vobs/reactivity");
 function readSource(source) {
   return typeof source === "function" ? source() : source.value;
 }
 __name(readSource, "readSource");
 function bindText(node, source) {
-  effect(() => {
+  (0, import_reactivity4.effect)(() => {
     const value = readSource(source);
     setTextContent(node, value === null || value === void 0 || typeof value === "boolean" ? "" : String(value));
   });
 }
 __name(bindText, "bindText");
 function bindAttribute(node, key, source) {
-  effect(() => {
+  (0, import_reactivity4.effect)(() => {
     const value = readSource(source);
     setAttribute(node, key, key === "style" && value && typeof value === "object" && !Array.isArray(value) ? Object.entries(value).filter(([, entry]) => entry !== null && entry !== void 0 && entry !== false).map(([name, entry]) => `${name.replace(/[A-Z]/gu, (match) => `-${match.toLowerCase()}`)}:${String(entry)}`).join(";") : String(value));
   });
 }
 __name(bindAttribute, "bindAttribute");
 function bindProperty(node, key, source) {
-  effect(() => {
+  (0, import_reactivity4.effect)(() => {
     setProperty(node, key, readSource(source));
   });
 }
 __name(bindProperty, "bindProperty");
 
 // packages/runtime/src/dynamic.ts
+var import_reactivity5 = require("@vobs/reactivity");
 function insertDynamic(parent, anchor, factory) {
   const marker = createComment("vobs:dynamic");
   insertBefore(parent, marker, anchor);
   let current = null;
-  effect(() => {
+  (0, import_reactivity5.effect)(() => {
     const next = createBlock(factory);
     if (next === current) return;
     if (current) removeChild(parent, current);
@@ -968,8 +724,8 @@ function insertDynamicValue(parent, anchor, factory) {
   insertBefore(parent, marker, anchor);
   let current = null;
   let scope = null;
-  effect(() => {
-    const nextScope = createOwner();
+  (0, import_reactivity5.effect)(() => {
+    const nextScope = (0, import_reactivity5.createOwner)();
     const next = nextScope.run(() => normalizeDynamicChild(factory()));
     if (next === current) {
       nextScope.dispose();
@@ -1009,7 +765,7 @@ function insertList(parent, anchor, source, renderItem, keyOf) {
   insertBefore(parent, marker, anchor);
   let entries = [];
   const tracksIndex = renderItem.length >= 2;
-  effect(() => {
+  (0, import_reactivity5.effect)(() => {
     const items = source();
     let keys = null;
     if (keyOf) {
@@ -1165,13 +921,13 @@ function isPrimitiveItem(item) {
 }
 __name(isPrimitiveItem, "isPrimitiveItem");
 function createListEntry(item, index, key, renderItem) {
-  const owner = createOwner();
+  const owner = (0, import_reactivity5.createOwner)();
   let itemSignal;
   let viewOwner;
   let node;
   owner.run(() => {
-    itemSignal = state(item);
-    viewOwner = createOwner();
+    itemSignal = (0, import_reactivity5.state)(item);
+    viewOwner = (0, import_reactivity5.createOwner)();
     node = viewOwner.run(() => renderItem(toReactiveItem(itemSignal, item), index));
   });
   associateNodeOwner(node, viewOwner);
@@ -1183,7 +939,7 @@ function refreshListEntry(parent, entry, index, renderItem) {
   entry.index = index;
   const previousView = entry.viewOwner;
   entry.owner.run(() => {
-    entry.viewOwner = createOwner();
+    entry.viewOwner = (0, import_reactivity5.createOwner)();
     entry.node = entry.viewOwner.run(() => renderItem(
       toReactiveItem(entry.item, entry.value),
       index
@@ -1344,10 +1100,11 @@ function capitalize(value) {
 __name(capitalize, "capitalize");
 
 // packages/runtime/src/boundary.ts
+var import_reactivity6 = require("@vobs/reactivity");
 function insertBoundary(parent, anchor, options) {
-  const boundary = createOwner();
+  const boundary = (0, import_reactivity6.createOwner)();
   boundary.run(() => {
-    const error = state(null);
+    const error = (0, import_reactivity6.state)(null);
     let fallbackActive = false;
     let lastError = null;
     let initialized = false;
@@ -1412,8 +1169,12 @@ function insertBoundary(parent, anchor, options) {
 __name(insertBoundary, "insertBoundary");
 
 // packages/runtime/src/error-boundary.ts
+function resolveBoundaryChildren(children) {
+  return typeof children === "function" ? children : () => children;
+}
+__name(resolveBoundaryChildren, "resolveBoundaryChildren");
 function insertErrorBoundary(parent, anchor, options) {
-  insertBoundary(parent, anchor, options);
+  insertBoundary(parent, anchor, { ...options, children: resolveBoundaryChildren(options.children) });
 }
 __name(insertErrorBoundary, "insertErrorBoundary");
 function ErrorBoundary(props) {
@@ -1422,13 +1183,14 @@ function ErrorBoundary(props) {
 __name(ErrorBoundary, "ErrorBoundary");
 
 // packages/runtime/src/async-boundary.ts
+var import_reactivity7 = require("@vobs/reactivity");
 function insertAsyncBoundary(parent, anchor, options) {
-  const boundary = createOwner();
+  const boundary = (0, import_reactivity7.createOwner)();
   boundary.run(() => {
-    const loading = state(true);
-    const data = state(void 0);
-    const resolved = state(false);
-    const error = state(null);
+    const loading = (0, import_reactivity7.state)(true);
+    const data = (0, import_reactivity7.state)(void 0);
+    const resolved = (0, import_reactivity7.state)(false);
+    const error = (0, import_reactivity7.state)(null);
     let token = 0;
     let previousKey;
     let initialized = false;
@@ -1505,8 +1267,9 @@ function normalizeError(reason) {
 __name(normalizeError, "normalizeError");
 
 // packages/runtime/src/profiler.ts
+var import_reactivity8 = require("@vobs/reactivity");
 function insertProfiler(parent, anchor, options) {
-  const profiler = createOwner();
+  const profiler = (0, import_reactivity8.createOwner)();
   let mounted = false;
   profiler.run(() => {
     insertDynamic(parent, anchor, () => {
@@ -1536,62 +1299,64 @@ function now() {
   return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
 }
 __name(now, "now");
-
-exports.AsyncBoundary = AsyncBoundary;
-exports.ErrorBoundary = ErrorBoundary;
-exports.Profiler = Profiler;
-exports.VobsError = VobsError;
-exports.addEventListener = addEventListener;
-exports.bindAttribute = bindAttribute;
-exports.bindProperty = bindProperty;
-exports.bindText = bindText;
-exports.clear = clear;
-exports.cloneTemplate = cloneTemplate;
-exports.createBlock = createBlock;
-exports.createComment = createComment;
-exports.createComponent = createComponent;
-exports.createElement = createElement;
-exports.createFragment = createFragment;
-exports.createHmrStateStore = createHmrStateStore;
-exports.createTemplate = createTemplate;
-exports.createText = createText;
-exports.createVobsError = createVobsError;
-exports.describeDebugNode = describeDebugNode;
-exports.disposeHmrModule = disposeHmrModule;
-exports.disposeNodeOwner = disposeNodeOwner;
-exports.formatVobsError = formatVobsError;
-exports.getRenderer = getRenderer;
-exports.getRuntimeDebugContext = getRuntimeDebugContext;
-exports.getRuntimeDebugHooks = getRuntimeDebugHooks;
-exports.insertAsyncBoundary = insertAsyncBoundary;
-exports.insertBefore = insertBefore;
-exports.insertBoundary = insertBoundary;
-exports.insertDynamic = insertDynamic;
-exports.insertDynamicValue = insertDynamicValue;
-exports.insertErrorBoundary = insertErrorBoundary;
-exports.insertList = insertList;
-exports.insertProfiler = insertProfiler;
-exports.invokeRuntimeDebug = invokeRuntimeDebug;
-exports.isVobsError = isVobsError;
-exports.isVobsFragment = isVobsFragment;
-exports.markHmrInstanceMounted = markHmrInstanceMounted;
-exports.normalizeDynamicChild = normalizeDynamicChild;
-exports.normalizeVobsError = normalizeVobsError;
-exports.pushRuntimeDebugContext = pushRuntimeDebugContext;
-exports.ref = ref;
-exports.registerHmrInstance = registerHmrInstance;
-exports.removeChild = removeChild;
-exports.removeEventListener = removeEventListener;
-exports.resolveComponent = resolveComponent;
-exports.runWithRuntimeDebugContext = runWithRuntimeDebugContext;
-exports.setAttribute = setAttribute;
-exports.setProperty = setProperty;
-exports.setRef = setRef;
-exports.setRenderer = setRenderer;
-exports.setRuntimeDebugHooks = setRuntimeDebugHooks;
-exports.setStaticProps = setStaticProps;
-exports.setTextContent = setTextContent;
-exports.spreadProps = spreadProps;
-exports.updateHmrModule = updateHmrModule;
-//# sourceMappingURL=index.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AsyncBoundary,
+  ErrorBoundary,
+  Profiler,
+  VobsError,
+  addEventListener,
+  bindAttribute,
+  bindProperty,
+  bindText,
+  clear,
+  cloneTemplate,
+  createBlock,
+  createComment,
+  createComponent,
+  createElement,
+  createFragment,
+  createHmrStateStore,
+  createTemplate,
+  createText,
+  createVobsError,
+  describeDebugNode,
+  disposeHmrModule,
+  disposeNodeOwner,
+  formatVobsError,
+  getRenderer,
+  getRuntimeDebugContext,
+  getRuntimeDebugHooks,
+  hmrStateRef,
+  insertAsyncBoundary,
+  insertBefore,
+  insertBoundary,
+  insertDynamic,
+  insertDynamicValue,
+  insertErrorBoundary,
+  insertList,
+  insertProfiler,
+  invokeRuntimeDebug,
+  isVobsError,
+  isVobsFragment,
+  markHmrInstanceMounted,
+  normalizeDynamicChild,
+  normalizeVobsError,
+  pushRuntimeDebugContext,
+  ref,
+  registerHmrInstance,
+  removeChild,
+  removeEventListener,
+  resolveComponent,
+  runWithRuntimeDebugContext,
+  setAttribute,
+  setProperty,
+  setRef,
+  setRenderer,
+  setRuntimeDebugHooks,
+  setStaticProps,
+  setTextContent,
+  spreadProps,
+  updateHmrModule
+});
 //# sourceMappingURL=index.cjs.map