@vobs/runtime 1.7.8 → 1.8.0

package/dist/boundary.js

@@ -38,10 +38,10 @@ function describeDebugNode(node) {
 __name(describeDebugNode, "describeDebugNode");
 
 // packages/runtime/src/dynamic.ts
-import { createOwner as createOwner2, effect, state } from "@vobs/reactivity";
+import { createOwner as createOwner2, effect as effect2, state } from "@vobs/reactivity";
 
 // packages/runtime/src/ops.ts
-import { createOwner, getCurrentOwner as getCurrentOwner3, setOwnerDebugName, untrack } from "@vobs/reactivity";
+import { createOwner, effect, getCurrentOwner as getCurrentOwner3, setOwnerDebugName, untrack } from "@vobs/reactivity";
 
 // packages/runtime/src/fragment.ts
 import { getCurrentOwner } from "@vobs/reactivity";
@@ -50,6 +50,139 @@ function isVobsFragment(value) {
 }
 __name(isVobsFragment, "isVobsFragment");
 
+// packages/runtime/src/error.ts
+var _VobsError = class _VobsError extends Error {
+  constructor(options) {
+    super(options.message);
+    this.name = "VobsError";
+    this.code = options.code;
+    this.severity = options.severity ?? "error";
+    this.layer = options.layer ?? "runtime";
+    this.cause = options.cause;
+    this.fix = options.fix;
+    this.location = options.location;
+    this.trace = options.trace;
+    this.example = options.example;
+    this.docs = options.docs;
+    this.codeFrame = options.codeFrame;
+  }
+};
+__name(_VobsError, "VobsError");
+var VobsError = _VobsError;
+function isVobsError(value) {
+  return value instanceof VobsError || Boolean(value && typeof value === "object" && typeof value.code === "string" && typeof value.message === "string");
+}
+__name(isVobsError, "isVobsError");
+function isForeignVobsError(value) {
+  return value instanceof Error && value.name === "VobsError" && typeof value.code === "string";
+}
+__name(isForeignVobsError, "isForeignVobsError");
+function describeUnknown(value) {
+  if (value === null || value === void 0) return String(value);
+  if (typeof value === "string") return value;
+  if (typeof value === "object") {
+    const message = value.message;
+    if (typeof message === "string" && message !== "") return message;
+    try {
+      return JSON.stringify(value) ?? String(value);
+    } catch {
+      return String(value);
+    }
+  }
+  return String(value);
+}
+__name(describeUnknown, "describeUnknown");
+function adoptVobsError(value, defaults) {
+  return new VobsError({
+    code: value.code,
+    message: value.message,
+    severity: value.severity ?? defaults.severity,
+    layer: value.layer ?? defaults.layer,
+    cause: value.cause ?? (value instanceof Error ? value : void 0),
+    fix: value.fix ?? defaults.fix,
+    location: value.location,
+    trace: value.trace,
+    example: value.example,
+    docs: value.docs,
+    codeFrame: value.codeFrame
+  });
+}
+__name(adoptVobsError, "adoptVobsError");
+function normalizeVobsError(value, defaults = {}) {
+  if (value instanceof VobsError) return value;
+  if (isForeignVobsError(value)) return adoptVobsError(value, defaults);
+  if (value instanceof Error) {
+    const metadata = value;
+    const code = defaults.code ?? (typeof metadata.vobsCode === "string" ? metadata.vobsCode : void 0);
+    if (code) {
+      defineErrorMetadata(value, "code", code);
+      if (value.code !== code) {
+        return new VobsError({
+          code,
+          message: value.message,
+          severity: defaults.severity ?? "error",
+          layer: defaults.layer ?? "runtime",
+          cause: value,
+          fix: defaults.fix ?? (typeof metadata.vobsHint === "string" ? metadata.vobsHint : void 0)
+        });
+      }
+    }
+    defineErrorMetadata(value, "severity", defaults.severity ?? "error");
+    defineErrorMetadata(value, "layer", defaults.layer ?? "runtime");
+    const fix = defaults.fix ?? (typeof metadata.vobsHint === "string" ? metadata.vobsHint : void 0);
+    if (fix) defineErrorMetadata(value, "fix", fix);
+    const source = metadata.vobsSource;
+    if (source && typeof source === "object" && typeof source.file === "string" && typeof source.line === "number" && typeof source.column === "number") {
+      defineErrorMetadata(value, "location", source);
+    }
+    return value;
+  }
+  if (isVobsError(value)) return adoptVobsError(value, defaults);
+  return new VobsError({
+    code: defaults.code ?? "VOBS_UNKNOWN",
+    message: describeUnknown(value),
+    severity: defaults.severity ?? "error",
+    layer: defaults.layer ?? "runtime",
+    cause: void 0,
+    fix: defaults.fix
+  });
+}
+__name(normalizeVobsError, "normalizeVobsError");
+function defineErrorMetadata(target, key, value) {
+  if (key in target) return;
+  try {
+    Object.defineProperty(target, key, { configurable: true, enumerable: false, value, writable: true });
+  } catch {
+  }
+}
+__name(defineErrorMetadata, "defineErrorMetadata");
+function formatVobsError(value, options = {}) {
+  const error = normalizeVobsError(value);
+  const code = error.code || "VOBS_UNKNOWN";
+  const severity = error.severity || "error";
+  if (options.environment === "production") return `[Vobs ${code}] ${error.message}`;
+  const lines = [`[Vobs ${capitalize(severity)}] ${error.message}`, `Code: ${code}`];
+  if (error.location) lines.push(`Location: ${error.location.file}:${error.location.line}:${error.location.column}`);
+  if (error.codeFrame) lines.push("", error.codeFrame);
+  if (error.cause !== void 0) lines.push(`Cause: ${formatCause(error.cause)}`);
+  if (error.trace?.length) lines.push("", `Trace: ${error.trace.join(" \u2192 ")}`);
+  if (error.fix) lines.push("", `Fix: ${error.fix}`);
+  if (error.example) lines.push("", `Example:
+${error.example}`);
+  if (error.docs) lines.push(`Docs: ${error.docs}`);
+  if (options.includeStack && error.stack) lines.push("", error.stack);
+  return lines.join("\n");
+}
+__name(formatVobsError, "formatVobsError");
+function formatCause(value) {
+  return value instanceof Error ? `${value.name}: ${value.message}` : String(value);
+}
+__name(formatCause, "formatCause");
+function capitalize(value) {
+  return value.slice(0, 1).toUpperCase() + value.slice(1);
+}
+__name(capitalize, "capitalize");
+
 // packages/runtime/src/hmr.ts
 var globalTarget = globalThis;
 var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map(), states: /* @__PURE__ */ new Map() };
@@ -103,7 +236,7 @@ function syncSelectValue(parent) {
   while (current !== null) {
     if (current.nodeName === "SELECT") {
       const read = selectValueReaders.get(current);
-      if (read !== void 0) setProperty(current, "value", read());
+      if (read !== void 0) setProperty(current, "value", untrack(read));
       return;
     }
     current = current.parentNode;
@@ -111,9 +244,9 @@ function syncSelectValue(parent) {
 }
 __name(syncSelectValue, "syncSelectValue");
 function removeChild(parent, child) {
-  disposeNodeOwner(child);
   if (isVobsFragment(child)) {
     child.unmount(parent);
+    disposeNodeOwner(child);
     return;
   }
   getRenderer().removeChild(parent, child);
@@ -124,11 +257,12 @@ function removeChild(parent, child) {
       parent: describeDebugNode(parent)
     });
   }
+  disposeNodeOwner(child);
 }
 __name(removeChild, "removeChild");
 function setProperty(node, key, value) {
   const previousValue = getRuntimeDebugHooks() ? readDebugValue(() => Reflect.get(node, key)) : void 0;
-  getRenderer().setProperty(node, key, value);
+  getRenderer().setProperty(node, PROPERTY_IDL_NAMES[key] ?? key, value);
   if (key === "value" && node.tagName === "SELECT") {
     scheduleSelectValueSync(node, value);
   }
@@ -149,15 +283,19 @@ function scheduleSelectValueSync(node, value) {
   pendingSelectValues.set(node, value);
   if (selectSyncScheduled.has(node)) return;
   selectSyncScheduled.add(node);
+  const renderer = getRenderer();
   queueMicrotask(() => {
     selectSyncScheduled.delete(node);
     if (!pendingSelectValues.has(node)) return;
     const pending = pendingSelectValues.get(node);
     pendingSelectValues.delete(node);
-    getRenderer().setProperty(node, "value", pending);
+    renderer.setProperty(node, "value", pending);
   });
 }
 __name(scheduleSelectValueSync, "scheduleSelectValueSync");
+var PROPERTY_IDL_NAMES = {
+  autoFocus: "autofocus"
+};
 function createBlock(factory) {
   const owner = createOwner();
   setOwnerDebugName(owner, "dynamic");
@@ -177,6 +315,11 @@ function createBlock(factory) {
 }
 __name(createBlock, "createBlock");
 function associateNodeOwner(node, owner) {
+  if (node === null || node === void 0 || typeof node !== "object" && typeof node !== "function") {
+    throw new Error(
+      `Vobs: associateNodeOwner \u6536\u5230\u975E\u8282\u70B9\u503C\uFF08${String(node)}\uFF09\u3002\u7EC4\u4EF6\u5FC5\u987B\u8FD4\u56DE VobsNode\uFF1B\u8FD4\u56DE null/undefined \u7531 createComponent \u8F6C\u6210\u7A7A\u6CE8\u91CA\u8282\u70B9\u3002`
+    );
+  }
   nodeOwners.set(node, owner);
 }
 __name(associateNodeOwner, "associateNodeOwner");
@@ -193,7 +336,7 @@ function insertDynamic(parent, anchor, factory) {
   const marker = createComment("vobs:dynamic");
   insertBefore(parent, marker, anchor);
   let current = null;
-  effect(() => {
+  effect2(() => {
     const next = createBlock(factory);
     if (next === current) return;
     if (current) removeChild(parent, current);
@@ -203,82 +346,14 @@ function insertDynamic(parent, anchor, factory) {
 }
 __name(insertDynamic, "insertDynamic");
 
-// packages/runtime/src/error.ts
-var _VobsError = class _VobsError extends Error {
-  constructor(options) {
-    super(options.message);
-    this.name = "VobsError";
-    this.code = options.code;
-    this.severity = options.severity ?? "error";
-    this.layer = options.layer ?? "runtime";
-    this.cause = options.cause;
-    this.fix = options.fix;
-    this.location = options.location;
-    this.trace = options.trace;
-    this.example = options.example;
-    this.docs = options.docs;
-    this.codeFrame = options.codeFrame;
-  }
-};
-__name(_VobsError, "VobsError");
-var VobsError = _VobsError;
-function isVobsError(value) {
-  return value instanceof VobsError || Boolean(value && typeof value === "object" && typeof value.code === "string" && typeof value.message === "string" && typeof value.layer === "string");
-}
-__name(isVobsError, "isVobsError");
-function normalizeVobsError(value, defaults = {}) {
-  if (value instanceof VobsError) return value;
-  if (value instanceof Error) {
-    const metadata = value;
-    const code = defaults.code ?? (typeof metadata.vobsCode === "string" ? metadata.vobsCode : void 0);
-    if (code) defineErrorMetadata(value, "code", code);
-    defineErrorMetadata(value, "severity", defaults.severity ?? "error");
-    defineErrorMetadata(value, "layer", defaults.layer ?? "runtime");
-    const fix = defaults.fix ?? (typeof metadata.vobsHint === "string" ? metadata.vobsHint : void 0);
-    if (fix) defineErrorMetadata(value, "fix", fix);
-    const source = metadata.vobsSource;
-    if (source && typeof source === "object" && typeof source.file === "string" && typeof source.line === "number" && typeof source.column === "number") {
-      defineErrorMetadata(value, "location", source);
-    }
-    return value;
-  }
-  if (isVobsError(value)) {
-    const candidate = value;
-    return new VobsError({
-      code: candidate.code,
-      message: candidate.message,
-      severity: candidate.severity ?? defaults.severity,
-      layer: candidate.layer ?? defaults.layer,
-      cause: candidate.cause,
-      fix: candidate.fix ?? defaults.fix,
-      location: candidate.location,
-      trace: candidate.trace,
-      example: candidate.example,
-      docs: candidate.docs,
-      codeFrame: candidate.codeFrame
-    });
-  }
-  const message = String(value);
-  return new VobsError({
-    code: defaults.code ?? "VOBS_UNKNOWN",
-    message,
-    severity: defaults.severity ?? "error",
-    layer: defaults.layer ?? "runtime",
-    cause: void 0,
-    fix: defaults.fix
-  });
-}
-__name(normalizeVobsError, "normalizeVobsError");
-function defineErrorMetadata(target, key, value) {
-  if (key in target) return;
-  try {
-    Object.defineProperty(target, key, { configurable: true, enumerable: false, value, writable: true });
-  } catch {
+// packages/runtime/src/boundary.ts
+function reportBoundaryError(event, loud) {
+  invokeRuntimeDebug("error", event);
+  if (loud && getRuntimeDebugHooks()?.error === void 0) {
+    console.error(formatVobsError(event.error, { includeStack: true }));
   }
 }
-__name(defineErrorMetadata, "defineErrorMetadata");
-
-// packages/runtime/src/boundary.ts
+__name(reportBoundaryError, "reportBoundaryError");
 function insertBoundary(parent, anchor, options) {
   const boundary = createOwner3();
   boundary.run(() => {
@@ -295,24 +370,24 @@ function insertBoundary(parent, anchor, options) {
         fix: "\u68C0\u67E5\u7EC4\u4EF6\u6E32\u67D3\u903B\u8F91\uFF0C\u6216\u5728\u8FB9\u754C fallback \u4E2D\u63D0\u4F9B\u6062\u590D\u64CD\u4F5C\u3002"
       });
       lastError = normalized;
-      invokeRuntimeDebug("error", {
+      reportBoundaryError({
         error: normalized,
         owner: boundary,
         phase: "boundary",
         handled: true,
         recovery: "fallback"
-      });
+      }, true);
       error.value = normalized;
     });
     const retry = /* @__PURE__ */ __name(() => {
       if (error.value) {
-        invokeRuntimeDebug("error", {
+        reportBoundaryError({
           error: error.value,
           owner: boundary,
           phase: "boundary",
           handled: true,
           recovery: "retrying"
-        });
+        }, false);
       }
       error.value = null;
       return options.onRetry?.();
@@ -327,13 +402,13 @@ function insertBoundary(parent, anchor, options) {
       const currentError = error.value;
       if (!currentError) {
         if (fallbackActive && lastError) {
-          invokeRuntimeDebug("error", {
+          reportBoundaryError({
             error: lastError,
             owner: boundary,
             phase: "boundary",
             handled: true,
             recovery: "recovered"
-          });
+          }, false);
           lastError = null;
         }
         fallbackActive = false;