@vue/devtools-kit 7.6.7 → 7.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +36 -35
  2. package/dist/index.d.cts +12 -4
  3. package/dist/index.d.ts +12 -4
  4. package/dist/index.js +32 -32
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(
33
33
  ));
34
34
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
35
35
 
36
- // ../../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
36
+ // ../../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
37
37
  var init_cjs_shims = __esm({
38
- "../../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"() {
38
+ "../../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"() {
39
39
  "use strict";
40
40
  }
41
41
  });
@@ -1579,8 +1579,8 @@ var require_speakingurl2 = __commonJS({
1579
1579
  });
1580
1580
 
1581
1581
  // src/index.ts
1582
- var src_exports = {};
1583
- __export(src_exports, {
1582
+ var index_exports = {};
1583
+ __export(index_exports, {
1584
1584
  DevToolsContextHookKeys: () => DevToolsContextHookKeys,
1585
1585
  DevToolsMessagingHookKeys: () => DevToolsMessagingHookKeys,
1586
1586
  DevToolsV6PluginAPIHookKeys: () => DevToolsV6PluginAPIHookKeys,
@@ -1614,6 +1614,7 @@ __export(src_exports, {
1614
1614
  devtoolsRouter: () => devtoolsRouter,
1615
1615
  devtoolsRouterInfo: () => devtoolsRouterInfo,
1616
1616
  devtoolsState: () => devtoolsState,
1617
+ escape: () => escape,
1617
1618
  formatInspectorStateValue: () => formatInspectorStateValue,
1618
1619
  getActiveInspectors: () => getActiveInspectors,
1619
1620
  getDevToolsEnv: () => getDevToolsEnv,
@@ -1663,7 +1664,7 @@ __export(src_exports, {
1663
1664
  updateDevToolsState: () => updateDevToolsState,
1664
1665
  updateTimelineLayersState: () => updateTimelineLayersState
1665
1666
  });
1666
- module.exports = __toCommonJS(src_exports);
1667
+ module.exports = __toCommonJS(index_exports);
1667
1668
  init_cjs_shims();
1668
1669
 
1669
1670
  // src/core/index.ts
@@ -2044,18 +2045,11 @@ function inspectFn(e) {
2044
2045
  }
2045
2046
  }
2046
2047
  function selectComponentFn(e, cb) {
2047
- var _a25;
2048
2048
  e.preventDefault();
2049
2049
  e.stopPropagation();
2050
2050
  if (inspectInstance) {
2051
- const app = (_a25 = activeAppRecord.value) == null ? void 0 : _a25.app;
2052
- getComponentId({
2053
- app,
2054
- uid: app.uid,
2055
- instance: inspectInstance
2056
- }).then((id) => {
2057
- cb(id);
2058
- });
2051
+ const uniqueComponentId = getUniqueComponentId(inspectInstance);
2052
+ cb(uniqueComponentId);
2059
2053
  }
2060
2054
  }
2061
2055
  var inspectComponentHighLighterSelectFn = null;
@@ -4264,9 +4258,13 @@ function callDevToolsPluginSetupFn(plugin, app) {
4264
4258
  function removeRegisteredPluginApp(app) {
4265
4259
  import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
4266
4260
  }
4267
- function registerDevToolsPlugin(app) {
4268
- if (import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app) || devtoolsState.highPerfModeEnabled)
4261
+ function registerDevToolsPlugin(app, options) {
4262
+ if (import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app)) {
4269
4263
  return;
4264
+ }
4265
+ if (devtoolsState.highPerfModeEnabled && !(options == null ? void 0 : options.inspectingComponent)) {
4266
+ return;
4267
+ }
4270
4268
  import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
4271
4269
  devtoolsPluginBuffer.forEach((plugin) => {
4272
4270
  callDevToolsPluginSetupFn(plugin, app);
@@ -4446,14 +4444,14 @@ function createDevToolsApi(hooks2) {
4446
4444
  // get vue inspector
4447
4445
  getVueInspector: getComponentInspector,
4448
4446
  // toggle app
4449
- toggleApp(id) {
4447
+ toggleApp(id, options) {
4450
4448
  const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
4451
4449
  if (appRecord) {
4452
4450
  setActiveAppRecordId(id);
4453
4451
  setActiveAppRecord(appRecord);
4454
4452
  normalizeRouterInfo(appRecord, activeAppRecord);
4455
4453
  callInspectorUpdatedHook();
4456
- registerDevToolsPlugin(appRecord.app);
4454
+ registerDevToolsPlugin(appRecord.app, options);
4457
4455
  }
4458
4456
  },
4459
4457
  // inspect dom
@@ -4876,16 +4874,16 @@ init_cjs_shims();
4876
4874
  // src/messaging/presets/broadcast-channel/index.ts
4877
4875
  init_cjs_shims();
4878
4876
 
4879
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
4877
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
4880
4878
  init_cjs_shims();
4881
4879
 
4882
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
4880
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
4883
4881
  init_cjs_shims();
4884
4882
 
4885
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
4883
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
4886
4884
  init_cjs_shims();
4887
4885
 
4888
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/double-indexed-kv.js
4886
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/double-indexed-kv.js
4889
4887
  init_cjs_shims();
4890
4888
  var DoubleIndexedKV = class {
4891
4889
  constructor() {
@@ -4908,7 +4906,7 @@ var DoubleIndexedKV = class {
4908
4906
  }
4909
4907
  };
4910
4908
 
4911
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
4909
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
4912
4910
  var Registry = class {
4913
4911
  constructor(generateIdentifier) {
4914
4912
  this.generateIdentifier = generateIdentifier;
@@ -4934,7 +4932,7 @@ var Registry = class {
4934
4932
  }
4935
4933
  };
4936
4934
 
4937
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
4935
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
4938
4936
  var ClassRegistry = class extends Registry {
4939
4937
  constructor() {
4940
4938
  super((c) => c.name);
@@ -4955,10 +4953,10 @@ var ClassRegistry = class extends Registry {
4955
4953
  }
4956
4954
  };
4957
4955
 
4958
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
4956
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
4959
4957
  init_cjs_shims();
4960
4958
 
4961
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/util.js
4959
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/util.js
4962
4960
  init_cjs_shims();
4963
4961
  function valuesOfObj(record) {
4964
4962
  if ("values" in Object) {
@@ -5002,7 +5000,7 @@ function findArr(record, predicate) {
5002
5000
  return void 0;
5003
5001
  }
5004
5002
 
5005
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
5003
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
5006
5004
  var CustomTransformerRegistry = class {
5007
5005
  constructor() {
5008
5006
  this.transfomers = {};
@@ -5018,10 +5016,10 @@ var CustomTransformerRegistry = class {
5018
5016
  }
5019
5017
  };
5020
5018
 
5021
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
5019
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
5022
5020
  init_cjs_shims();
5023
5021
 
5024
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/is.js
5022
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/is.js
5025
5023
  init_cjs_shims();
5026
5024
  var getType = (payload) => Object.prototype.toString.call(payload).slice(8, -1);
5027
5025
  var isUndefined = (payload) => typeof payload === "undefined";
@@ -5053,7 +5051,7 @@ var isInfinite = (payload) => payload === Infinity || payload === -Infinity;
5053
5051
  var isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
5054
5052
  var isURL = (payload) => payload instanceof URL;
5055
5053
 
5056
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/pathstringifier.js
5054
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/pathstringifier.js
5057
5055
  init_cjs_shims();
5058
5056
  var escapeKey = (key) => key.replace(/\./g, "\\.");
5059
5057
  var stringifyPath = (path) => path.map(String).map(escapeKey).join(".");
@@ -5081,7 +5079,7 @@ var parsePath = (string) => {
5081
5079
  return result;
5082
5080
  };
5083
5081
 
5084
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/transformer.js
5082
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/transformer.js
5085
5083
  init_cjs_shims();
5086
5084
  function simpleTransformation(isApplicable, annotation, transform, untransform) {
5087
5085
  return {
@@ -5216,7 +5214,7 @@ var classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, sup
5216
5214
  }, (v, a, superJson) => {
5217
5215
  const clazz = superJson.classRegistry.getValue(a[1]);
5218
5216
  if (!clazz) {
5219
- throw new Error("Trying to deserialize unknown class - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564");
5217
+ throw new Error(`Trying to deserialize unknown class '${a[1]}' - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564`);
5220
5218
  }
5221
5219
  return Object.assign(Object.create(clazz.prototype), v);
5222
5220
  });
@@ -5280,9 +5278,11 @@ var untransformValue = (json, type, superJson) => {
5280
5278
  }
5281
5279
  };
5282
5280
 
5283
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/accessDeep.js
5281
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/accessDeep.js
5284
5282
  init_cjs_shims();
5285
5283
  var getNthKey = (value, n) => {
5284
+ if (n > value.size)
5285
+ throw new Error("index out of bounds");
5286
5286
  const keys = value.keys();
5287
5287
  while (n > 0) {
5288
5288
  keys.next();
@@ -5395,7 +5395,7 @@ var setDeep = (object, path, mapper) => {
5395
5395
  return object;
5396
5396
  };
5397
5397
 
5398
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
5398
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
5399
5399
  function traverse(tree, walker2, origin = []) {
5400
5400
  if (!tree) {
5401
5401
  return;
@@ -5597,7 +5597,7 @@ function copy(target22, options = {}) {
5597
5597
  }, {});
5598
5598
  }
5599
5599
 
5600
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
5600
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
5601
5601
  var SuperJSON = class {
5602
5602
  /**
5603
5603
  * @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 = {
6705
6705
  devtoolsRouter,
6706
6706
  devtoolsRouterInfo,
6707
6707
  devtoolsState,
6708
+ escape,
6708
6709
  formatInspectorStateValue,
6709
6710
  getActiveInspectors,
6710
6711
  getDevToolsEnv,
package/dist/index.d.cts CHANGED
@@ -502,7 +502,9 @@ declare function createDevToolsApi(hooks: Hookable<DevToolsContextHooks & DevToo
502
502
  scrollToComponent(id: string): void;
503
503
  openInEditor: typeof openInEditor;
504
504
  getVueInspector: typeof getComponentInspector;
505
- toggleApp(id: string): void;
505
+ toggleApp(id: string, options?: {
506
+ inspectingComponent?: boolean;
507
+ }): void;
506
508
  inspectDOM(instanceId: string): void;
507
509
  updatePluginSettings(pluginId: string, key: string, value: string): void;
508
510
  getPluginSettings(pluginId: string): {
@@ -847,7 +849,9 @@ declare function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, Pl
847
849
  declare function setupDevToolsPlugin(pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction): void;
848
850
  declare function callDevToolsPluginSetupFn(plugin: [PluginDescriptor, PluginSetupFunction], app: App): void;
849
851
  declare function removeRegisteredPluginApp(app: App): void;
850
- declare function registerDevToolsPlugin(app: App): void;
852
+ declare function registerDevToolsPlugin(app: App, options?: {
853
+ inspectingComponent?: boolean;
854
+ }): void;
851
855
 
852
856
  interface ComponentBoundingRect {
853
857
  left: number;
@@ -988,6 +992,8 @@ declare function toSubmit(value: string, customType?: customTypeEnums): any;
988
992
 
989
993
  declare function isPlainObject(obj: unknown): obj is object;
990
994
 
995
+ declare function escape(s: string): string;
996
+
991
997
  declare function updateDevToolsClientDetected(params: Record<string, boolean>): void;
992
998
 
993
999
  interface EventEmitter$2 {
@@ -1072,7 +1078,9 @@ declare const devtools: {
1072
1078
  scrollToComponent(id: string): void;
1073
1079
  openInEditor: typeof openInEditor;
1074
1080
  getVueInspector: typeof getComponentInspector;
1075
- toggleApp(id: string): void;
1081
+ toggleApp(id: string, options?: {
1082
+ inspectingComponent?: boolean;
1083
+ }): void;
1076
1084
  inspectDOM(instanceId: string): void;
1077
1085
  updatePluginSettings(pluginId: string, key: string, value: string): void;
1078
1086
  getPluginSettings(pluginId: string): {
@@ -1099,4 +1107,4 @@ declare const devtools: {
1099
1107
  };
1100
1108
  };
1101
1109
 
1102
- 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 };
1110
+ 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 CHANGED
@@ -502,7 +502,9 @@ declare function createDevToolsApi(hooks: Hookable<DevToolsContextHooks & DevToo
502
502
  scrollToComponent(id: string): void;
503
503
  openInEditor: typeof openInEditor;
504
504
  getVueInspector: typeof getComponentInspector;
505
- toggleApp(id: string): void;
505
+ toggleApp(id: string, options?: {
506
+ inspectingComponent?: boolean;
507
+ }): void;
506
508
  inspectDOM(instanceId: string): void;
507
509
  updatePluginSettings(pluginId: string, key: string, value: string): void;
508
510
  getPluginSettings(pluginId: string): {
@@ -847,7 +849,9 @@ declare function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, Pl
847
849
  declare function setupDevToolsPlugin(pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction): void;
848
850
  declare function callDevToolsPluginSetupFn(plugin: [PluginDescriptor, PluginSetupFunction], app: App): void;
849
851
  declare function removeRegisteredPluginApp(app: App): void;
850
- declare function registerDevToolsPlugin(app: App): void;
852
+ declare function registerDevToolsPlugin(app: App, options?: {
853
+ inspectingComponent?: boolean;
854
+ }): void;
851
855
 
852
856
  interface ComponentBoundingRect {
853
857
  left: number;
@@ -988,6 +992,8 @@ declare function toSubmit(value: string, customType?: customTypeEnums): any;
988
992
 
989
993
  declare function isPlainObject(obj: unknown): obj is object;
990
994
 
995
+ declare function escape(s: string): string;
996
+
991
997
  declare function updateDevToolsClientDetected(params: Record<string, boolean>): void;
992
998
 
993
999
  interface EventEmitter$2 {
@@ -1072,7 +1078,9 @@ declare const devtools: {
1072
1078
  scrollToComponent(id: string): void;
1073
1079
  openInEditor: typeof openInEditor;
1074
1080
  getVueInspector: typeof getComponentInspector;
1075
- toggleApp(id: string): void;
1081
+ toggleApp(id: string, options?: {
1082
+ inspectingComponent?: boolean;
1083
+ }): void;
1076
1084
  inspectDOM(instanceId: string): void;
1077
1085
  updatePluginSettings(pluginId: string, key: string, value: string): void;
1078
1086
  getPluginSettings(pluginId: string): {
@@ -1099,4 +1107,4 @@ declare const devtools: {
1099
1107
  };
1100
1108
  };
1101
1109
 
1102
- 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 };
1110
+ 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 CHANGED
@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(
27
27
  mod
28
28
  ));
29
29
 
30
- // ../../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
30
+ // ../../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
31
31
  var init_esm_shims = __esm({
32
- "../../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"() {
32
+ "../../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"() {
33
33
  "use strict";
34
34
  }
35
35
  });
@@ -1953,18 +1953,11 @@ function inspectFn(e) {
1953
1953
  }
1954
1954
  }
1955
1955
  function selectComponentFn(e, cb) {
1956
- var _a25;
1957
1956
  e.preventDefault();
1958
1957
  e.stopPropagation();
1959
1958
  if (inspectInstance) {
1960
- const app = (_a25 = activeAppRecord.value) == null ? void 0 : _a25.app;
1961
- getComponentId({
1962
- app,
1963
- uid: app.uid,
1964
- instance: inspectInstance
1965
- }).then((id) => {
1966
- cb(id);
1967
- });
1959
+ const uniqueComponentId = getUniqueComponentId(inspectInstance);
1960
+ cb(uniqueComponentId);
1968
1961
  }
1969
1962
  }
1970
1963
  var inspectComponentHighLighterSelectFn = null;
@@ -4173,9 +4166,13 @@ function callDevToolsPluginSetupFn(plugin, app) {
4173
4166
  function removeRegisteredPluginApp(app) {
4174
4167
  target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
4175
4168
  }
4176
- function registerDevToolsPlugin(app) {
4177
- if (target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app) || devtoolsState.highPerfModeEnabled)
4169
+ function registerDevToolsPlugin(app, options) {
4170
+ if (target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app)) {
4178
4171
  return;
4172
+ }
4173
+ if (devtoolsState.highPerfModeEnabled && !(options == null ? void 0 : options.inspectingComponent)) {
4174
+ return;
4175
+ }
4179
4176
  target8.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
4180
4177
  devtoolsPluginBuffer.forEach((plugin) => {
4181
4178
  callDevToolsPluginSetupFn(plugin, app);
@@ -4355,14 +4352,14 @@ function createDevToolsApi(hooks2) {
4355
4352
  // get vue inspector
4356
4353
  getVueInspector: getComponentInspector,
4357
4354
  // toggle app
4358
- toggleApp(id) {
4355
+ toggleApp(id, options) {
4359
4356
  const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
4360
4357
  if (appRecord) {
4361
4358
  setActiveAppRecordId(id);
4362
4359
  setActiveAppRecord(appRecord);
4363
4360
  normalizeRouterInfo(appRecord, activeAppRecord);
4364
4361
  callInspectorUpdatedHook();
4365
- registerDevToolsPlugin(appRecord.app);
4362
+ registerDevToolsPlugin(appRecord.app, options);
4366
4363
  }
4367
4364
  },
4368
4365
  // inspect dom
@@ -4785,16 +4782,16 @@ init_esm_shims();
4785
4782
  // src/messaging/presets/broadcast-channel/index.ts
4786
4783
  init_esm_shims();
4787
4784
 
4788
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
4785
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
4789
4786
  init_esm_shims();
4790
4787
 
4791
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
4788
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
4792
4789
  init_esm_shims();
4793
4790
 
4794
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
4791
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
4795
4792
  init_esm_shims();
4796
4793
 
4797
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/double-indexed-kv.js
4794
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/double-indexed-kv.js
4798
4795
  init_esm_shims();
4799
4796
  var DoubleIndexedKV = class {
4800
4797
  constructor() {
@@ -4817,7 +4814,7 @@ var DoubleIndexedKV = class {
4817
4814
  }
4818
4815
  };
4819
4816
 
4820
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/registry.js
4817
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
4821
4818
  var Registry = class {
4822
4819
  constructor(generateIdentifier) {
4823
4820
  this.generateIdentifier = generateIdentifier;
@@ -4843,7 +4840,7 @@ var Registry = class {
4843
4840
  }
4844
4841
  };
4845
4842
 
4846
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/class-registry.js
4843
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
4847
4844
  var ClassRegistry = class extends Registry {
4848
4845
  constructor() {
4849
4846
  super((c) => c.name);
@@ -4864,10 +4861,10 @@ var ClassRegistry = class extends Registry {
4864
4861
  }
4865
4862
  };
4866
4863
 
4867
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
4864
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
4868
4865
  init_esm_shims();
4869
4866
 
4870
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/util.js
4867
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/util.js
4871
4868
  init_esm_shims();
4872
4869
  function valuesOfObj(record) {
4873
4870
  if ("values" in Object) {
@@ -4911,7 +4908,7 @@ function findArr(record, predicate) {
4911
4908
  return void 0;
4912
4909
  }
4913
4910
 
4914
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
4911
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
4915
4912
  var CustomTransformerRegistry = class {
4916
4913
  constructor() {
4917
4914
  this.transfomers = {};
@@ -4927,10 +4924,10 @@ var CustomTransformerRegistry = class {
4927
4924
  }
4928
4925
  };
4929
4926
 
4930
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
4927
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
4931
4928
  init_esm_shims();
4932
4929
 
4933
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/is.js
4930
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/is.js
4934
4931
  init_esm_shims();
4935
4932
  var getType = (payload) => Object.prototype.toString.call(payload).slice(8, -1);
4936
4933
  var isUndefined = (payload) => typeof payload === "undefined";
@@ -4962,7 +4959,7 @@ var isInfinite = (payload) => payload === Infinity || payload === -Infinity;
4962
4959
  var isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
4963
4960
  var isURL = (payload) => payload instanceof URL;
4964
4961
 
4965
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/pathstringifier.js
4962
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/pathstringifier.js
4966
4963
  init_esm_shims();
4967
4964
  var escapeKey = (key) => key.replace(/\./g, "\\.");
4968
4965
  var stringifyPath = (path) => path.map(String).map(escapeKey).join(".");
@@ -4990,7 +4987,7 @@ var parsePath = (string) => {
4990
4987
  return result;
4991
4988
  };
4992
4989
 
4993
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/transformer.js
4990
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/transformer.js
4994
4991
  init_esm_shims();
4995
4992
  function simpleTransformation(isApplicable, annotation, transform, untransform) {
4996
4993
  return {
@@ -5125,7 +5122,7 @@ var classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, sup
5125
5122
  }, (v, a, superJson) => {
5126
5123
  const clazz = superJson.classRegistry.getValue(a[1]);
5127
5124
  if (!clazz) {
5128
- throw new Error("Trying to deserialize unknown class - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564");
5125
+ throw new Error(`Trying to deserialize unknown class '${a[1]}' - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564`);
5129
5126
  }
5130
5127
  return Object.assign(Object.create(clazz.prototype), v);
5131
5128
  });
@@ -5189,9 +5186,11 @@ var untransformValue = (json, type, superJson) => {
5189
5186
  }
5190
5187
  };
5191
5188
 
5192
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/accessDeep.js
5189
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/accessDeep.js
5193
5190
  init_esm_shims();
5194
5191
  var getNthKey = (value, n) => {
5192
+ if (n > value.size)
5193
+ throw new Error("index out of bounds");
5195
5194
  const keys = value.keys();
5196
5195
  while (n > 0) {
5197
5196
  keys.next();
@@ -5304,7 +5303,7 @@ var setDeep = (object, path, mapper) => {
5304
5303
  return object;
5305
5304
  };
5306
5305
 
5307
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/plainer.js
5306
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
5308
5307
  function traverse(tree, walker2, origin = []) {
5309
5308
  if (!tree) {
5310
5309
  return;
@@ -5506,7 +5505,7 @@ function copy(target22, options = {}) {
5506
5505
  }, {});
5507
5506
  }
5508
5507
 
5509
- // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/index.js
5508
+ // ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
5510
5509
  var SuperJSON = class {
5511
5510
  /**
5512
5511
  * @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 {
6613
6612
  devtoolsRouter,
6614
6613
  devtoolsRouterInfo,
6615
6614
  devtoolsState,
6615
+ escape,
6616
6616
  formatInspectorStateValue,
6617
6617
  getActiveInspectors,
6618
6618
  getDevToolsEnv,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vue/devtools-kit",
3
3
  "type": "module",
4
- "version": "7.6.7",
4
+ "version": "7.7.0",
5
5
  "author": "webfansplz",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -29,7 +29,7 @@
29
29
  "perfect-debounce": "^1.0.0",
30
30
  "speakingurl": "^14.0.1",
31
31
  "superjson": "^2.2.1",
32
- "@vue/devtools-shared": "^7.6.7"
32
+ "@vue/devtools-shared": "^7.7.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/speakingurl": "^13.0.6",