@vue/devtools-kit 7.6.3 → 7.6.5

package/dist/index.cjs

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.10.0__@swc+core@1.5.29_jiti@2.0.0_p_lm6fffj5lkeoeahdikwtvgu66m/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.10.0__@swc+core@1.5.29_jiti@2.0.0_p_lm6fffj5lkeoeahdikwtvgu66m/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1695,28 +1695,11 @@ var import_devtools_shared19 = require("@vue/devtools-shared");
 init_cjs_shims();
 var import_devtools_shared17 = require("@vue/devtools-shared");
 
-// src/core/component/state/editor.ts
+// src/core/component-highlighter/index.ts
 init_cjs_shims();
 
-// src/shared/stub-vue.ts
+// src/core/component/state/bounding-rect.ts
 init_cjs_shims();
-function isReadonly(value) {
-  return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
-}
-function isReactive(value) {
-  if (isReadonly(value)) {
-    return isReactive(value["__v_raw" /* RAW */]);
-  }
-  return !!(value && value["__v_isReactive" /* IS_REACTIVE */]);
-}
-function isRef(r) {
-  return !!(r && r.__v_isRef === true);
-}
-function toRaw(observed) {
-  const raw = observed && observed["__v_raw" /* RAW */];
-  return raw ? toRaw(raw) : observed;
-}
-var Fragment = Symbol.for("v-fgt");
 
 // src/core/component/utils/index.ts
 init_cjs_shims();
@@ -1829,178 +1812,7 @@ function ensurePropertyExists(obj, key, skipObjCheck = false) {
   return skipObjCheck ? key in obj : typeof obj === "object" && obj !== null ? key in obj : false;
 }
 
-// src/core/component/state/editor.ts
-var StateEditor = class {
-  constructor() {
-    this.refEditor = new RefStateEditor();
-  }
-  set(object, path, value, cb) {
-    const sections = Array.isArray(path) ? path : path.split(".");
-    const markRef = false;
-    while (sections.length > 1) {
-      const section = sections.shift();
-      if (object instanceof Map)
-        object = object.get(section);
-      if (object instanceof Set)
-        object = Array.from(object.values())[section];
-      else object = object[section];
-      if (this.refEditor.isRef(object))
-        object = this.refEditor.get(object);
-    }
-    const field = sections[0];
-    const item = this.refEditor.get(object)[field];
-    if (cb) {
-      cb(object, field, value);
-    } else {
-      if (this.refEditor.isRef(item))
-        this.refEditor.set(item, value);
-      else if (markRef)
-        object[field] = value;
-      else
-        object[field] = value;
-    }
-  }
-  get(object, path) {
-    const sections = Array.isArray(path) ? path : path.split(".");
-    for (let i = 0; i < sections.length; i++) {
-      if (object instanceof Map)
-        object = object.get(sections[i]);
-      else
-        object = object[sections[i]];
-      if (this.refEditor.isRef(object))
-        object = this.refEditor.get(object);
-      if (!object)
-        return void 0;
-    }
-    return object;
-  }
-  has(object, path, parent = false) {
-    if (typeof object === "undefined")
-      return false;
-    const sections = Array.isArray(path) ? path.slice() : path.split(".");
-    const size = !parent ? 1 : 2;
-    while (object && sections.length > size) {
-      const section = sections.shift();
-      object = object[section];
-      if (this.refEditor.isRef(object))
-        object = this.refEditor.get(object);
-    }
-    return object != null && Object.prototype.hasOwnProperty.call(object, sections[0]);
-  }
-  createDefaultSetCallback(state) {
-    return (object, field, value) => {
-      if (state.remove || state.newKey) {
-        if (Array.isArray(object))
-          object.splice(field, 1);
-        else if (toRaw(object) instanceof Map)
-          object.delete(field);
-        else if (toRaw(object) instanceof Set)
-          object.delete(Array.from(object.values())[field]);
-        else Reflect.deleteProperty(object, field);
-      }
-      if (!state.remove) {
-        const target22 = object[state.newKey || field];
-        if (this.refEditor.isRef(target22))
-          this.refEditor.set(target22, value);
-        else if (toRaw(object) instanceof Map)
-          object.set(state.newKey || field, value);
-        else if (toRaw(object) instanceof Set)
-          object.add(value);
-        else
-          object[state.newKey || field] = value;
-      }
-    };
-  }
-};
-var RefStateEditor = class {
-  set(ref, value) {
-    if (isRef(ref)) {
-      ref.value = value;
-    } else {
-      if (ref instanceof Set && Array.isArray(value)) {
-        ref.clear();
-        value.forEach((v) => ref.add(v));
-        return;
-      }
-      const currentKeys = Object.keys(value);
-      if (ref instanceof Map) {
-        const previousKeysSet2 = new Set(ref.keys());
-        currentKeys.forEach((key) => {
-          ref.set(key, Reflect.get(value, key));
-          previousKeysSet2.delete(key);
-        });
-        previousKeysSet2.forEach((key) => ref.delete(key));
-        return;
-      }
-      const previousKeysSet = new Set(Object.keys(ref));
-      currentKeys.forEach((key) => {
-        Reflect.set(ref, key, Reflect.get(value, key));
-        previousKeysSet.delete(key);
-      });
-      previousKeysSet.forEach((key) => Reflect.deleteProperty(ref, key));
-    }
-  }
-  get(ref) {
-    return isRef(ref) ? ref.value : ref;
-  }
-  isRef(ref) {
-    return isRef(ref) || isReactive(ref);
-  }
-};
-async function editComponentState(payload, stateEditor2) {
-  const { path, nodeId, state, type } = payload;
-  const instance = getComponentInstance(activeAppRecord.value, nodeId);
-  if (!instance)
-    return;
-  const targetPath = path.slice();
-  let target22;
-  if (Object.keys(instance.props).includes(path[0])) {
-    target22 = instance.props;
-  } else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) {
-    target22 = instance.devtoolsRawSetupState;
-  } else if (instance.data && Object.keys(instance.data).includes(path[0])) {
-    target22 = instance.data;
-  } else {
-    target22 = instance.proxy;
-  }
-  if (target22 && targetPath) {
-    if (state.type === "object" && type === "reactive") {
-    }
-    stateEditor2.set(target22, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
-  }
-}
-var stateEditor = new StateEditor();
-async function editState(payload) {
-  editComponentState(payload, stateEditor);
-}
-
-// src/core/component/tree/el.ts
-init_cjs_shims();
-function getRootElementsFromComponentInstance(instance) {
-  if (isFragment(instance))
-    return getFragmentRootElements(instance.subTree);
-  if (!instance.subTree)
-    return [];
-  return [instance.subTree.el];
-}
-function getFragmentRootElements(vnode) {
-  if (!vnode.children)
-    return [];
-  const list = [];
-  vnode.children.forEach((childVnode) => {
-    if (childVnode.component)
-      list.push(...getRootElementsFromComponentInstance(childVnode.component));
-    else if (childVnode == null ? void 0 : childVnode.el)
-      list.push(childVnode.el);
-  });
-  return list;
-}
-
-// src/core/component-highlighter/index.ts
-init_cjs_shims();
-
 // src/core/component/state/bounding-rect.ts
-init_cjs_shims();
 function createRect() {
   const rect = {
     top: 0,
@@ -2078,6 +1890,28 @@ function getComponentBoundingRect(instance) {
     return DEFAULT_RECT;
 }
 
+// src/core/component/tree/el.ts
+init_cjs_shims();
+function getRootElementsFromComponentInstance(instance) {
+  if (isFragment(instance))
+    return getFragmentRootElements(instance.subTree);
+  if (!instance.subTree)
+    return [];
+  return [instance.subTree.el];
+}
+function getFragmentRootElements(vnode) {
+  if (!vnode.children)
+    return [];
+  const list = [];
+  vnode.children.forEach((childVnode) => {
+    if (childVnode.component)
+      list.push(...getRootElementsFromComponentInstance(childVnode.component));
+    else if (childVnode == null ? void 0 : childVnode.el)
+      list.push(childVnode.el);
+  });
+  return list;
+}
+
 // src/core/component-highlighter/index.ts
 var CONTAINER_ELEMENT_ID = "__vue-devtools-component-inspector__";
 var CARD_ELEMENT_ID = "__vue-devtools-component-inspector__card__";
@@ -2335,6 +2169,174 @@ function getComponentInspector() {
   });
 }
 
+// src/core/component/state/editor.ts
+init_cjs_shims();
+
+// src/shared/stub-vue.ts
+init_cjs_shims();
+function isReadonly(value) {
+  return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
+}
+function isReactive(value) {
+  if (isReadonly(value)) {
+    return isReactive(value["__v_raw" /* RAW */]);
+  }
+  return !!(value && value["__v_isReactive" /* IS_REACTIVE */]);
+}
+function isRef(r) {
+  return !!(r && r.__v_isRef === true);
+}
+function toRaw(observed) {
+  const raw = observed && observed["__v_raw" /* RAW */];
+  return raw ? toRaw(raw) : observed;
+}
+var Fragment = Symbol.for("v-fgt");
+
+// src/core/component/state/editor.ts
+var StateEditor = class {
+  constructor() {
+    this.refEditor = new RefStateEditor();
+  }
+  set(object, path, value, cb) {
+    const sections = Array.isArray(path) ? path : path.split(".");
+    const markRef = false;
+    while (sections.length > 1) {
+      const section = sections.shift();
+      if (object instanceof Map)
+        object = object.get(section);
+      if (object instanceof Set)
+        object = Array.from(object.values())[section];
+      else object = object[section];
+      if (this.refEditor.isRef(object))
+        object = this.refEditor.get(object);
+    }
+    const field = sections[0];
+    const item = this.refEditor.get(object)[field];
+    if (cb) {
+      cb(object, field, value);
+    } else {
+      if (this.refEditor.isRef(item))
+        this.refEditor.set(item, value);
+      else if (markRef)
+        object[field] = value;
+      else
+        object[field] = value;
+    }
+  }
+  get(object, path) {
+    const sections = Array.isArray(path) ? path : path.split(".");
+    for (let i = 0; i < sections.length; i++) {
+      if (object instanceof Map)
+        object = object.get(sections[i]);
+      else
+        object = object[sections[i]];
+      if (this.refEditor.isRef(object))
+        object = this.refEditor.get(object);
+      if (!object)
+        return void 0;
+    }
+    return object;
+  }
+  has(object, path, parent = false) {
+    if (typeof object === "undefined")
+      return false;
+    const sections = Array.isArray(path) ? path.slice() : path.split(".");
+    const size = !parent ? 1 : 2;
+    while (object && sections.length > size) {
+      const section = sections.shift();
+      object = object[section];
+      if (this.refEditor.isRef(object))
+        object = this.refEditor.get(object);
+    }
+    return object != null && Object.prototype.hasOwnProperty.call(object, sections[0]);
+  }
+  createDefaultSetCallback(state) {
+    return (object, field, value) => {
+      if (state.remove || state.newKey) {
+        if (Array.isArray(object))
+          object.splice(field, 1);
+        else if (toRaw(object) instanceof Map)
+          object.delete(field);
+        else if (toRaw(object) instanceof Set)
+          object.delete(Array.from(object.values())[field]);
+        else Reflect.deleteProperty(object, field);
+      }
+      if (!state.remove) {
+        const target22 = object[state.newKey || field];
+        if (this.refEditor.isRef(target22))
+          this.refEditor.set(target22, value);
+        else if (toRaw(object) instanceof Map)
+          object.set(state.newKey || field, value);
+        else if (toRaw(object) instanceof Set)
+          object.add(value);
+        else
+          object[state.newKey || field] = value;
+      }
+    };
+  }
+};
+var RefStateEditor = class {
+  set(ref, value) {
+    if (isRef(ref)) {
+      ref.value = value;
+    } else {
+      if (ref instanceof Set && Array.isArray(value)) {
+        ref.clear();
+        value.forEach((v) => ref.add(v));
+        return;
+      }
+      const currentKeys = Object.keys(value);
+      if (ref instanceof Map) {
+        const previousKeysSet2 = new Set(ref.keys());
+        currentKeys.forEach((key) => {
+          ref.set(key, Reflect.get(value, key));
+          previousKeysSet2.delete(key);
+        });
+        previousKeysSet2.forEach((key) => ref.delete(key));
+        return;
+      }
+      const previousKeysSet = new Set(Object.keys(ref));
+      currentKeys.forEach((key) => {
+        Reflect.set(ref, key, Reflect.get(value, key));
+        previousKeysSet.delete(key);
+      });
+      previousKeysSet.forEach((key) => Reflect.deleteProperty(ref, key));
+    }
+  }
+  get(ref) {
+    return isRef(ref) ? ref.value : ref;
+  }
+  isRef(ref) {
+    return isRef(ref) || isReactive(ref);
+  }
+};
+async function editComponentState(payload, stateEditor2) {
+  const { path, nodeId, state, type } = payload;
+  const instance = getComponentInstance(activeAppRecord.value, nodeId);
+  if (!instance)
+    return;
+  const targetPath = path.slice();
+  let target22;
+  if (Object.keys(instance.props).includes(path[0])) {
+    target22 = instance.props;
+  } else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) {
+    target22 = instance.devtoolsRawSetupState;
+  } else if (instance.data && Object.keys(instance.data).includes(path[0])) {
+    target22 = instance.data;
+  } else {
+    target22 = instance.proxy;
+  }
+  if (target22 && targetPath) {
+    if (state.type === "object" && type === "reactive") {
+    }
+    stateEditor2.set(target22, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
+  }
+}
+var stateEditor = new StateEditor();
+async function editState(payload) {
+  editComponentState(payload, stateEditor);
+}
+
 // src/core/open-in-editor/index.ts
 init_cjs_shims();
 var import_devtools_shared8 = require("@vue/devtools-shared");
@@ -3129,6 +3131,9 @@ var DevToolsV6PluginAPI = class {
   // component inspector
   notifyComponentUpdate(instance) {
     var _a25;
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     const inspector = getActiveInspectors().find((i) => i.packageName === this.plugin.descriptor.packageName);
     if (inspector == null ? void 0 : inspector.id) {
       if (instance) {
@@ -3153,9 +3158,15 @@ var DevToolsV6PluginAPI = class {
     }
   }
   sendInspectorTree(inspectorId) {
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     this.hooks.callHook("sendInspectorTree" /* SEND_INSPECTOR_TREE */, { inspectorId, plugin: this.plugin });
   }
   sendInspectorState(inspectorId) {
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     this.hooks.callHook("sendInspectorState" /* SEND_INSPECTOR_STATE */, { inspectorId, plugin: this.plugin });
   }
   selectInspectorNode(inspectorId, nodeId) {
@@ -3166,12 +3177,18 @@ var DevToolsV6PluginAPI = class {
   }
   // timeline
   now() {
+    if (devtoolsState.highPerfModeEnabled) {
+      return 0;
+    }
     return Date.now();
   }
   addTimelineLayer(options) {
     this.hooks.callHook("timelineLayerAdded" /* TIMELINE_LAYER_ADDED */, { options, plugin: this.plugin });
   }
   addTimelineEvent(options) {
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     this.hooks.callHook("timelineEventAdded" /* TIMELINE_EVENT_ADDED */, { options, plugin: this.plugin });
   }
   // settings
@@ -3362,12 +3379,21 @@ function sanitize(data) {
   }
 }
 function getSetupStateType(raw) {
-  return {
-    ref: isRef2(raw),
-    computed: isComputed(raw),
-    reactive: isReactive2(raw),
-    readonly: isReadOnly(raw)
-  };
+  try {
+    return {
+      ref: isRef2(raw),
+      computed: isComputed(raw),
+      reactive: isReactive2(raw),
+      readonly: isReadOnly(raw)
+    };
+  } catch (e) {
+    return {
+      ref: false,
+      computed: false,
+      reactive: false,
+      readonly: false
+    };
+  }
 }
 function toRaw2(value) {
   if (value == null ? void 0 : value.__v_raw)
@@ -3418,7 +3444,7 @@ function processProps(instance) {
   var _a25;
   const props = [];
   const propDefinitions = (_a25 = instance == null ? void 0 : instance.type) == null ? void 0 : _a25.props;
-  for (const key in instance.props) {
+  for (const key in instance == null ? void 0 : instance.props) {
     const propDefinition = propDefinitions ? propDefinitions[key] : null;
     const camelizeKey = (0, import_devtools_shared11.camelize)(key);
     props.push({
@@ -3439,7 +3465,7 @@ function processProps(instance) {
 }
 function processState(instance) {
   const type = instance.type;
-  const props = type.props;
+  const props = type == null ? void 0 : type.props;
   const getters = type.vuex && type.vuex.getters;
   const computedDefs = type.computed;
   const data = {
@@ -3466,10 +3492,11 @@ function processSetupState(instance) {
   return Object.keys(instance.setupState).filter((key) => !vueBuiltins.has(key) && key.split(/(?=[A-Z])/)[0] !== "use").map((key) => {
     var _a25, _b25, _c, _d;
     const value = returnError(() => toRaw2(instance.setupState[key]));
+    const accessError = value instanceof Error;
     const rawData = raw[key];
     let result;
-    let isOtherType = typeof value === "function" || ensurePropertyExists(value, "render") && typeof value.render === "function" || ensurePropertyExists(value, "__asyncLoader") && typeof value.__asyncLoader === "function" || typeof value === "object" && value && ("setup" in value || "props" in value) || /^v[A-Z]/.test(key);
-    if (rawData) {
+    let isOtherType = accessError || typeof value === "function" || ensurePropertyExists(value, "render") && typeof value.render === "function" || ensurePropertyExists(value, "__asyncLoader") && typeof value.__asyncLoader === "function" || typeof value === "object" && value && ("setup" in value || "props" in value) || /^v[A-Z]/.test(key);
+    if (rawData && !accessError) {
       const info = getSetupStateType(rawData);
       const { stateType, stateTypeName } = getStateTypeAndName(info);
       const isState = info.ref || info.computed || info.reactive;
@@ -4238,7 +4265,7 @@ function removeRegisteredPluginApp(app) {
   import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
 }
 function registerDevToolsPlugin(app) {
-  if (import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
+  if (import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app) || devtoolsState.highPerfModeEnabled)
     return;
   import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
@@ -4663,6 +4690,9 @@ function onDevToolsClientConnected(fn) {
 init_cjs_shims();
 function toggleHighPerfMode(state) {
   devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
+  if (!state && activeAppRecord.value) {
+    registerDevToolsPlugin(activeAppRecord.value.app);
+  }
 }
 
 // src/core/component/state/format.ts
@@ -6199,7 +6229,7 @@ function getFunctionDetails(func) {
   return {
     _custom: {
       type: "function",
-      displayText: `<span style="opacity:.5;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(name)}${args}</span>`,
+      displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(name)}${args}</span>`,
       tooltipText: string.trim() ? `<pre>${string}</pre>` : null
     }
   };

package/dist/index.d.cts

@@ -849,11 +849,6 @@ declare function callDevToolsPluginSetupFn(plugin: [PluginDescriptor, PluginSetu
 declare function removeRegisteredPluginApp(app: App): void;
 declare function registerDevToolsPlugin(app: App): void;
 
-declare const UNDEFINED = "__vue_devtool_undefined__";
-declare const INFINITY = "__vue_devtool_infinity__";
-declare const NEGATIVE_INFINITY = "__vue_devtool_negative_infinity__";
-declare const NAN = "__vue_devtool_nan__";
-
 interface ComponentBoundingRect {
     left: number;
     top: number;
@@ -955,22 +950,6 @@ interface InspectorTree {
     children?: InspectorTree[];
 }
 
-declare function getInspectorStateValueType(value: any, raw?: boolean): string;
-declare function formatInspectorStateValue(value: any, quotes?: boolean, options?: {
-    customClass?: Partial<Record<'string', string>>;
-}): any;
-declare function getRaw(value: InspectorState['value']): {
-    value: object | string | number | boolean | null;
-    inherit: Record<string, any> | {
-        abstract: true;
-    };
-    customType?: customTypeEnums;
-};
-declare function toEdit(value: unknown, customType?: customTypeEnums): string;
-declare function toSubmit(value: string, customType?: customTypeEnums): any;
-
-declare function isPlainObject(obj: unknown): obj is object;
-
 interface ComponentHighLighterOptions {
     bounds: ComponentBoundingRect;
     name?: string;
@@ -988,6 +967,27 @@ declare function cancelInspectComponentHighLighter(): void;
 declare function inspectComponentHighLighter(): Promise<string>;
 declare function scrollToComponent(options: ScrollToComponentOptions): void;
 
+declare const UNDEFINED = "__vue_devtool_undefined__";
+declare const INFINITY = "__vue_devtool_infinity__";
+declare const NEGATIVE_INFINITY = "__vue_devtool_negative_infinity__";
+declare const NAN = "__vue_devtool_nan__";
+
+declare function getInspectorStateValueType(value: any, raw?: boolean): string;
+declare function formatInspectorStateValue(value: any, quotes?: boolean, options?: {
+    customClass?: Partial<Record<'string', string>>;
+}): any;
+declare function getRaw(value: InspectorState['value']): {
+    value: object | string | number | boolean | null;
+    inherit: Record<string, any> | {
+        abstract: true;
+    };
+    customType?: customTypeEnums;
+};
+declare function toEdit(value: unknown, customType?: customTypeEnums): string;
+declare function toSubmit(value: string, customType?: customTypeEnums): any;
+
+declare function isPlainObject(obj: unknown): obj is object;
+
 declare function updateDevToolsClientDetected(params: Record<string, boolean>): void;
 
 interface EventEmitter$2 {

package/dist/index.d.ts

@@ -849,11 +849,6 @@ declare function callDevToolsPluginSetupFn(plugin: [PluginDescriptor, PluginSetu
 declare function removeRegisteredPluginApp(app: App): void;
 declare function registerDevToolsPlugin(app: App): void;
 
-declare const UNDEFINED = "__vue_devtool_undefined__";
-declare const INFINITY = "__vue_devtool_infinity__";
-declare const NEGATIVE_INFINITY = "__vue_devtool_negative_infinity__";
-declare const NAN = "__vue_devtool_nan__";
-
 interface ComponentBoundingRect {
     left: number;
     top: number;
@@ -955,22 +950,6 @@ interface InspectorTree {
     children?: InspectorTree[];
 }
 
-declare function getInspectorStateValueType(value: any, raw?: boolean): string;
-declare function formatInspectorStateValue(value: any, quotes?: boolean, options?: {
-    customClass?: Partial<Record<'string', string>>;
-}): any;
-declare function getRaw(value: InspectorState['value']): {
-    value: object | string | number | boolean | null;
-    inherit: Record<string, any> | {
-        abstract: true;
-    };
-    customType?: customTypeEnums;
-};
-declare function toEdit(value: unknown, customType?: customTypeEnums): string;
-declare function toSubmit(value: string, customType?: customTypeEnums): any;
-
-declare function isPlainObject(obj: unknown): obj is object;
-
 interface ComponentHighLighterOptions {
     bounds: ComponentBoundingRect;
     name?: string;
@@ -988,6 +967,27 @@ declare function cancelInspectComponentHighLighter(): void;
 declare function inspectComponentHighLighter(): Promise<string>;
 declare function scrollToComponent(options: ScrollToComponentOptions): void;
 
+declare const UNDEFINED = "__vue_devtool_undefined__";
+declare const INFINITY = "__vue_devtool_infinity__";
+declare const NEGATIVE_INFINITY = "__vue_devtool_negative_infinity__";
+declare const NAN = "__vue_devtool_nan__";
+
+declare function getInspectorStateValueType(value: any, raw?: boolean): string;
+declare function formatInspectorStateValue(value: any, quotes?: boolean, options?: {
+    customClass?: Partial<Record<'string', string>>;
+}): any;
+declare function getRaw(value: InspectorState['value']): {
+    value: object | string | number | boolean | null;
+    inherit: Record<string, any> | {
+        abstract: true;
+    };
+    customType?: customTypeEnums;
+};
+declare function toEdit(value: unknown, customType?: customTypeEnums): string;
+declare function toSubmit(value: string, customType?: customTypeEnums): any;
+
+declare function isPlainObject(obj: unknown): obj is object;
+
 declare function updateDevToolsClientDetected(params: Record<string, boolean>): void;
 
 interface EventEmitter$2 {

package/dist/index.js

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.10.0__@swc+core@1.5.29_jiti@2.0.0_p_lm6fffj5lkeoeahdikwtvgu66m/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.9.0__@swc+core@1.5.29_jiti@2.0.0_po_lnt5yfvawfblpk67opvcdwbq7u/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.43.0_@types+node@22.10.0__@swc+core@1.5.29_jiti@2.0.0_p_lm6fffj5lkeoeahdikwtvgu66m/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1604,28 +1604,11 @@ import { target as target11 } from "@vue/devtools-shared";
 init_esm_shims();
 import { target as target9 } from "@vue/devtools-shared";
 
-// src/core/component/state/editor.ts
+// src/core/component-highlighter/index.ts
 init_esm_shims();
 
-// src/shared/stub-vue.ts
+// src/core/component/state/bounding-rect.ts
 init_esm_shims();
-function isReadonly(value) {
-  return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
-}
-function isReactive(value) {
-  if (isReadonly(value)) {
-    return isReactive(value["__v_raw" /* RAW */]);
-  }
-  return !!(value && value["__v_isReactive" /* IS_REACTIVE */]);
-}
-function isRef(r) {
-  return !!(r && r.__v_isRef === true);
-}
-function toRaw(observed) {
-  const raw = observed && observed["__v_raw" /* RAW */];
-  return raw ? toRaw(raw) : observed;
-}
-var Fragment = Symbol.for("v-fgt");
 
 // src/core/component/utils/index.ts
 init_esm_shims();
@@ -1738,178 +1721,7 @@ function ensurePropertyExists(obj, key, skipObjCheck = false) {
   return skipObjCheck ? key in obj : typeof obj === "object" && obj !== null ? key in obj : false;
 }
 
-// src/core/component/state/editor.ts
-var StateEditor = class {
-  constructor() {
-    this.refEditor = new RefStateEditor();
-  }
-  set(object, path, value, cb) {
-    const sections = Array.isArray(path) ? path : path.split(".");
-    const markRef = false;
-    while (sections.length > 1) {
-      const section = sections.shift();
-      if (object instanceof Map)
-        object = object.get(section);
-      if (object instanceof Set)
-        object = Array.from(object.values())[section];
-      else object = object[section];
-      if (this.refEditor.isRef(object))
-        object = this.refEditor.get(object);
-    }
-    const field = sections[0];
-    const item = this.refEditor.get(object)[field];
-    if (cb) {
-      cb(object, field, value);
-    } else {
-      if (this.refEditor.isRef(item))
-        this.refEditor.set(item, value);
-      else if (markRef)
-        object[field] = value;
-      else
-        object[field] = value;
-    }
-  }
-  get(object, path) {
-    const sections = Array.isArray(path) ? path : path.split(".");
-    for (let i = 0; i < sections.length; i++) {
-      if (object instanceof Map)
-        object = object.get(sections[i]);
-      else
-        object = object[sections[i]];
-      if (this.refEditor.isRef(object))
-        object = this.refEditor.get(object);
-      if (!object)
-        return void 0;
-    }
-    return object;
-  }
-  has(object, path, parent = false) {
-    if (typeof object === "undefined")
-      return false;
-    const sections = Array.isArray(path) ? path.slice() : path.split(".");
-    const size = !parent ? 1 : 2;
-    while (object && sections.length > size) {
-      const section = sections.shift();
-      object = object[section];
-      if (this.refEditor.isRef(object))
-        object = this.refEditor.get(object);
-    }
-    return object != null && Object.prototype.hasOwnProperty.call(object, sections[0]);
-  }
-  createDefaultSetCallback(state) {
-    return (object, field, value) => {
-      if (state.remove || state.newKey) {
-        if (Array.isArray(object))
-          object.splice(field, 1);
-        else if (toRaw(object) instanceof Map)
-          object.delete(field);
-        else if (toRaw(object) instanceof Set)
-          object.delete(Array.from(object.values())[field]);
-        else Reflect.deleteProperty(object, field);
-      }
-      if (!state.remove) {
-        const target22 = object[state.newKey || field];
-        if (this.refEditor.isRef(target22))
-          this.refEditor.set(target22, value);
-        else if (toRaw(object) instanceof Map)
-          object.set(state.newKey || field, value);
-        else if (toRaw(object) instanceof Set)
-          object.add(value);
-        else
-          object[state.newKey || field] = value;
-      }
-    };
-  }
-};
-var RefStateEditor = class {
-  set(ref, value) {
-    if (isRef(ref)) {
-      ref.value = value;
-    } else {
-      if (ref instanceof Set && Array.isArray(value)) {
-        ref.clear();
-        value.forEach((v) => ref.add(v));
-        return;
-      }
-      const currentKeys = Object.keys(value);
-      if (ref instanceof Map) {
-        const previousKeysSet2 = new Set(ref.keys());
-        currentKeys.forEach((key) => {
-          ref.set(key, Reflect.get(value, key));
-          previousKeysSet2.delete(key);
-        });
-        previousKeysSet2.forEach((key) => ref.delete(key));
-        return;
-      }
-      const previousKeysSet = new Set(Object.keys(ref));
-      currentKeys.forEach((key) => {
-        Reflect.set(ref, key, Reflect.get(value, key));
-        previousKeysSet.delete(key);
-      });
-      previousKeysSet.forEach((key) => Reflect.deleteProperty(ref, key));
-    }
-  }
-  get(ref) {
-    return isRef(ref) ? ref.value : ref;
-  }
-  isRef(ref) {
-    return isRef(ref) || isReactive(ref);
-  }
-};
-async function editComponentState(payload, stateEditor2) {
-  const { path, nodeId, state, type } = payload;
-  const instance = getComponentInstance(activeAppRecord.value, nodeId);
-  if (!instance)
-    return;
-  const targetPath = path.slice();
-  let target22;
-  if (Object.keys(instance.props).includes(path[0])) {
-    target22 = instance.props;
-  } else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) {
-    target22 = instance.devtoolsRawSetupState;
-  } else if (instance.data && Object.keys(instance.data).includes(path[0])) {
-    target22 = instance.data;
-  } else {
-    target22 = instance.proxy;
-  }
-  if (target22 && targetPath) {
-    if (state.type === "object" && type === "reactive") {
-    }
-    stateEditor2.set(target22, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
-  }
-}
-var stateEditor = new StateEditor();
-async function editState(payload) {
-  editComponentState(payload, stateEditor);
-}
-
-// src/core/component/tree/el.ts
-init_esm_shims();
-function getRootElementsFromComponentInstance(instance) {
-  if (isFragment(instance))
-    return getFragmentRootElements(instance.subTree);
-  if (!instance.subTree)
-    return [];
-  return [instance.subTree.el];
-}
-function getFragmentRootElements(vnode) {
-  if (!vnode.children)
-    return [];
-  const list = [];
-  vnode.children.forEach((childVnode) => {
-    if (childVnode.component)
-      list.push(...getRootElementsFromComponentInstance(childVnode.component));
-    else if (childVnode == null ? void 0 : childVnode.el)
-      list.push(childVnode.el);
-  });
-  return list;
-}
-
-// src/core/component-highlighter/index.ts
-init_esm_shims();
-
 // src/core/component/state/bounding-rect.ts
-init_esm_shims();
 function createRect() {
   const rect = {
     top: 0,
@@ -1987,6 +1799,28 @@ function getComponentBoundingRect(instance) {
     return DEFAULT_RECT;
 }
 
+// src/core/component/tree/el.ts
+init_esm_shims();
+function getRootElementsFromComponentInstance(instance) {
+  if (isFragment(instance))
+    return getFragmentRootElements(instance.subTree);
+  if (!instance.subTree)
+    return [];
+  return [instance.subTree.el];
+}
+function getFragmentRootElements(vnode) {
+  if (!vnode.children)
+    return [];
+  const list = [];
+  vnode.children.forEach((childVnode) => {
+    if (childVnode.component)
+      list.push(...getRootElementsFromComponentInstance(childVnode.component));
+    else if (childVnode == null ? void 0 : childVnode.el)
+      list.push(childVnode.el);
+  });
+  return list;
+}
+
 // src/core/component-highlighter/index.ts
 var CONTAINER_ELEMENT_ID = "__vue-devtools-component-inspector__";
 var CARD_ELEMENT_ID = "__vue-devtools-component-inspector__card__";
@@ -2244,6 +2078,174 @@ function getComponentInspector() {
   });
 }
 
+// src/core/component/state/editor.ts
+init_esm_shims();
+
+// src/shared/stub-vue.ts
+init_esm_shims();
+function isReadonly(value) {
+  return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
+}
+function isReactive(value) {
+  if (isReadonly(value)) {
+    return isReactive(value["__v_raw" /* RAW */]);
+  }
+  return !!(value && value["__v_isReactive" /* IS_REACTIVE */]);
+}
+function isRef(r) {
+  return !!(r && r.__v_isRef === true);
+}
+function toRaw(observed) {
+  const raw = observed && observed["__v_raw" /* RAW */];
+  return raw ? toRaw(raw) : observed;
+}
+var Fragment = Symbol.for("v-fgt");
+
+// src/core/component/state/editor.ts
+var StateEditor = class {
+  constructor() {
+    this.refEditor = new RefStateEditor();
+  }
+  set(object, path, value, cb) {
+    const sections = Array.isArray(path) ? path : path.split(".");
+    const markRef = false;
+    while (sections.length > 1) {
+      const section = sections.shift();
+      if (object instanceof Map)
+        object = object.get(section);
+      if (object instanceof Set)
+        object = Array.from(object.values())[section];
+      else object = object[section];
+      if (this.refEditor.isRef(object))
+        object = this.refEditor.get(object);
+    }
+    const field = sections[0];
+    const item = this.refEditor.get(object)[field];
+    if (cb) {
+      cb(object, field, value);
+    } else {
+      if (this.refEditor.isRef(item))
+        this.refEditor.set(item, value);
+      else if (markRef)
+        object[field] = value;
+      else
+        object[field] = value;
+    }
+  }
+  get(object, path) {
+    const sections = Array.isArray(path) ? path : path.split(".");
+    for (let i = 0; i < sections.length; i++) {
+      if (object instanceof Map)
+        object = object.get(sections[i]);
+      else
+        object = object[sections[i]];
+      if (this.refEditor.isRef(object))
+        object = this.refEditor.get(object);
+      if (!object)
+        return void 0;
+    }
+    return object;
+  }
+  has(object, path, parent = false) {
+    if (typeof object === "undefined")
+      return false;
+    const sections = Array.isArray(path) ? path.slice() : path.split(".");
+    const size = !parent ? 1 : 2;
+    while (object && sections.length > size) {
+      const section = sections.shift();
+      object = object[section];
+      if (this.refEditor.isRef(object))
+        object = this.refEditor.get(object);
+    }
+    return object != null && Object.prototype.hasOwnProperty.call(object, sections[0]);
+  }
+  createDefaultSetCallback(state) {
+    return (object, field, value) => {
+      if (state.remove || state.newKey) {
+        if (Array.isArray(object))
+          object.splice(field, 1);
+        else if (toRaw(object) instanceof Map)
+          object.delete(field);
+        else if (toRaw(object) instanceof Set)
+          object.delete(Array.from(object.values())[field]);
+        else Reflect.deleteProperty(object, field);
+      }
+      if (!state.remove) {
+        const target22 = object[state.newKey || field];
+        if (this.refEditor.isRef(target22))
+          this.refEditor.set(target22, value);
+        else if (toRaw(object) instanceof Map)
+          object.set(state.newKey || field, value);
+        else if (toRaw(object) instanceof Set)
+          object.add(value);
+        else
+          object[state.newKey || field] = value;
+      }
+    };
+  }
+};
+var RefStateEditor = class {
+  set(ref, value) {
+    if (isRef(ref)) {
+      ref.value = value;
+    } else {
+      if (ref instanceof Set && Array.isArray(value)) {
+        ref.clear();
+        value.forEach((v) => ref.add(v));
+        return;
+      }
+      const currentKeys = Object.keys(value);
+      if (ref instanceof Map) {
+        const previousKeysSet2 = new Set(ref.keys());
+        currentKeys.forEach((key) => {
+          ref.set(key, Reflect.get(value, key));
+          previousKeysSet2.delete(key);
+        });
+        previousKeysSet2.forEach((key) => ref.delete(key));
+        return;
+      }
+      const previousKeysSet = new Set(Object.keys(ref));
+      currentKeys.forEach((key) => {
+        Reflect.set(ref, key, Reflect.get(value, key));
+        previousKeysSet.delete(key);
+      });
+      previousKeysSet.forEach((key) => Reflect.deleteProperty(ref, key));
+    }
+  }
+  get(ref) {
+    return isRef(ref) ? ref.value : ref;
+  }
+  isRef(ref) {
+    return isRef(ref) || isReactive(ref);
+  }
+};
+async function editComponentState(payload, stateEditor2) {
+  const { path, nodeId, state, type } = payload;
+  const instance = getComponentInstance(activeAppRecord.value, nodeId);
+  if (!instance)
+    return;
+  const targetPath = path.slice();
+  let target22;
+  if (Object.keys(instance.props).includes(path[0])) {
+    target22 = instance.props;
+  } else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) {
+    target22 = instance.devtoolsRawSetupState;
+  } else if (instance.data && Object.keys(instance.data).includes(path[0])) {
+    target22 = instance.data;
+  } else {
+    target22 = instance.proxy;
+  }
+  if (target22 && targetPath) {
+    if (state.type === "object" && type === "reactive") {
+    }
+    stateEditor2.set(target22, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
+  }
+}
+var stateEditor = new StateEditor();
+async function editState(payload) {
+  editComponentState(payload, stateEditor);
+}
+
 // src/core/open-in-editor/index.ts
 init_esm_shims();
 import { target as target5 } from "@vue/devtools-shared";
@@ -3038,6 +3040,9 @@ var DevToolsV6PluginAPI = class {
   // component inspector
   notifyComponentUpdate(instance) {
     var _a25;
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     const inspector = getActiveInspectors().find((i) => i.packageName === this.plugin.descriptor.packageName);
     if (inspector == null ? void 0 : inspector.id) {
       if (instance) {
@@ -3062,9 +3067,15 @@ var DevToolsV6PluginAPI = class {
     }
   }
   sendInspectorTree(inspectorId) {
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     this.hooks.callHook("sendInspectorTree" /* SEND_INSPECTOR_TREE */, { inspectorId, plugin: this.plugin });
   }
   sendInspectorState(inspectorId) {
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     this.hooks.callHook("sendInspectorState" /* SEND_INSPECTOR_STATE */, { inspectorId, plugin: this.plugin });
   }
   selectInspectorNode(inspectorId, nodeId) {
@@ -3075,12 +3086,18 @@ var DevToolsV6PluginAPI = class {
   }
   // timeline
   now() {
+    if (devtoolsState.highPerfModeEnabled) {
+      return 0;
+    }
     return Date.now();
   }
   addTimelineLayer(options) {
     this.hooks.callHook("timelineLayerAdded" /* TIMELINE_LAYER_ADDED */, { options, plugin: this.plugin });
   }
   addTimelineEvent(options) {
+    if (devtoolsState.highPerfModeEnabled) {
+      return;
+    }
     this.hooks.callHook("timelineEventAdded" /* TIMELINE_EVENT_ADDED */, { options, plugin: this.plugin });
   }
   // settings
@@ -3271,12 +3288,21 @@ function sanitize(data) {
   }
 }
 function getSetupStateType(raw) {
-  return {
-    ref: isRef2(raw),
-    computed: isComputed(raw),
-    reactive: isReactive2(raw),
-    readonly: isReadOnly(raw)
-  };
+  try {
+    return {
+      ref: isRef2(raw),
+      computed: isComputed(raw),
+      reactive: isReactive2(raw),
+      readonly: isReadOnly(raw)
+    };
+  } catch (e) {
+    return {
+      ref: false,
+      computed: false,
+      reactive: false,
+      readonly: false
+    };
+  }
 }
 function toRaw2(value) {
   if (value == null ? void 0 : value.__v_raw)
@@ -3327,7 +3353,7 @@ function processProps(instance) {
   var _a25;
   const props = [];
   const propDefinitions = (_a25 = instance == null ? void 0 : instance.type) == null ? void 0 : _a25.props;
-  for (const key in instance.props) {
+  for (const key in instance == null ? void 0 : instance.props) {
     const propDefinition = propDefinitions ? propDefinitions[key] : null;
     const camelizeKey = camelize(key);
     props.push({
@@ -3348,7 +3374,7 @@ function processProps(instance) {
 }
 function processState(instance) {
   const type = instance.type;
-  const props = type.props;
+  const props = type == null ? void 0 : type.props;
   const getters = type.vuex && type.vuex.getters;
   const computedDefs = type.computed;
   const data = {
@@ -3375,10 +3401,11 @@ function processSetupState(instance) {
   return Object.keys(instance.setupState).filter((key) => !vueBuiltins.has(key) && key.split(/(?=[A-Z])/)[0] !== "use").map((key) => {
     var _a25, _b25, _c, _d;
     const value = returnError(() => toRaw2(instance.setupState[key]));
+    const accessError = value instanceof Error;
     const rawData = raw[key];
     let result;
-    let isOtherType = typeof value === "function" || ensurePropertyExists(value, "render") && typeof value.render === "function" || ensurePropertyExists(value, "__asyncLoader") && typeof value.__asyncLoader === "function" || typeof value === "object" && value && ("setup" in value || "props" in value) || /^v[A-Z]/.test(key);
-    if (rawData) {
+    let isOtherType = accessError || typeof value === "function" || ensurePropertyExists(value, "render") && typeof value.render === "function" || ensurePropertyExists(value, "__asyncLoader") && typeof value.__asyncLoader === "function" || typeof value === "object" && value && ("setup" in value || "props" in value) || /^v[A-Z]/.test(key);
+    if (rawData && !accessError) {
       const info = getSetupStateType(rawData);
       const { stateType, stateTypeName } = getStateTypeAndName(info);
       const isState = info.ref || info.computed || info.reactive;
@@ -4147,7 +4174,7 @@ function removeRegisteredPluginApp(app) {
   target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
 }
 function registerDevToolsPlugin(app) {
-  if (target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
+  if (target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app) || devtoolsState.highPerfModeEnabled)
     return;
   target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
@@ -4572,6 +4599,9 @@ function onDevToolsClientConnected(fn) {
 init_esm_shims();
 function toggleHighPerfMode(state) {
   devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
+  if (!state && activeAppRecord.value) {
+    registerDevToolsPlugin(activeAppRecord.value.app);
+  }
 }
 
 // src/core/component/state/format.ts
@@ -6108,7 +6138,7 @@ function getFunctionDetails(func) {
   return {
     _custom: {
       type: "function",
-      displayText: `<span style="opacity:.5;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(name)}${args}</span>`,
+      displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(name)}${args}</span>`,
       tooltipText: string.trim() ? `<pre>${string}</pre>` : null
     }
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.6.3",
+  "version": "7.6.5",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -29,12 +29,12 @@
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
     "superjson": "^2.2.1",
-    "@vue/devtools-shared": "^7.6.3"
+    "@vue/devtools-shared": "^7.6.5"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",
-    "vue": "^3.5.12",
-    "vue-router": "^4.4.5"
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "scripts": {
     "build": "tsup --clean",