@vue/devtools-kit 7.0.17 → 7.0.18

package/dist/index.cjs

@@ -1597,7 +1597,8 @@ __export(src_exports, {
   stringify: () => stringify,
   toEdit: () => toEdit,
   toSubmit: () => toSubmit,
-  toggleComponentInspectorEnabled: () => toggleComponentInspectorEnabled
+  toggleComponentInspectorEnabled: () => toggleComponentInspectorEnabled,
+  toggleHighPerfMode: () => toggleHighPerfMode
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
@@ -2943,6 +2944,8 @@ function registerComponentDevToolsPlugin(app) {
     }, 120);
     const componentAddedCleanup = hook.on.componentAdded(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -2965,6 +2968,8 @@ function registerComponentDevToolsPlugin(app) {
     });
     const componentUpdatedCleanup = hook.on.componentUpdated(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -2988,6 +2993,8 @@ function registerComponentDevToolsPlugin(app) {
     });
     const componentRemovedCleanup = hook.on.componentRemoved(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -3937,9 +3944,8 @@ function getComponentInspector() {
 init_cjs_shims();
 var import_devtools_shared9 = require("@vue/devtools-shared");
 function openInEditor(options = {}) {
-  const { file, line = 0, column = 0 } = options;
+  const { file, baseUrl = window.location.origin, line = 0, column = 0 } = options;
   if (file) {
-    const baseUrl = window.location.origin;
     if (devtoolsState.vitePluginDetected) {
       import_devtools_shared9.target.__VUE_INSPECTOR__.openInEditor(baseUrl, file, line, column);
     } else {
@@ -4195,7 +4201,8 @@ function initStateFactory() {
     tabs: [],
     commands: [],
     vitePluginDetected: false,
-    activeAppRecordId: null
+    activeAppRecordId: null,
+    highPerfModeEnabled: false
   };
 }
 var _a4, _b4;
@@ -4426,6 +4433,12 @@ function onDevToolsClientConnected(fn) {
   });
 }
 
+// src/core/high-perf-mode/index.ts
+init_cjs_shims();
+function toggleHighPerfMode(state) {
+  devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
+}
+
 // src/index.ts
 var devtools = {
   state: devtoolsState,
@@ -4454,5 +4467,6 @@ var devtools = {
   stringify,
   toEdit,
   toSubmit,
-  toggleComponentInspectorEnabled
+  toggleComponentInspectorEnabled,
+  toggleHighPerfMode
 });

package/dist/index.d.cts

@@ -493,6 +493,7 @@ interface DevToolsState {
     tabs: CustomTab[];
     commands: CustomCommand[];
     activeAppRecordId: string | null;
+    highPerfModeEnabled: boolean;
 }
 
 interface RouterInfo {
@@ -517,6 +518,7 @@ interface DevToolsEnv {
 }
 
 interface OpenInEditorOptions {
+    baseUrl?: string;
     file?: string;
     line?: number;
     column?: number;
@@ -591,6 +593,8 @@ declare const devtoolsContext: DevToolsContext;
 
 declare function setDevToolsEnv(env: Partial<DevToolsEnv>): void;
 
+declare function toggleHighPerfMode(state?: boolean): void;
+
 declare function getInspectorStateValueType(value: any, raw?: boolean): string;
 declare function formatInspectorStateValue(value: any, quotes?: boolean): any;
 declare function getRaw(value: InspectorState['value']): {
@@ -624,4 +628,4 @@ declare const devtools: {
     readonly api: DevToolsPluginApi;
 };
 
-export { type AddInspectorApiPayload, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentHighLighterOptions, type ComponentInspector, type ComponentTreeNode, type CustomCommand, type CustomCommandAction, type CustomTab, type DevToolsContext, type DevToolsEnv, type DevToolsEvent, type DevToolsHook, DevToolsHooks, type DevToolsState, type DevToolsType, type Inspector, type InspectorApiPayload, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTreeApiPayload, type OpenInEditorOptions, type PluginApi, type PluginDescriptor, type PluginSettingsItem, type PluginSetupFunction, type PropPath, type RouterInfo, type ScrollToComponentOptions, type TimelineEvent, type TimelineLayerItem, UNDEFINED, type VueAppInstance, type VueHooks, addCustomCommand, addCustomTab, addInspector, addTimelineLayer, type customTypeEnums, devtools, formatInspectorStateValue, getComponentInspector, getInspector, getInspectorStateValueType, getRaw, getTimelineLayer, highlight, inspectComponentHighLighter, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, removeCustomCommand, scrollToComponent, setDevToolsEnv, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleComponentHighLighter, toggleComponentInspectorEnabled, unhighlight, updateInspector };
+export { type AddInspectorApiPayload, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentHighLighterOptions, type ComponentInspector, type ComponentTreeNode, type CustomCommand, type CustomCommandAction, type CustomTab, type DevToolsContext, type DevToolsEnv, type DevToolsEvent, type DevToolsHook, DevToolsHooks, type DevToolsState, type DevToolsType, type Inspector, type InspectorApiPayload, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTreeApiPayload, type OpenInEditorOptions, type PluginApi, type PluginDescriptor, type PluginSettingsItem, type PluginSetupFunction, type PropPath, type RouterInfo, type ScrollToComponentOptions, type TimelineEvent, type TimelineLayerItem, UNDEFINED, type VueAppInstance, type VueHooks, addCustomCommand, addCustomTab, addInspector, addTimelineLayer, type customTypeEnums, devtools, formatInspectorStateValue, getComponentInspector, getInspector, getInspectorStateValueType, getRaw, getTimelineLayer, highlight, inspectComponentHighLighter, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, removeCustomCommand, scrollToComponent, setDevToolsEnv, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateInspector };

package/dist/index.d.ts

@@ -493,6 +493,7 @@ interface DevToolsState {
     tabs: CustomTab[];
     commands: CustomCommand[];
     activeAppRecordId: string | null;
+    highPerfModeEnabled: boolean;
 }
 
 interface RouterInfo {
@@ -517,6 +518,7 @@ interface DevToolsEnv {
 }
 
 interface OpenInEditorOptions {
+    baseUrl?: string;
     file?: string;
     line?: number;
     column?: number;
@@ -591,6 +593,8 @@ declare const devtoolsContext: DevToolsContext;
 
 declare function setDevToolsEnv(env: Partial<DevToolsEnv>): void;
 
+declare function toggleHighPerfMode(state?: boolean): void;
+
 declare function getInspectorStateValueType(value: any, raw?: boolean): string;
 declare function formatInspectorStateValue(value: any, quotes?: boolean): any;
 declare function getRaw(value: InspectorState['value']): {
@@ -624,4 +628,4 @@ declare const devtools: {
     readonly api: DevToolsPluginApi;
 };
 
-export { type AddInspectorApiPayload, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentHighLighterOptions, type ComponentInspector, type ComponentTreeNode, type CustomCommand, type CustomCommandAction, type CustomTab, type DevToolsContext, type DevToolsEnv, type DevToolsEvent, type DevToolsHook, DevToolsHooks, type DevToolsState, type DevToolsType, type Inspector, type InspectorApiPayload, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTreeApiPayload, type OpenInEditorOptions, type PluginApi, type PluginDescriptor, type PluginSettingsItem, type PluginSetupFunction, type PropPath, type RouterInfo, type ScrollToComponentOptions, type TimelineEvent, type TimelineLayerItem, UNDEFINED, type VueAppInstance, type VueHooks, addCustomCommand, addCustomTab, addInspector, addTimelineLayer, type customTypeEnums, devtools, formatInspectorStateValue, getComponentInspector, getInspector, getInspectorStateValueType, getRaw, getTimelineLayer, highlight, inspectComponentHighLighter, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, removeCustomCommand, scrollToComponent, setDevToolsEnv, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleComponentHighLighter, toggleComponentInspectorEnabled, unhighlight, updateInspector };
+export { type AddInspectorApiPayload, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentHighLighterOptions, type ComponentInspector, type ComponentTreeNode, type CustomCommand, type CustomCommandAction, type CustomTab, type DevToolsContext, type DevToolsEnv, type DevToolsEvent, type DevToolsHook, DevToolsHooks, type DevToolsState, type DevToolsType, type Inspector, type InspectorApiPayload, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTreeApiPayload, type OpenInEditorOptions, type PluginApi, type PluginDescriptor, type PluginSettingsItem, type PluginSetupFunction, type PropPath, type RouterInfo, type ScrollToComponentOptions, type TimelineEvent, type TimelineLayerItem, UNDEFINED, type VueAppInstance, type VueHooks, addCustomCommand, addCustomTab, addInspector, addTimelineLayer, type customTypeEnums, devtools, formatInspectorStateValue, getComponentInspector, getInspector, getInspectorStateValueType, getRaw, getTimelineLayer, highlight, inspectComponentHighLighter, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, removeCustomCommand, scrollToComponent, setDevToolsEnv, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateInspector };

package/dist/index.js

@@ -2916,6 +2916,8 @@ function registerComponentDevToolsPlugin(app) {
     }, 120);
     const componentAddedCleanup = hook.on.componentAdded(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -2938,6 +2940,8 @@ function registerComponentDevToolsPlugin(app) {
     });
     const componentUpdatedCleanup = hook.on.componentUpdated(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -2961,6 +2965,8 @@ function registerComponentDevToolsPlugin(app) {
     });
     const componentRemovedCleanup = hook.on.componentRemoved(async (app2, uid, parentUid, component) => {
       var _a10, _b10, _c;
+      if (devtoolsState.highPerfModeEnabled)
+        return;
       if ((_c = (_b10 = (_a10 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a10.type) == null ? void 0 : _b10.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
@@ -3910,9 +3916,8 @@ function getComponentInspector() {
 init_esm_shims();
 import { target as target5 } from "@vue/devtools-shared";
 function openInEditor(options = {}) {
-  const { file, line = 0, column = 0 } = options;
+  const { file, baseUrl = window.location.origin, line = 0, column = 0 } = options;
   if (file) {
-    const baseUrl = window.location.origin;
     if (devtoolsState.vitePluginDetected) {
       target5.__VUE_INSPECTOR__.openInEditor(baseUrl, file, line, column);
     } else {
@@ -4168,7 +4173,8 @@ function initStateFactory() {
     tabs: [],
     commands: [],
     vitePluginDetected: false,
-    activeAppRecordId: null
+    activeAppRecordId: null,
+    highPerfModeEnabled: false
   };
 }
 var _a4, _b4;
@@ -4399,6 +4405,12 @@ function onDevToolsClientConnected(fn) {
   });
 }
 
+// src/core/high-perf-mode/index.ts
+init_esm_shims();
+function toggleHighPerfMode(state) {
+  devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
+}
+
 // src/index.ts
 var devtools = {
   state: devtoolsState,
@@ -4426,5 +4438,6 @@ export {
   stringify,
   toEdit,
   toSubmit,
-  toggleComponentInspectorEnabled
+  toggleComponentInspectorEnabled,
+  toggleHighPerfMode
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.0.17",
+  "version": "7.0.18",
   "author": "webfansplz",
   "license": "MIT",
   "exports": {
@@ -25,7 +25,7 @@
     "mitt": "^3.0.1",
     "perfect-debounce": "^1.0.0",
     "speakingurl": "^14.0.1",
-    "@vue/devtools-shared": "^7.0.17"
+    "@vue/devtools-shared": "^7.0.18"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",