@vue/devtools-kit 7.6.3 → 7.6.4

package/dist/index.cjs

@@ -3129,6 +3129,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 +3156,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 +3175,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
@@ -3418,7 +3433,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 +3454,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 = {
@@ -4238,7 +4253,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 +4678,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 +6217,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.js

@@ -3038,6 +3038,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 +3065,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 +3084,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
@@ -3327,7 +3342,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 +3363,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 = {
@@ -4147,7 +4162,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 +4587,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 +6126,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.4",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -29,7 +29,7 @@
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
     "superjson": "^2.2.1",
-    "@vue/devtools-shared": "^7.6.3"
+    "@vue/devtools-shared": "^7.6.4"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",