@vue/devtools-kit 7.6.7 → 7.7.0

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.48.0_@types+node@22.10.1__@swc+core@1.5.29_jiti@2.0.0_p_swvvp2d4pgn6xuiiec4l4x2i7a/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.48.1_@types+node@22.10.5__jiti@2.4.2_postcss@8.4.49_tsx_s7k37zks4wtn7x2grzma6lrsfa/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.48.0_@types+node@22.10.1__@swc+core@1.5.29_jiti@2.0.0_p_swvvp2d4pgn6xuiiec4l4x2i7a/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.48.1_@types+node@22.10.5__jiti@2.4.2_postcss@8.4.49_tsx_s7k37zks4wtn7x2grzma6lrsfa/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1579,8 +1579,8 @@ var require_speakingurl2 = __commonJS({
 });
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   DevToolsContextHookKeys: () => DevToolsContextHookKeys,
   DevToolsMessagingHookKeys: () => DevToolsMessagingHookKeys,
   DevToolsV6PluginAPIHookKeys: () => DevToolsV6PluginAPIHookKeys,
@@ -1614,6 +1614,7 @@ __export(src_exports, {
   devtoolsRouter: () => devtoolsRouter,
   devtoolsRouterInfo: () => devtoolsRouterInfo,
   devtoolsState: () => devtoolsState,
+  escape: () => escape,
   formatInspectorStateValue: () => formatInspectorStateValue,
   getActiveInspectors: () => getActiveInspectors,
   getDevToolsEnv: () => getDevToolsEnv,
@@ -1663,7 +1664,7 @@ __export(src_exports, {
   updateDevToolsState: () => updateDevToolsState,
   updateTimelineLayersState: () => updateTimelineLayersState
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 init_cjs_shims();
 
 // src/core/index.ts
@@ -2044,18 +2045,11 @@ function inspectFn(e) {
   }
 }
 function selectComponentFn(e, cb) {
-  var _a25;
   e.preventDefault();
   e.stopPropagation();
   if (inspectInstance) {
-    const app = (_a25 = activeAppRecord.value) == null ? void 0 : _a25.app;
-    getComponentId({
-      app,
-      uid: app.uid,
-      instance: inspectInstance
-    }).then((id) => {
-      cb(id);
-    });
+    const uniqueComponentId = getUniqueComponentId(inspectInstance);
+    cb(uniqueComponentId);
   }
 }
 var inspectComponentHighLighterSelectFn = null;
@@ -4264,9 +4258,13 @@ function callDevToolsPluginSetupFn(plugin, app) {
 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) || devtoolsState.highPerfModeEnabled)
+function registerDevToolsPlugin(app, options) {
+  if (import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app)) {
     return;
+  }
+  if (devtoolsState.highPerfModeEnabled && !(options == null ? void 0 : options.inspectingComponent)) {
+    return;
+  }
   import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
     callDevToolsPluginSetupFn(plugin, app);
@@ -4446,14 +4444,14 @@ function createDevToolsApi(hooks2) {
     // get vue inspector
     getVueInspector: getComponentInspector,
     // toggle app
-    toggleApp(id) {
+    toggleApp(id, options) {
       const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
       if (appRecord) {
         setActiveAppRecordId(id);
         setActiveAppRecord(appRecord);
         normalizeRouterInfo(appRecord, activeAppRecord);
         callInspectorUpdatedHook();
-        registerDevToolsPlugin(appRecord.app);
+        registerDevToolsPlugin(appRecord.app, options);
       }
     },
     // inspect dom
@@ -4876,16 +4874,16 @@ init_cjs_shims();
 // src/messaging/presets/broadcast-channel/index.ts
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/double-indexed-kv.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/double-indexed-kv.js
 init_cjs_shims();
 var DoubleIndexedKV = class {
   constructor() {
@@ -4908,7 +4906,7 @@ var DoubleIndexedKV = class {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
 var Registry = class {
   constructor(generateIdentifier) {
     this.generateIdentifier = generateIdentifier;
@@ -4934,7 +4932,7 @@ var Registry = class {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
 var ClassRegistry = class extends Registry {
   constructor() {
     super((c) => c.name);
@@ -4955,10 +4953,10 @@ var ClassRegistry = class extends Registry {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/util.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/util.js
 init_cjs_shims();
 function valuesOfObj(record) {
   if ("values" in Object) {
@@ -5002,7 +5000,7 @@ function findArr(record, predicate) {
   return void 0;
 }
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
 var CustomTransformerRegistry = class {
   constructor() {
     this.transfomers = {};
@@ -5018,10 +5016,10 @@ var CustomTransformerRegistry = class {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/is.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/is.js
 init_cjs_shims();
 var getType = (payload) => Object.prototype.toString.call(payload).slice(8, -1);
 var isUndefined = (payload) => typeof payload === "undefined";
@@ -5053,7 +5051,7 @@ var isInfinite = (payload) => payload === Infinity || payload === -Infinity;
 var isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
 var isURL = (payload) => payload instanceof URL;
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/pathstringifier.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/pathstringifier.js
 init_cjs_shims();
 var escapeKey = (key) => key.replace(/\./g, "\\.");
 var stringifyPath = (path) => path.map(String).map(escapeKey).join(".");
@@ -5081,7 +5079,7 @@ var parsePath = (string) => {
   return result;
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/transformer.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/transformer.js
 init_cjs_shims();
 function simpleTransformation(isApplicable, annotation, transform, untransform) {
   return {
@@ -5216,7 +5214,7 @@ var classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, sup
 }, (v, a, superJson) => {
   const clazz = superJson.classRegistry.getValue(a[1]);
   if (!clazz) {
-    throw new Error("Trying to deserialize unknown class - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564");
+    throw new Error(`Trying to deserialize unknown class '${a[1]}' - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564`);
   }
   return Object.assign(Object.create(clazz.prototype), v);
 });
@@ -5280,9 +5278,11 @@ var untransformValue = (json, type, superJson) => {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/accessDeep.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/accessDeep.js
 init_cjs_shims();
 var getNthKey = (value, n) => {
+  if (n > value.size)
+    throw new Error("index out of bounds");
   const keys = value.keys();
   while (n > 0) {
     keys.next();
@@ -5395,7 +5395,7 @@ var setDeep = (object, path, mapper) => {
   return object;
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
 function traverse(tree, walker2, origin = []) {
   if (!tree) {
     return;
@@ -5597,7 +5597,7 @@ function copy(target22, options = {}) {
   }, {});
 }
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
 var SuperJSON = class {
   /**
    * @param dedupeReferentialEqualities  If true, SuperJSON will make sure only one instance of referentially equal objects are serialized and the rest are replaced with `null`.
@@ -6705,6 +6705,7 @@ var devtools = {
   devtoolsRouter,
   devtoolsRouterInfo,
   devtoolsState,
+  escape,
   formatInspectorStateValue,
   getActiveInspectors,
   getDevToolsEnv,

package/dist/index.d.cts

@@ -502,7 +502,9 @@ declare function createDevToolsApi(hooks: Hookable<DevToolsContextHooks & DevToo
     scrollToComponent(id: string): void;
     openInEditor: typeof openInEditor;
     getVueInspector: typeof getComponentInspector;
-    toggleApp(id: string): void;
+    toggleApp(id: string, options?: {
+        inspectingComponent?: boolean;
+    }): void;
     inspectDOM(instanceId: string): void;
     updatePluginSettings(pluginId: string, key: string, value: string): void;
     getPluginSettings(pluginId: string): {
@@ -847,7 +849,9 @@ declare function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, Pl
 declare function setupDevToolsPlugin(pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction): void;
 declare function callDevToolsPluginSetupFn(plugin: [PluginDescriptor, PluginSetupFunction], app: App): void;
 declare function removeRegisteredPluginApp(app: App): void;
-declare function registerDevToolsPlugin(app: App): void;
+declare function registerDevToolsPlugin(app: App, options?: {
+    inspectingComponent?: boolean;
+}): void;
 
 interface ComponentBoundingRect {
     left: number;
@@ -988,6 +992,8 @@ declare function toSubmit(value: string, customType?: customTypeEnums): any;
 
 declare function isPlainObject(obj: unknown): obj is object;
 
+declare function escape(s: string): string;
+
 declare function updateDevToolsClientDetected(params: Record<string, boolean>): void;
 
 interface EventEmitter$2 {
@@ -1072,7 +1078,9 @@ declare const devtools: {
         scrollToComponent(id: string): void;
         openInEditor: typeof openInEditor;
         getVueInspector: typeof getComponentInspector;
-        toggleApp(id: string): void;
+        toggleApp(id: string, options?: {
+            inspectingComponent?: boolean;
+        }): void;
         inspectDOM(instanceId: string): void;
         updatePluginSettings(pluginId: string, key: string, value: string): void;
         getPluginSettings(pluginId: string): {
@@ -1099,4 +1107,4 @@ declare const devtools: {
     };
 };
 
-export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };
+export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, escape, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };

package/dist/index.d.ts

@@ -502,7 +502,9 @@ declare function createDevToolsApi(hooks: Hookable<DevToolsContextHooks & DevToo
     scrollToComponent(id: string): void;
     openInEditor: typeof openInEditor;
     getVueInspector: typeof getComponentInspector;
-    toggleApp(id: string): void;
+    toggleApp(id: string, options?: {
+        inspectingComponent?: boolean;
+    }): void;
     inspectDOM(instanceId: string): void;
     updatePluginSettings(pluginId: string, key: string, value: string): void;
     getPluginSettings(pluginId: string): {
@@ -847,7 +849,9 @@ declare function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, Pl
 declare function setupDevToolsPlugin(pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction): void;
 declare function callDevToolsPluginSetupFn(plugin: [PluginDescriptor, PluginSetupFunction], app: App): void;
 declare function removeRegisteredPluginApp(app: App): void;
-declare function registerDevToolsPlugin(app: App): void;
+declare function registerDevToolsPlugin(app: App, options?: {
+    inspectingComponent?: boolean;
+}): void;
 
 interface ComponentBoundingRect {
     left: number;
@@ -988,6 +992,8 @@ declare function toSubmit(value: string, customType?: customTypeEnums): any;
 
 declare function isPlainObject(obj: unknown): obj is object;
 
+declare function escape(s: string): string;
+
 declare function updateDevToolsClientDetected(params: Record<string, boolean>): void;
 
 interface EventEmitter$2 {
@@ -1072,7 +1078,9 @@ declare const devtools: {
         scrollToComponent(id: string): void;
         openInEditor: typeof openInEditor;
         getVueInspector: typeof getComponentInspector;
-        toggleApp(id: string): void;
+        toggleApp(id: string, options?: {
+            inspectingComponent?: boolean;
+        }): void;
         inspectDOM(instanceId: string): void;
         updatePluginSettings(pluginId: string, key: string, value: string): void;
         getPluginSettings(pluginId: string): {
@@ -1099,4 +1107,4 @@ declare const devtools: {
     };
 };
 
-export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };
+export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, escape, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };

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.48.0_@types+node@22.10.1__@swc+core@1.5.29_jiti@2.0.0_p_swvvp2d4pgn6xuiiec4l4x2i7a/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.48.1_@types+node@22.10.5__jiti@2.4.2_postcss@8.4.49_tsx_s7k37zks4wtn7x2grzma6lrsfa/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.48.0_@types+node@22.10.1__@swc+core@1.5.29_jiti@2.0.0_p_swvvp2d4pgn6xuiiec4l4x2i7a/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.3.5_@microsoft+api-extractor@7.48.1_@types+node@22.10.5__jiti@2.4.2_postcss@8.4.49_tsx_s7k37zks4wtn7x2grzma6lrsfa/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1953,18 +1953,11 @@ function inspectFn(e) {
   }
 }
 function selectComponentFn(e, cb) {
-  var _a25;
   e.preventDefault();
   e.stopPropagation();
   if (inspectInstance) {
-    const app = (_a25 = activeAppRecord.value) == null ? void 0 : _a25.app;
-    getComponentId({
-      app,
-      uid: app.uid,
-      instance: inspectInstance
-    }).then((id) => {
-      cb(id);
-    });
+    const uniqueComponentId = getUniqueComponentId(inspectInstance);
+    cb(uniqueComponentId);
   }
 }
 var inspectComponentHighLighterSelectFn = null;
@@ -4173,9 +4166,13 @@ function callDevToolsPluginSetupFn(plugin, app) {
 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) || devtoolsState.highPerfModeEnabled)
+function registerDevToolsPlugin(app, options) {
+  if (target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app)) {
     return;
+  }
+  if (devtoolsState.highPerfModeEnabled && !(options == null ? void 0 : options.inspectingComponent)) {
+    return;
+  }
   target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
     callDevToolsPluginSetupFn(plugin, app);
@@ -4355,14 +4352,14 @@ function createDevToolsApi(hooks2) {
     // get vue inspector
     getVueInspector: getComponentInspector,
     // toggle app
-    toggleApp(id) {
+    toggleApp(id, options) {
       const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
       if (appRecord) {
         setActiveAppRecordId(id);
         setActiveAppRecord(appRecord);
         normalizeRouterInfo(appRecord, activeAppRecord);
         callInspectorUpdatedHook();
-        registerDevToolsPlugin(appRecord.app);
+        registerDevToolsPlugin(appRecord.app, options);
       }
     },
     // inspect dom
@@ -4785,16 +4782,16 @@ init_esm_shims();
 // src/messaging/presets/broadcast-channel/index.ts
 init_esm_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
 init_esm_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
 init_esm_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
 init_esm_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/double-indexed-kv.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/double-indexed-kv.js
 init_esm_shims();
 var DoubleIndexedKV = class {
   constructor() {
@@ -4817,7 +4814,7 @@ var DoubleIndexedKV = class {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
 var Registry = class {
   constructor(generateIdentifier) {
     this.generateIdentifier = generateIdentifier;
@@ -4843,7 +4840,7 @@ var Registry = class {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
 var ClassRegistry = class extends Registry {
   constructor() {
     super((c) => c.name);
@@ -4864,10 +4861,10 @@ var ClassRegistry = class extends Registry {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
 init_esm_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/util.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/util.js
 init_esm_shims();
 function valuesOfObj(record) {
   if ("values" in Object) {
@@ -4911,7 +4908,7 @@ function findArr(record, predicate) {
   return void 0;
 }
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
 var CustomTransformerRegistry = class {
   constructor() {
     this.transfomers = {};
@@ -4927,10 +4924,10 @@ var CustomTransformerRegistry = class {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
 init_esm_shims();
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/is.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/is.js
 init_esm_shims();
 var getType = (payload) => Object.prototype.toString.call(payload).slice(8, -1);
 var isUndefined = (payload) => typeof payload === "undefined";
@@ -4962,7 +4959,7 @@ var isInfinite = (payload) => payload === Infinity || payload === -Infinity;
 var isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
 var isURL = (payload) => payload instanceof URL;
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/pathstringifier.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/pathstringifier.js
 init_esm_shims();
 var escapeKey = (key) => key.replace(/\./g, "\\.");
 var stringifyPath = (path) => path.map(String).map(escapeKey).join(".");
@@ -4990,7 +4987,7 @@ var parsePath = (string) => {
   return result;
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/transformer.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/transformer.js
 init_esm_shims();
 function simpleTransformation(isApplicable, annotation, transform, untransform) {
   return {
@@ -5125,7 +5122,7 @@ var classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, sup
 }, (v, a, superJson) => {
   const clazz = superJson.classRegistry.getValue(a[1]);
   if (!clazz) {
-    throw new Error("Trying to deserialize unknown class - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564");
+    throw new Error(`Trying to deserialize unknown class '${a[1]}' - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564`);
   }
   return Object.assign(Object.create(clazz.prototype), v);
 });
@@ -5189,9 +5186,11 @@ var untransformValue = (json, type, superJson) => {
   }
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/accessDeep.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/accessDeep.js
 init_esm_shims();
 var getNthKey = (value, n) => {
+  if (n > value.size)
+    throw new Error("index out of bounds");
   const keys = value.keys();
   while (n > 0) {
     keys.next();
@@ -5304,7 +5303,7 @@ var setDeep = (object, path, mapper) => {
   return object;
 };
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
 function traverse(tree, walker2, origin = []) {
   if (!tree) {
     return;
@@ -5506,7 +5505,7 @@ function copy(target22, options = {}) {
   }, {});
 }
 
-// ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
+// ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
 var SuperJSON = class {
   /**
    * @param dedupeReferentialEqualities  If true, SuperJSON will make sure only one instance of referentially equal objects are serialized and the rest are replaced with `null`.
@@ -6613,6 +6612,7 @@ export {
   devtoolsRouter,
   devtoolsRouterInfo,
   devtoolsState,
+  escape,
   formatInspectorStateValue,
   getActiveInspectors,
   getDevToolsEnv,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.6.7",
+  "version": "7.7.0",
   "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.7"
+    "@vue/devtools-shared": "^7.7.0"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",