@vobs/runtime 1.2.1 → 1.3.0

package/dist/ops.cjs

@@ -1,218 +1,52 @@
-'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 });
-
-// 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;
-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/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();
-  }
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-__name(_Scheduler, "Scheduler");
-function sortEffects(effects) {
-  if (effects.length > 1) {
-    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
+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 });
   }
-}
-__name(sortEffects, "sortEffects");
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/runtime/src/ops.ts
+var ops_exports = {};
+__export(ops_exports, {
+  addEventListener: () => addEventListener,
+  associateNodeOwner: () => associateNodeOwner,
+  clear: () => clear,
+  createBlock: () => createBlock,
+  createComment: () => createComment,
+  createComponent: () => createComponent,
+  createElement: () => createElement,
+  createText: () => createText,
+  disposeNodeOwner: () => disposeNodeOwner,
+  getRenderer: () => getRenderer,
+  insertBefore: () => insertBefore,
+  removeChild: () => removeChild,
+  removeEventListener: () => removeEventListener,
+  setAttribute: () => setAttribute,
+  setProperty: () => setProperty,
+  setRenderer: () => setRenderer,
+  setStaticProps: () => setStaticProps,
+  setTextContent: () => setTextContent,
+  spreadProps: () => spreadProps
+});
+module.exports = __toCommonJS(ops_exports);
+var import_reactivity3 = require("@vobs/reactivity");
 
 // packages/runtime/src/fragment.ts
+var import_reactivity = require("@vobs/reactivity");
 function isVobsFragment(value) {
   return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
 }
@@ -225,7 +59,12 @@ function getRuntimeDebugHooks() {
 }
 __name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
 function invokeRuntimeDebug(name, ...args) {
-  return;
+  const callback = activeRuntimeDebugHooks?.[name];
+  if (!callback) return;
+  try {
+    callback(...args);
+  } catch {
+  }
 }
 __name(invokeRuntimeDebug, "invokeRuntimeDebug");
 function readDebugValue(read) {
@@ -262,12 +101,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();
@@ -277,10 +116,11 @@ function associateHmrInstance(node, instance) {
 __name(associateHmrInstance, "associateHmrInstance");
 
 // packages/runtime/src/ref.ts
+var import_reactivity2 = require("@vobs/reactivity");
 function setRef(node, target) {
   if (!isRefTarget(target)) return;
   if (isSSRNode(node)) return;
-  const owner = getCurrentOwner();
+  const owner = (0, import_reactivity2.getCurrentOwner)();
   assignRef(target, node);
   owner?.onDispose(() => {
     if (isObjectRef(target) && target.current !== node) return;
@@ -344,6 +184,13 @@ function insertBefore(parent, child, anchor) {
   }
   getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
   markHmrInstanceMounted(child, parent);
+  if (getRuntimeDebugHooks()) {
+    invokeRuntimeDebug("domMutation", {
+      operation: "insert",
+      target: describeDebugNode(child),
+      parent: describeDebugNode(parent)
+    });
+  }
 }
 __name(insertBefore, "insertBefore");
 function removeChild(parent, child) {
@@ -353,18 +200,72 @@ function removeChild(parent, child) {
     return;
   }
   getRenderer().removeChild(parent, child);
+  if (getRuntimeDebugHooks()) {
+    invokeRuntimeDebug("domMutation", {
+      operation: "remove",
+      target: describeDebugNode(child),
+      parent: describeDebugNode(parent)
+    });
+  }
 }
 __name(removeChild, "removeChild");
 function setTextContent(node, content) {
+  const previousValue = getRuntimeDebugHooks() ? readDebugValue(() => node.textContent) : void 0;
   getRenderer().setTextContent(node, content);
+  if (getRuntimeDebugHooks()) {
+    invokeRuntimeDebug("domMutation", {
+      operation: "text",
+      target: describeDebugNode(node),
+      previousValue,
+      nextValue: content
+    });
+  }
 }
 __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",
+      target: describeDebugNode(node),
+      key,
+      previousValue,
+      nextValue: 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);
+  if (getRuntimeDebugHooks()) {
+    invokeRuntimeDebug("domMutation", {
+      operation: "attribute",
+      target: describeDebugNode(node),
+      key,
+      previousValue,
+      nextValue: value
+    });
+  }
 }
 __name(setAttribute, "setAttribute");
 function spreadProps(node, props) {
@@ -405,7 +306,7 @@ function formatStyle(value) {
 __name(formatStyle, "formatStyle");
 function addEventListener(node, event, handler) {
   const renderer = getRenderer();
-  const owner = getCurrentOwner();
+  const owner = (0, import_reactivity3.getCurrentOwner)();
   let bindings = eventBindings.get(node);
   if (!bindings) {
     bindings = /* @__PURE__ */ new Map();
@@ -415,6 +316,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) {
@@ -451,9 +353,9 @@ function clear(container) {
 }
 __name(clear, "clear");
 function createComponent(component, props, source) {
-  const owner = createOwner();
+  const owner = (0, import_reactivity3.createOwner)();
   const componentName = component.displayName || component.name || "anonymous";
-  setOwnerDebugName(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
+  (0, import_reactivity3.setOwnerDebugName)(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
   owner.onError((reason) => {
     attachSourceLocation(reason, source);
     attachComponentContext(reason, componentName, owner.id);
@@ -461,7 +363,7 @@ function createComponent(component, props, source) {
   });
   let node;
   try {
-    node = owner.run(() => component(props));
+    node = owner.run(() => (0, import_reactivity3.untrack)(() => component(props)));
   } catch (error) {
     owner.dispose();
     attachSourceLocation(error, source);
@@ -476,7 +378,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_reactivity3.untrack)(() => component(props)));
         if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
           getRenderer().insertBefore(instance.parent, next, previous);
           getRenderer().removeChild(instance.parent, previous);
@@ -522,8 +424,8 @@ function attachComponentContext(reason, component, ownerId) {
 }
 __name(attachComponentContext, "attachComponentContext");
 function createBlock(factory) {
-  const owner = createOwner();
-  setOwnerDebugName(owner, "dynamic");
+  const owner = (0, import_reactivity3.createOwner)();
+  (0, import_reactivity3.setOwnerDebugName)(owner, "dynamic");
   let node;
   try {
     node = owner.run(factory);
@@ -550,25 +452,26 @@ function disposeNodeOwner(node) {
   owner.dispose();
 }
 __name(disposeNodeOwner, "disposeNodeOwner");
-
-exports.addEventListener = addEventListener;
-exports.associateNodeOwner = associateNodeOwner;
-exports.clear = clear;
-exports.createBlock = createBlock;
-exports.createComment = createComment;
-exports.createComponent = createComponent;
-exports.createElement = createElement;
-exports.createText = createText;
-exports.disposeNodeOwner = disposeNodeOwner;
-exports.getRenderer = getRenderer;
-exports.insertBefore = insertBefore;
-exports.removeChild = removeChild;
-exports.removeEventListener = removeEventListener;
-exports.setAttribute = setAttribute;
-exports.setProperty = setProperty;
-exports.setRenderer = setRenderer;
-exports.setStaticProps = setStaticProps;
-exports.setTextContent = setTextContent;
-exports.spreadProps = spreadProps;
-//# sourceMappingURL=ops.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addEventListener,
+  associateNodeOwner,
+  clear,
+  createBlock,
+  createComment,
+  createComponent,
+  createElement,
+  createText,
+  disposeNodeOwner,
+  getRenderer,
+  insertBefore,
+  removeChild,
+  removeEventListener,
+  setAttribute,
+  setProperty,
+  setRenderer,
+  setStaticProps,
+  setTextContent,
+  spreadProps
+});
 //# sourceMappingURL=ops.cjs.map