@vobs/devtools 1.2.0 → 1.2.2

package/dist/index.js

@@ -1,283 +1,24 @@
-import 'axios';
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// packages/reactivity/src/debug.ts
-var activeDebugHooks = null;
-var signalNames = /* @__PURE__ */ new WeakMap();
-function setDebugHooks(hooks) {
-  const previous = activeDebugHooks;
-  activeDebugHooks = hooks;
-  return previous;
-}
-__name(setDebugHooks, "setDebugHooks");
-function getDebugHooks() {
-  return activeDebugHooks;
-}
-__name(getDebugHooks, "getDebugHooks");
-function hasDebugHooks() {
-  return activeDebugHooks !== null;
-}
-__name(hasDebugHooks, "hasDebugHooks");
-function getSignalDebugName(signal) {
-  return signalNames.get(signal);
-}
-__name(getSignalDebugName, "getSignalDebugName");
-function invokeDebug(name, ...args) {
-  const callback = activeDebugHooks?.[name];
-  if (!callback) return;
-  try {
-    callback(...args);
-  } catch {
-  }
-}
-__name(invokeDebug, "invokeDebug");
-
-// packages/reactivity/src/owner.ts
-var ownerNames = /* @__PURE__ */ new WeakMap();
-function getOwnerDebugName(owner) {
-  return ownerNames.get(owner);
-}
-__name(getOwnerDebugName, "getOwnerDebugName");
-function untrack(fn) {
-  try {
-    return fn();
-  } finally {
-  }
-}
-__name(untrack, "untrack");
-
-// 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;
-    const debugEnabled = hasDebugHooks();
-    if (debugEnabled) invokeDebug("flushStart");
-    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 (debugEnabled) invokeDebug("flushEnd");
-    }
-    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/debug.ts
-var activeRuntimeDebugHooks = null;
-var activeRuntimeDebugContext = null;
-function setRuntimeDebugHooks(hooks) {
-  const previous = activeRuntimeDebugHooks;
-  activeRuntimeDebugHooks = hooks;
-  return previous;
-}
-__name(setRuntimeDebugHooks, "setRuntimeDebugHooks");
-function getRuntimeDebugHooks() {
-  return activeRuntimeDebugHooks;
-}
-__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
-function getRuntimeDebugContext() {
-  return activeRuntimeDebugContext;
-}
-__name(getRuntimeDebugContext, "getRuntimeDebugContext");
-
-// packages/runtime/src/hmr.ts
-var globalTarget = globalThis;
-var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
-globalTarget.__VOBS_HMR__ = hmrGlobal;
-
-// 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 {
-  }
-}
-__name(defineErrorMetadata, "defineErrorMetadata");
-
-// packages/vobs/src/app.ts
-function createInjectionKey(description) {
-  return Symbol(description);
-}
-__name(createInjectionKey, "createInjectionKey");
-
-// packages/http/src/debug.ts
-var activeHTTPDebugHooks = null;
-function setHTTPDebugHooks(hooks) {
-  const previous = activeHTTPDebugHooks;
-  activeHTTPDebugHooks = hooks;
-  return previous;
-}
-__name(setHTTPDebugHooks, "setHTTPDebugHooks");
-function getHTTPDebugHooks() {
-  return activeHTTPDebugHooks;
-}
-__name(getHTTPDebugHooks, "getHTTPDebugHooks");
-
 // packages/devtools/src/index.ts
+import {
+  getDebugHooks,
+  getOwnerDebugName,
+  getSignalDebugName,
+  setDebugHooks,
+  untrack
+} from "@vobs/reactivity";
+import {
+  getRuntimeDebugHooks,
+  getRuntimeDebugContext,
+  setRuntimeDebugHooks
+} from "@vobs/runtime";
+import { normalizeVobsError } from "@vobs/runtime";
+import {
+  getHTTPDebugHooks,
+  setHTTPDebugHooks
+} from "@vobs/http";
 var DEVTOOLS_REACTIVITY_EVENTS = [
   "owner-created",
   "owner-named",
@@ -538,15 +279,15 @@ function createDevTools(options = {}) {
     return record;
   }
   __name(ensureSignal, "ensureSignal");
-  function ensureEffect(effect2, owner = null) {
-    const existingId = effectIds.get(effect2);
+  function ensureEffect(effect, owner = null) {
+    const existingId = effectIds.get(effect);
     if (existingId) {
       const existing = effects.get(existingId);
       if (existing) return existing;
     }
     const id = `effect-${nextId++}`;
     const record = {
-      effect: effect2,
+      effect,
       id,
       ownerId: owner ? ensureOwner(owner).id : null,
       status: "dirty",
@@ -558,9 +299,9 @@ function createDevTools(options = {}) {
       lastError: void 0,
       lastDomUpdates: 0,
       runningSince: null,
-      disposed: effect2.disposed
+      disposed: effect.disposed
     };
-    effectIds.set(effect2, id);
+    effectIds.set(effect, id);
     effects.set(id, record);
     return record;
   }
@@ -576,7 +317,7 @@ function createDevTools(options = {}) {
     return `${from}->${to}`;
   }
   __name(edgeKey, "edgeKey");
-  function trackDependency2(dependency, subscriber) {
+  function trackDependency(dependency, subscriber) {
     const source = ensureDependencySignal(dependency);
     if (!source) return;
     const memoId = memoSignalIds.get(subscriber);
@@ -590,7 +331,7 @@ function createDevTools(options = {}) {
       type
     });
   }
-  __name(trackDependency2, "trackDependency");
+  __name(trackDependency, "trackDependency");
   function collectEffectIds(signalId) {
     const effectsForSignal = /* @__PURE__ */ new Set();
     const visited = /* @__PURE__ */ new Set();
@@ -600,8 +341,8 @@ function createDevTools(options = {}) {
       for (const edge of edges.values()) {
         if (edge.from !== sourceId) continue;
         if (effects.has(edge.to)) {
-          const effect2 = effects.get(edge.to);
-          if (effect2 && !isInternalEffect(effect2)) effectsForSignal.add(edge.to);
+          const effect = effects.get(edge.to);
+          if (effect && !isInternalEffect(effect)) effectsForSignal.add(edge.to);
         } else visit(edge.to);
       }
     }, "visit");
@@ -696,8 +437,8 @@ function createDevTools(options = {}) {
         signals.delete(id);
       }
     }
-    for (const [id, effect2] of effects) {
-      if (effect2.ownerId === record.id) {
+    for (const [id, effect] of effects) {
+      if (effect.ownerId === record.id) {
         removedIds.add(id);
         effects.delete(id);
       }
@@ -712,15 +453,15 @@ function createDevTools(options = {}) {
   }
   __name(debugComponentName, "debugComponentName");
   function buildComponentNode(record, activeIds) {
-    const componentEffects = [...effects.values()].filter((effect2) => !effect2.disposed && effect2.ownerId === record.id);
-    const componentEffectIds = new Set(componentEffects.map((effect2) => effect2.id));
-    const componentUpdates = updates.filter((update) => update.effects.some((effect2) => componentEffectIds.has(effect2.effectId)));
+    const componentEffects = [...effects.values()].filter((effect) => !effect.disposed && effect.ownerId === record.id);
+    const componentEffectIds = new Set(componentEffects.map((effect) => effect.id));
+    const componentUpdates = updates.filter((update) => update.effects.some((effect) => componentEffectIds.has(effect.effectId)));
     return {
       id: record.id,
       name: record.name,
       ownerId: record.id,
       signals: [...signals.values()].filter((signal) => !signal.disposed && signal.ownerId === record.id).map((signal) => signal.id),
-      effects: componentEffects.map((effect2) => effect2.id),
+      effects: componentEffects.map((effect) => effect.id),
       recentUpdates: componentUpdates.slice(-10).map((update) => update.id),
       domUpdates: componentUpdates.reduce((count, update) => count + update.domUpdates.length, 0),
       children: [...owners.values()].filter((child) => !child.disposed && child.parentId === record.id && activeIds.has(child.id)).map((child) => buildComponentNode(child, activeIds)),
@@ -831,6 +572,10 @@ function createDevTools(options = {}) {
       let pending = pendingUpdates.find((item) => item.signal.signal === signal);
       if (pending) {
         pending.nextValue = nextValue;
+        const context = getRuntimeDebugContext();
+        if (context?.route) pending.context = { ...pending.context, route: context.route };
+        if (context?.navigationId !== void 0) pending.context = { ...pending.context, navigationId: context.navigationId };
+        if (context?.dataRequestId !== void 0) pending.context.requestIds.add(context.dataRequestId);
       } else {
         pending = {
           id: `update-${nextId++}`,
@@ -848,7 +593,7 @@ function createDevTools(options = {}) {
             route: getRuntimeDebugContext()?.route,
             navigationId: getRuntimeDebugContext()?.navigationId,
             requestIds: new Set(
-              [] 
+              getRuntimeDebugContext()?.dataRequestId === void 0 ? [] : [getRuntimeDebugContext().dataRequestId]
             )
           }
         };
@@ -874,26 +619,26 @@ function createDevTools(options = {}) {
       cleanupSignalRecord(record);
     },
     dependencyTracked(dependency, subscriber) {
-      trackDependency2(dependency, subscriber);
+      trackDependency(dependency, subscriber);
     },
     dependencyUntracked(dependency, subscriber) {
       untrackDependency(dependency, subscriber);
     },
-    effectCreated(effect2, owner) {
-      const record = ensureEffect(effect2, owner);
+    effectCreated(effect, owner) {
+      const record = ensureEffect(effect, owner);
       if (isInternalEffect(record)) return;
       recordLifecycle("effect-created", record.id, effectInfo(record).name, record.ownerId ?? void 0);
       emit("effect-created", effectInfo(record));
     },
-    effectInvalidated(effect2) {
-      const record = ensureEffect(effect2);
+    effectInvalidated(effect) {
+      const record = ensureEffect(effect);
       if (isInternalEffect(record)) return;
       record.status = "dirty";
       recordLifecycle("effect-invalidated", record.id, effectInfo(record).name, record.ownerId ?? void 0);
       emit("effect-invalidated", effectInfo(record));
     },
-    effectRunStart(effect2) {
-      const record = ensureEffect(effect2);
+    effectRunStart(effect) {
+      const record = ensureEffect(effect);
       if (isInternalEffect(record)) return;
       record.status = "running";
       record.runningSince = now();
@@ -901,8 +646,8 @@ function createDevTools(options = {}) {
       recordLifecycle("effect-run-start", record.id, effectInfo(record).name, record.ownerId ?? void 0);
       emit("effect-run-start", effectInfo(record));
     },
-    effectRunEnd(effect2, error, handled = false) {
-      const record = ensureEffect(effect2);
+    effectRunEnd(effect, error, handled = false) {
+      const record = ensureEffect(effect);
       if (isInternalEffect(record)) return;
       const end = now();
       const duration = record.runningSince === null ? 0 : Math.max(0, end - record.runningSince);
@@ -953,8 +698,8 @@ function createDevTools(options = {}) {
       recordLifecycle("effect-run", record.id, effectInfo(record).name, record.ownerId ?? void 0, runStatus);
       emit("effect-run", execution);
     },
-    effectDisposed(effect2) {
-      const record = ensureEffect(effect2);
+    effectDisposed(effect) {
+      const record = ensureEffect(effect);
       const internal = isInternalEffect(record);
       record.disposed = true;
       record.status = "idle";
@@ -983,8 +728,8 @@ function createDevTools(options = {}) {
   const runtimeHooks = {
     domMutation(mutation) {
       if (!activeEffectId) return;
-      const effect2 = effects.get(activeEffectId);
-      if (!effect2 || isInternalEffect(effect2)) return;
+      const effect = effects.get(activeEffectId);
+      if (!effect || isInternalEffect(effect)) return;
       const safeMutation = {
         ...mutation,
         previousValue: privacy.redactDomValues ? privacy.replacement : serializeForDevTools(mutation.previousValue, /* @__PURE__ */ new Set(), 0, privacy),
@@ -1276,7 +1021,7 @@ function createDevTools(options = {}) {
       return [...edges.values()].filter((edge) => edge.to === subscriberId);
     },
     getEffects() {
-      return [...effects.values()].filter((effect2) => !effect2.disposed && !isInternalEffect(effect2)).map(effectInfo);
+      return [...effects.values()].filter((effect) => !effect.disposed && !isInternalEffect(effect)).map(effectInfo);
     },
     getUpdates() {
       return updates.slice();
@@ -1307,15 +1052,15 @@ function createDevTools(options = {}) {
           status: update.status
         });
       }
-      for (const effect2 of effects.values()) {
-        if (effect2.disposed || isInternalEffect(effect2) || effect2.lastDuration <= 0) continue;
+      for (const effect of effects.values()) {
+        if (effect.disposed || isInternalEffect(effect) || effect.lastDuration <= 0) continue;
         entries.push({
           kind: "effect",
-          id: effect2.id,
-          label: effectInfo(effect2).name,
-          duration: effect2.lastDuration,
-          timestamp: effect2.lastExecutionTime,
-          status: effect2.lastRunStatus ?? effect2.status
+          id: effect.id,
+          label: effectInfo(effect).name,
+          duration: effect.lastDuration,
+          timestamp: effect.lastExecutionTime,
+          status: effect.lastRunStatus ?? effect.status
         });
       }
       for (const request of networkRequests.values()) {
@@ -1361,7 +1106,7 @@ function createDevTools(options = {}) {
     },
     getPerformanceMetrics() {
       const total = updateDurations.reduce((sum, duration) => sum + duration, 0);
-      const effectDurations = [...effects.values()].filter((effect2) => !effect2.disposed).map((effect2) => effect2.lastDuration).filter((duration) => duration > 0);
+      const effectDurations = [...effects.values()].filter((effect) => !effect.disposed).map((effect) => effect.lastDuration).filter((duration) => duration > 0);
       const requestDurations = [...networkRequests.values()].map((request) => request.duration ?? 0).filter((duration) => duration > 0);
       return {
         updateCount,
@@ -1378,7 +1123,7 @@ function createDevTools(options = {}) {
     takeMemorySnapshot() {
       return {
         signalCount: [...signals.values()].filter((signal) => !signal.disposed && !isInternalSignal(signal)).length,
-        effectCount: [...effects.values()].filter((effect2) => !effect2.disposed && !isInternalEffect(effect2)).length,
+        effectCount: [...effects.values()].filter((effect) => !effect.disposed && !isInternalEffect(effect)).length,
         ownerCount: [...owners.values()].filter((owner) => !owner.disposed && !isInternalOwnerId(owner.id)).length,
         dependencyEdgeCount: edges.size,
         leakedOwners: [...owners.values()].filter((owner) => owner.disposed).length
@@ -1831,7 +1576,14 @@ function serializeForDevTools(value, seen = /* @__PURE__ */ new Set(), depth = 0
   }
 }
 __name(serializeForDevTools, "serializeForDevTools");
-
-export { DEVTOOLS_EVENTS, DEVTOOLS_REACTIVITY_EVENTS, connectDevTools, createDevTools, devtoolsPlugin, disableDevTools, enableDevTools, getDevTools };
-//# sourceMappingURL=index.js.map
+export {
+  DEVTOOLS_EVENTS,
+  DEVTOOLS_REACTIVITY_EVENTS,
+  connectDevTools,
+  createDevTools,
+  devtoolsPlugin,
+  disableDevTools,
+  enableDevTools,
+  getDevTools
+};
 //# sourceMappingURL=index.js.map