@vue/devtools-kit 7.7.7 → 8.0.1

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 (6) hide show
  1. package/dist/index.cjs +5427 -6370
  2. package/dist/index.d.cts +902 -863
  3. package/dist/index.d.ts +902 -863
  4. package/dist/index.js +5345 -6276
  5. package/global.d.ts +1 -1
  6. package/package.json +8 -8
package/dist/index.d.cts CHANGED
@@ -1,256 +1,259 @@
1
- import { ComponentInternalInstance, ComponentOptions, SuspenseBoundary, App as App$1, VNode } from 'vue';
2
- import * as hookable from 'hookable';
3
- import { Hookable, HookKeys } from 'hookable';
4
- import { Router, RouteLocationNormalizedLoaded, RouteRecordNormalized } from 'vue-router';
5
- export { Router } from 'vue-router';
6
- import { BirpcOptions, ChannelOptions, BirpcGroup, BirpcReturn } from 'birpc';
1
+ import * as hookable0 from "hookable";
2
+ import { HookKeys, Hookable } from "hookable";
3
+ import { App as App$1, ComponentInternalInstance, ComponentOptions, SuspenseBoundary, VNode } from "vue";
4
+ import { RouteLocationNormalizedLoaded, RouteRecordNormalized, Router } from "vue-router";
5
+ import { BirpcGroup, BirpcOptions, BirpcReturn, ChannelOptions } from "birpc";
7
6
 
7
+ //#region src/types/app.d.ts
8
8
  type App = any;
9
9
  type VueAppInstance = ComponentInternalInstance & {
10
- type: {
11
- _componentTag: string | undefined;
12
- components: Record<string, ComponentInternalInstance['type']>;
13
- __VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
14
- __isKeepAlive: boolean;
15
- devtools: {
16
- hide: boolean;
17
- };
18
- mixins: ComponentOptions[];
19
- extends: ComponentOptions;
20
- vuex: {
21
- getters: Record<string, unknown>;
22
- };
23
- computed: Record<string, unknown>;
10
+ type: {
11
+ _componentTag: string | undefined;
12
+ components: Record<string, ComponentInternalInstance['type']>;
13
+ __VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
14
+ __isKeepAlive: boolean;
15
+ devtools: {
16
+ hide: boolean;
24
17
  };
25
- __v_cache: Cache;
26
- __VUE_DEVTOOLS_NEXT_UID__: string;
27
- _isBeingDestroyed: boolean;
28
- _instance: VueAppInstance;
29
- _container: {
30
- _vnode: {
31
- component: VueAppInstance;
32
- };
18
+ mixins: ComponentOptions[];
19
+ extends: ComponentOptions;
20
+ vuex: {
21
+ getters: Record<string, unknown>;
33
22
  };
34
- isUnmounted: boolean;
35
- parent: VueAppInstance;
36
- appContext: {
37
- app: VueAppInstance & App & {
38
- __VUE_DEVTOOLS_NEXT_APP_RECORD_ID__: string;
39
- __VUE_DEVTOOLS_NEXT_APP_RECORD__: AppRecord;
40
- };
23
+ computed: Record<string, unknown>;
24
+ };
25
+ __v_cache: Cache;
26
+ __VUE_DEVTOOLS_NEXT_UID__: string;
27
+ _isBeingDestroyed: boolean;
28
+ _instance: VueAppInstance;
29
+ _container: {
30
+ _vnode: {
31
+ component: VueAppInstance;
41
32
  };
42
- __VUE_DEVTOOLS_NEXT_APP_RECORD__: AppRecord;
43
- suspense: SuspenseBoundary & {
44
- suspenseKey: string;
33
+ };
34
+ isUnmounted: boolean;
35
+ parent: VueAppInstance;
36
+ appContext: {
37
+ app: VueAppInstance & App & {
38
+ __VUE_DEVTOOLS_NEXT_APP_RECORD_ID__: string;
39
+ __VUE_DEVTOOLS_NEXT_APP_RECORD__: AppRecord;
45
40
  };
46
- renderContext: Record<string, unknown>;
47
- devtoolsRawSetupState: Record<string, unknown>;
48
- setupState: Record<string, unknown>;
49
- provides: Record<string | symbol, unknown>;
50
- ctx: Record<string, unknown>;
41
+ };
42
+ __VUE_DEVTOOLS_NEXT_APP_RECORD__: AppRecord;
43
+ suspense: SuspenseBoundary & {
44
+ suspenseKey: string;
45
+ };
46
+ renderContext: Record<string, unknown>;
47
+ devtoolsRawSetupState: Record<string, unknown>;
48
+ setupState: Record<string, unknown>;
49
+ provides: Record<string | symbol, unknown>;
50
+ ctx: Record<string, unknown>;
51
51
  } & App;
52
52
  interface AppRecord {
53
- id: string;
54
- name: string;
55
- app?: App;
56
- version?: string;
57
- types?: Record<string, string | symbol>;
58
- instanceMap: Map<string, VueAppInstance>;
59
- perfGroupIds: Map<string, {
60
- groupId: number;
61
- time: number;
62
- }>;
63
- rootInstance: VueAppInstance;
64
- routerId?: string;
65
- iframe?: string;
53
+ id: string;
54
+ name: string;
55
+ app?: App;
56
+ version?: string;
57
+ types?: Record<string, string | symbol>;
58
+ instanceMap: Map<string, VueAppInstance>;
59
+ perfGroupIds: Map<string, {
60
+ groupId: number;
61
+ time: number;
62
+ }>;
63
+ rootInstance: VueAppInstance;
64
+ routerId?: string;
65
+ iframe?: string;
66
66
  }
67
-
67
+ //#endregion
68
+ //#region src/types/command.d.ts
68
69
  interface CustomCommandAction {
69
- type: 'url';
70
- /**
71
- * Url of the action, if set, execute the action will open the url
72
- */
73
- src: string;
70
+ type: 'url';
71
+ /**
72
+ * Url of the action, if set, execute the action will open the url
73
+ */
74
+ src: string;
74
75
  }
75
76
  interface CustomCommand {
76
- /**
77
- * The id of the command, should be unique
78
- */
79
- id: string;
80
- title: string;
81
- description?: string;
82
- /**
83
- * Order of the command, bigger number will be shown first
84
- * @default 0
85
- */
86
- order?: number;
87
- /**
88
- * Icon of the tab, support any Iconify icons, or a url to an image
89
- */
90
- icon?: string;
91
- /**
92
- * - action of the command
93
- * - __NOTE__: This will be ignored if `children` is set
94
- */
95
- action?: CustomCommandAction;
96
- /**
97
- * - children of action, if set, execute the action will show the children
98
- */
99
- children?: Omit<CustomCommand, 'children'>[];
100
- }
101
-
77
+ /**
78
+ * The id of the command, should be unique
79
+ */
80
+ id: string;
81
+ title: string;
82
+ description?: string;
83
+ /**
84
+ * Order of the command, bigger number will be shown first
85
+ * @default 0
86
+ */
87
+ order?: number;
88
+ /**
89
+ * Icon of the tab, support any Iconify icons, or a url to an image
90
+ */
91
+ icon?: string;
92
+ /**
93
+ * - action of the command
94
+ * - __NOTE__: This will be ignored if `children` is set
95
+ */
96
+ action?: CustomCommandAction;
97
+ /**
98
+ * - children of action, if set, execute the action will show the children
99
+ */
100
+ children?: Omit<CustomCommand, 'children'>[];
101
+ }
102
+ //#endregion
103
+ //#region src/types/inspector.d.ts
102
104
  interface CustomInspectorOptions {
103
- id: string;
104
- label: string;
105
- icon?: string;
106
- treeFilterPlaceholder?: string;
107
- stateFilterPlaceholder?: string;
108
- noSelectionText?: string;
109
- actions?: {
110
- icon: string;
111
- tooltip?: string;
112
- action: () => void | Promise<void>;
113
- }[];
114
- nodeActions?: {
115
- icon: string;
116
- tooltip?: string;
117
- action: (nodeId: string) => void | Promise<void>;
118
- }[];
105
+ id: string;
106
+ label: string;
107
+ icon?: string;
108
+ treeFilterPlaceholder?: string;
109
+ stateFilterPlaceholder?: string;
110
+ noSelectionText?: string;
111
+ actions?: {
112
+ icon: string;
113
+ tooltip?: string;
114
+ action: () => void | Promise<void>;
115
+ }[];
116
+ nodeActions?: {
117
+ icon: string;
118
+ tooltip?: string;
119
+ action: (nodeId: string) => void | Promise<void>;
120
+ }[];
119
121
  }
120
122
  interface InspectorNodeTag {
121
- label: string;
122
- textColor: number;
123
- backgroundColor: number;
124
- tooltip?: string;
123
+ label: string;
124
+ textColor: number;
125
+ backgroundColor: number;
126
+ tooltip?: string;
125
127
  }
126
128
  type EditStatePayload = {
127
- value: any;
128
- newKey?: string | null;
129
- remove?: undefined | false;
129
+ value: any;
130
+ newKey?: string | null;
131
+ remove?: undefined | false;
130
132
  } | {
131
- value?: undefined;
132
- newKey?: undefined;
133
- remove: true;
133
+ value?: undefined;
134
+ newKey?: undefined;
135
+ remove: true;
134
136
  };
135
137
  interface CustomInspectorNode {
136
- id: string;
137
- label: string;
138
- children?: CustomInspectorNode[];
139
- tags?: InspectorNodeTag[];
140
- name?: string;
141
- file?: string;
138
+ id: string;
139
+ label: string;
140
+ children?: CustomInspectorNode[];
141
+ tags?: InspectorNodeTag[];
142
+ name?: string;
143
+ file?: string;
142
144
  }
143
145
  interface CustomInspectorState {
144
- [key: string]: (StateBase | Omit<ComponentState, 'type'>)[];
146
+ [key: string]: (StateBase | Omit<ComponentState, 'type'>)[];
145
147
  }
146
-
148
+ //#endregion
149
+ //#region src/types/component.d.ts
147
150
  type ComponentInstance = any;
148
151
  interface ComponentTreeNode {
149
- uid: string | number;
150
- id: string;
151
- name: string;
152
- renderKey: string | number;
153
- inactive: boolean;
154
- isFragment: boolean;
155
- hasChildren: boolean;
156
- children: ComponentTreeNode[];
157
- domOrder?: number[];
158
- consoleId?: string;
159
- isRouterView?: boolean;
160
- macthedRouteSegment?: string;
161
- tags: InspectorNodeTag[];
162
- autoOpen: boolean;
163
- meta?: any;
152
+ uid: string | number;
153
+ id: string;
154
+ name: string;
155
+ renderKey: string | number;
156
+ inactive: boolean;
157
+ isFragment: boolean;
158
+ hasChildren: boolean;
159
+ children: ComponentTreeNode[];
160
+ domOrder?: number[];
161
+ consoleId?: string;
162
+ isRouterView?: boolean;
163
+ macthedRouteSegment?: string;
164
+ tags: InspectorNodeTag[];
165
+ autoOpen: boolean;
166
+ meta?: any;
164
167
  }
165
168
  type ComponentBuiltinCustomStateTypes = 'function' | 'map' | 'set' | 'reference' | 'component' | 'component-definition' | 'router' | 'store';
166
169
  interface ComponentCustomState extends ComponentStateBase {
167
- value: CustomState;
170
+ value: CustomState;
168
171
  }
169
172
  interface StateBase {
170
- key: string;
171
- value: any;
172
- editable?: boolean;
173
- objectType?: 'ref' | 'reactive' | 'computed' | 'other';
174
- raw?: string;
173
+ key: string;
174
+ value: any;
175
+ editable?: boolean;
176
+ objectType?: 'ref' | 'reactive' | 'computed' | 'other';
177
+ raw?: string;
175
178
  }
176
179
  interface ComponentStateBase extends StateBase {
177
- type: string;
180
+ type: string;
178
181
  }
179
182
  interface ComponentPropState extends ComponentStateBase {
180
- meta?: {
181
- type: string;
182
- required: boolean;
183
- /** Vue 1 only */
184
- mode?: 'default' | 'sync' | 'once';
185
- };
183
+ meta?: {
184
+ type: string;
185
+ required: boolean;
186
+ /** Vue 1 only */
187
+ mode?: 'default' | 'sync' | 'once';
188
+ };
186
189
  }
187
190
  interface CustomState {
188
- _custom: {
189
- type: ComponentBuiltinCustomStateTypes | string;
190
- objectType?: string;
191
- display?: string;
192
- tooltip?: string;
193
- value?: any;
194
- abstract?: boolean;
195
- file?: string;
196
- uid?: number;
197
- readOnly?: boolean;
198
- /** Configure immediate child fields */
199
- fields?: {
200
- abstract?: boolean;
201
- };
202
- id?: any;
203
- actions?: {
204
- icon: string;
205
- tooltip?: string;
206
- action: () => void | Promise<void>;
207
- }[];
208
- /** internal */
209
- _reviveId?: number;
191
+ _custom: {
192
+ type: ComponentBuiltinCustomStateTypes | string;
193
+ objectType?: string;
194
+ display?: string;
195
+ tooltip?: string;
196
+ value?: any;
197
+ abstract?: boolean;
198
+ file?: string;
199
+ uid?: number;
200
+ readOnly?: boolean;
201
+ /** Configure immediate child fields */
202
+ fields?: {
203
+ abstract?: boolean;
210
204
  };
205
+ id?: any;
206
+ actions?: {
207
+ icon: string;
208
+ tooltip?: string;
209
+ action: () => void | Promise<void>;
210
+ }[];
211
+ /** internal */
212
+ _reviveId?: number;
213
+ };
211
214
  }
212
215
  type ComponentState = ComponentStateBase | ComponentPropState | ComponentCustomState;
213
216
  interface InspectedComponentData {
214
- id: string;
215
- name: string;
216
- file: string;
217
- state: ComponentState[];
218
- functional?: boolean;
217
+ id: string;
218
+ name: string;
219
+ file: string;
220
+ state: ComponentState[];
221
+ functional?: boolean;
219
222
  }
220
223
  interface ComponentBounds {
221
- left: number;
222
- top: number;
223
- width: number;
224
- height: number;
225
- }
226
-
227
- interface DevToolsAppRecords extends AppRecord {
228
- }
224
+ left: number;
225
+ top: number;
226
+ width: number;
227
+ height: number;
228
+ }
229
+ //#endregion
230
+ //#region src/ctx/state.d.ts
231
+ interface DevToolsAppRecords extends AppRecord {}
229
232
  interface DevToolsState {
230
- connected: boolean;
231
- clientConnected: boolean;
232
- vitePluginDetected: boolean;
233
- appRecords: DevToolsAppRecords[];
234
- activeAppRecordId: string;
235
- tabs: CustomTab[];
236
- commands: CustomCommand[];
237
- highPerfModeEnabled: boolean;
238
- devtoolsClientDetected: {
239
- [key: string]: boolean;
240
- };
241
- perfUniqueGroupId: number;
242
- timelineLayersState: Record<string, boolean>;
233
+ connected: boolean;
234
+ clientConnected: boolean;
235
+ vitePluginDetected: boolean;
236
+ appRecords: DevToolsAppRecords[];
237
+ activeAppRecordId: string;
238
+ tabs: CustomTab[];
239
+ commands: CustomCommand[];
240
+ highPerfModeEnabled: boolean;
241
+ devtoolsClientDetected: {
242
+ [key: string]: boolean;
243
+ };
244
+ perfUniqueGroupId: number;
245
+ timelineLayersState: Record<string, boolean>;
243
246
  }
244
247
  declare const callStateUpdatedHook: (state: DevToolsState) => Promise<void>;
245
248
  declare const callConnectedUpdatedHook: (state: DevToolsState, oldState: DevToolsState) => Promise<void>;
246
249
  declare const devtoolsAppRecords: DevToolsAppRecords[] & {
247
- value: DevToolsAppRecords[];
250
+ value: DevToolsAppRecords[];
248
251
  };
249
252
  declare const addDevToolsAppRecord: (app: AppRecord) => void;
250
253
  declare const removeDevToolsAppRecord: (app: AppRecord["app"]) => void;
251
254
  declare const activeAppRecord: AppRecord & {
252
- value: AppRecord;
253
- id: string;
255
+ value: AppRecord;
256
+ id: string;
254
257
  };
255
258
  declare function setActiveAppRecord(app: AppRecord): void;
256
259
  declare function setActiveAppRecordId(id: string): void;
@@ -262,803 +265,837 @@ declare function addCustomTab(tab: CustomTab): void;
262
265
  declare function addCustomCommand(action: CustomCommand): void;
263
266
  declare function removeCustomCommand(actionId: string): void;
264
267
  declare function toggleClientConnected(state: boolean): void;
265
-
268
+ //#endregion
269
+ //#region src/ctx/hook.d.ts
266
270
  declare enum DevToolsV6PluginAPIHookKeys {
267
- VISIT_COMPONENT_TREE = "visitComponentTree",
268
- INSPECT_COMPONENT = "inspectComponent",
269
- EDIT_COMPONENT_STATE = "editComponentState",
270
- GET_INSPECTOR_TREE = "getInspectorTree",
271
- GET_INSPECTOR_STATE = "getInspectorState",
272
- EDIT_INSPECTOR_STATE = "editInspectorState",
273
- INSPECT_TIMELINE_EVENT = "inspectTimelineEvent",
274
- TIMELINE_CLEARED = "timelineCleared",
275
- SET_PLUGIN_SETTINGS = "setPluginSettings"
271
+ VISIT_COMPONENT_TREE = "visitComponentTree",
272
+ INSPECT_COMPONENT = "inspectComponent",
273
+ EDIT_COMPONENT_STATE = "editComponentState",
274
+ GET_INSPECTOR_TREE = "getInspectorTree",
275
+ GET_INSPECTOR_STATE = "getInspectorState",
276
+ EDIT_INSPECTOR_STATE = "editInspectorState",
277
+ INSPECT_TIMELINE_EVENT = "inspectTimelineEvent",
278
+ TIMELINE_CLEARED = "timelineCleared",
279
+ SET_PLUGIN_SETTINGS = "setPluginSettings",
276
280
  }
277
281
  interface DevToolsV6PluginAPIHookPayloads {
278
- [DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]: {
279
- app: App;
280
- componentInstance: ComponentInstance;
281
- treeNode: ComponentTreeNode;
282
- filter: string;
283
- };
284
- [DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]: {
285
- app: App;
286
- componentInstance: ComponentInstance;
287
- instanceData: InspectedComponentData;
288
- };
289
- [DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]: {
290
- app: App;
291
- inspectorId: string;
292
- nodeId: string;
293
- path: string[];
294
- type: string;
295
- state: EditStatePayload;
296
- set: (object: any, path?: string | (string[]), value?: any, cb?: (object: any, field: string, value: any) => void) => void;
297
- };
298
- [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]: {
299
- app: App;
300
- inspectorId: string;
301
- filter: string;
302
- rootNodes: CustomInspectorNode[];
303
- };
304
- [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]: {
305
- app: App;
306
- inspectorId: string;
307
- nodeId: string;
308
- state: CustomInspectorState;
309
- };
310
- [DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]: {
311
- app: App;
312
- inspectorId: string;
313
- nodeId: string;
314
- path: string[];
315
- type: string;
316
- state: EditStatePayload;
317
- set: (object: any, path?: string | (string[]), value?: any, cb?: (object: any, field: string, value: any) => void) => void;
318
- };
319
- [DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]: {
320
- app: App;
321
- layerId: string;
322
- event: TimelineEvent;
323
- all?: boolean;
324
- data: any;
325
- };
326
- [DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]: Record<string, never>;
327
- [DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]: {
328
- app: App;
329
- pluginId: string;
330
- key: string;
331
- newValue: any;
332
- oldValue: any;
333
- settings: any;
334
- };
282
+ [DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]: {
283
+ app: App;
284
+ componentInstance: ComponentInstance;
285
+ treeNode: ComponentTreeNode;
286
+ filter: string;
287
+ };
288
+ [DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]: {
289
+ app: App;
290
+ componentInstance: ComponentInstance;
291
+ instanceData: InspectedComponentData;
292
+ };
293
+ [DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]: {
294
+ app: App;
295
+ inspectorId: string;
296
+ nodeId: string;
297
+ path: string[];
298
+ type: string;
299
+ state: EditStatePayload;
300
+ set: (object: any, path?: string | (string[]), value?: any, cb?: (object: any, field: string, value: any) => void) => void;
301
+ };
302
+ [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]: {
303
+ app: App;
304
+ inspectorId: string;
305
+ filter: string;
306
+ rootNodes: CustomInspectorNode[];
307
+ };
308
+ [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]: {
309
+ app: App;
310
+ inspectorId: string;
311
+ nodeId: string;
312
+ state: CustomInspectorState;
313
+ };
314
+ [DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]: {
315
+ app: App;
316
+ inspectorId: string;
317
+ nodeId: string;
318
+ path: string[];
319
+ type: string;
320
+ state: EditStatePayload;
321
+ set: (object: any, path?: string | (string[]), value?: any, cb?: (object: any, field: string, value: any) => void) => void;
322
+ };
323
+ [DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]: {
324
+ app: App;
325
+ layerId: string;
326
+ event: TimelineEvent;
327
+ all?: boolean;
328
+ data: any;
329
+ };
330
+ [DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]: Record<string, never>;
331
+ [DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]: {
332
+ app: App;
333
+ pluginId: string;
334
+ key: string;
335
+ newValue: any;
336
+ oldValue: any;
337
+ settings: any;
338
+ };
335
339
  }
336
340
  interface DevToolsV6PluginAPIHooks {
337
- [DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]) => void;
338
- [DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]) => void;
339
- [DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]) => void;
340
- [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]) => void;
341
- [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]) => void;
342
- [DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]) => void;
343
- [DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]) => void;
344
- [DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]) => void;
345
- [DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]) => void;
341
+ [DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]) => void;
342
+ [DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]) => void;
343
+ [DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]) => void;
344
+ [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]) => void;
345
+ [DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]) => void;
346
+ [DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]) => void;
347
+ [DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]) => void;
348
+ [DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]) => void;
349
+ [DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]: (payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]) => void;
346
350
  }
347
351
  declare enum DevToolsContextHookKeys {
348
- ADD_INSPECTOR = "addInspector",
349
- SEND_INSPECTOR_TREE = "sendInspectorTree",
350
- SEND_INSPECTOR_STATE = "sendInspectorState",
351
- CUSTOM_INSPECTOR_SELECT_NODE = "customInspectorSelectNode",
352
- TIMELINE_LAYER_ADDED = "timelineLayerAdded",
353
- TIMELINE_EVENT_ADDED = "timelineEventAdded",
354
- GET_COMPONENT_INSTANCES = "getComponentInstances",
355
- GET_COMPONENT_BOUNDS = "getComponentBounds",
356
- GET_COMPONENT_NAME = "getComponentName",
357
- COMPONENT_HIGHLIGHT = "componentHighlight",
358
- COMPONENT_UNHIGHLIGHT = "componentUnhighlight"
352
+ ADD_INSPECTOR = "addInspector",
353
+ SEND_INSPECTOR_TREE = "sendInspectorTree",
354
+ SEND_INSPECTOR_STATE = "sendInspectorState",
355
+ CUSTOM_INSPECTOR_SELECT_NODE = "customInspectorSelectNode",
356
+ TIMELINE_LAYER_ADDED = "timelineLayerAdded",
357
+ TIMELINE_EVENT_ADDED = "timelineEventAdded",
358
+ GET_COMPONENT_INSTANCES = "getComponentInstances",
359
+ GET_COMPONENT_BOUNDS = "getComponentBounds",
360
+ GET_COMPONENT_NAME = "getComponentName",
361
+ COMPONENT_HIGHLIGHT = "componentHighlight",
362
+ COMPONENT_UNHIGHLIGHT = "componentUnhighlight",
359
363
  }
360
364
  interface DevToolsContextHookPayloads {
361
- [DevToolsContextHookKeys.ADD_INSPECTOR]: {
362
- inspector: CustomInspectorOptions;
363
- plugin: DevToolsPlugin;
364
- };
365
- [DevToolsContextHookKeys.SEND_INSPECTOR_TREE]: {
366
- inspectorId: string;
367
- plugin: DevToolsPlugin;
368
- };
369
- [DevToolsContextHookKeys.SEND_INSPECTOR_STATE]: {
370
- inspectorId: string;
371
- plugin: DevToolsPlugin;
372
- };
373
- [DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE]: {
374
- inspectorId: string;
375
- nodeId: string;
376
- plugin: DevToolsPlugin;
377
- };
378
- [DevToolsContextHookKeys.TIMELINE_LAYER_ADDED]: {
379
- options: TimelineLayerOptions;
380
- plugin: DevToolsPlugin;
381
- };
382
- [DevToolsContextHookKeys.TIMELINE_EVENT_ADDED]: {
383
- options: TimelineEventOptions;
384
- plugin: DevToolsPlugin;
385
- };
386
- [DevToolsContextHookKeys.GET_COMPONENT_INSTANCES]: {
387
- app: App;
388
- };
389
- [DevToolsContextHookKeys.GET_COMPONENT_BOUNDS]: {
390
- instance: ComponentInstance;
391
- };
392
- [DevToolsContextHookKeys.GET_COMPONENT_NAME]: {
393
- instance: ComponentInstance;
394
- };
395
- [DevToolsContextHookKeys.COMPONENT_HIGHLIGHT]: {
396
- uid: string;
397
- };
398
- [DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT]: Record<string, never>;
365
+ [DevToolsContextHookKeys.ADD_INSPECTOR]: {
366
+ inspector: CustomInspectorOptions;
367
+ plugin: DevToolsPlugin;
368
+ };
369
+ [DevToolsContextHookKeys.SEND_INSPECTOR_TREE]: {
370
+ inspectorId: string;
371
+ plugin: DevToolsPlugin;
372
+ };
373
+ [DevToolsContextHookKeys.SEND_INSPECTOR_STATE]: {
374
+ inspectorId: string;
375
+ plugin: DevToolsPlugin;
376
+ };
377
+ [DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE]: {
378
+ inspectorId: string;
379
+ nodeId: string;
380
+ plugin: DevToolsPlugin;
381
+ };
382
+ [DevToolsContextHookKeys.TIMELINE_LAYER_ADDED]: {
383
+ options: TimelineLayerOptions;
384
+ plugin: DevToolsPlugin;
385
+ };
386
+ [DevToolsContextHookKeys.TIMELINE_EVENT_ADDED]: {
387
+ options: TimelineEventOptions;
388
+ plugin: DevToolsPlugin;
389
+ };
390
+ [DevToolsContextHookKeys.GET_COMPONENT_INSTANCES]: {
391
+ app: App;
392
+ };
393
+ [DevToolsContextHookKeys.GET_COMPONENT_BOUNDS]: {
394
+ instance: ComponentInstance;
395
+ };
396
+ [DevToolsContextHookKeys.GET_COMPONENT_NAME]: {
397
+ instance: ComponentInstance;
398
+ };
399
+ [DevToolsContextHookKeys.COMPONENT_HIGHLIGHT]: {
400
+ uid: string;
401
+ };
402
+ [DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT]: Record<string, never>;
399
403
  }
400
404
  declare enum DevToolsMessagingHookKeys {
401
- SEND_INSPECTOR_TREE_TO_CLIENT = "sendInspectorTreeToClient",
402
- SEND_INSPECTOR_STATE_TO_CLIENT = "sendInspectorStateToClient",
403
- SEND_TIMELINE_EVENT_TO_CLIENT = "sendTimelineEventToClient",
404
- SEND_INSPECTOR_TO_CLIENT = "sendInspectorToClient",
405
- SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT = "sendActiveAppUpdatedToClient",
406
- DEVTOOLS_STATE_UPDATED = "devtoolsStateUpdated",
407
- DEVTOOLS_CONNECTED_UPDATED = "devtoolsConnectedUpdated",
408
- ROUTER_INFO_UPDATED = "routerInfoUpdated"
405
+ SEND_INSPECTOR_TREE_TO_CLIENT = "sendInspectorTreeToClient",
406
+ SEND_INSPECTOR_STATE_TO_CLIENT = "sendInspectorStateToClient",
407
+ SEND_TIMELINE_EVENT_TO_CLIENT = "sendTimelineEventToClient",
408
+ SEND_INSPECTOR_TO_CLIENT = "sendInspectorToClient",
409
+ SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT = "sendActiveAppUpdatedToClient",
410
+ DEVTOOLS_STATE_UPDATED = "devtoolsStateUpdated",
411
+ DEVTOOLS_CONNECTED_UPDATED = "devtoolsConnectedUpdated",
412
+ ROUTER_INFO_UPDATED = "routerInfoUpdated",
409
413
  }
410
414
  interface DevToolsMessagingHookPayloads {
411
- [DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT]: {
412
- inspectorId: string;
413
- rootNodes: CustomInspectorNode[];
414
- };
415
- [DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT]: {
416
- inspectorId: string;
417
- nodeId: string;
418
- state: CustomInspectorState;
419
- };
420
- [DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT]: TimelineEventOptions;
421
- [DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT]: {
422
- id: string;
423
- label: string;
424
- logo: string;
425
- icon: string;
426
- packageName: string | undefined;
427
- homepage: string | undefined;
428
- }[];
429
- [DevToolsMessagingHookKeys.DEVTOOLS_STATE_UPDATED]: {
430
- state: DevToolsState;
431
- };
432
- [DevToolsMessagingHookKeys.DEVTOOLS_CONNECTED_UPDATED]: {
433
- state: DevToolsState;
434
- oldState: DevToolsState;
435
- };
436
- [DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED]: {
437
- state: RouterInfo;
438
- };
415
+ [DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT]: {
416
+ inspectorId: string;
417
+ rootNodes: CustomInspectorNode[];
418
+ };
419
+ [DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT]: {
420
+ inspectorId: string;
421
+ nodeId: string;
422
+ state: CustomInspectorState;
423
+ };
424
+ [DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT]: TimelineEventOptions;
425
+ [DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT]: {
426
+ id: string;
427
+ label: string;
428
+ logo: string;
429
+ icon: string;
430
+ packageName: string | undefined;
431
+ homepage: string | undefined;
432
+ }[];
433
+ [DevToolsMessagingHookKeys.DEVTOOLS_STATE_UPDATED]: {
434
+ state: DevToolsState;
435
+ };
436
+ [DevToolsMessagingHookKeys.DEVTOOLS_CONNECTED_UPDATED]: {
437
+ state: DevToolsState;
438
+ oldState: DevToolsState;
439
+ };
440
+ [DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED]: {
441
+ state: RouterInfo;
442
+ };
439
443
  }
440
444
  interface DevToolsMessagingHooks {
441
- [DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT]) => void;
442
- [DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT]) => void;
443
- [DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT]) => void;
444
- [DevToolsMessagingHookKeys.SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT]: () => void;
445
- [DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT]) => void;
446
- [DevToolsMessagingHookKeys.DEVTOOLS_STATE_UPDATED]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.DEVTOOLS_STATE_UPDATED]) => void;
447
- [DevToolsMessagingHookKeys.DEVTOOLS_CONNECTED_UPDATED]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.DEVTOOLS_CONNECTED_UPDATED]) => void;
448
- [DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED]) => void;
445
+ [DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT]) => void;
446
+ [DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT]) => void;
447
+ [DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT]) => void;
448
+ [DevToolsMessagingHookKeys.SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT]: () => void;
449
+ [DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT]) => void;
450
+ [DevToolsMessagingHookKeys.DEVTOOLS_STATE_UPDATED]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.DEVTOOLS_STATE_UPDATED]) => void;
451
+ [DevToolsMessagingHookKeys.DEVTOOLS_CONNECTED_UPDATED]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.DEVTOOLS_CONNECTED_UPDATED]) => void;
452
+ [DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED]: (payload: DevToolsMessagingHookPayloads[DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED]) => void;
449
453
  }
450
454
  interface DevToolsContextHooks extends DevToolsV6PluginAPIHooks {
451
- [DevToolsContextHookKeys.ADD_INSPECTOR]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.ADD_INSPECTOR]) => void;
452
- [DevToolsContextHookKeys.SEND_INSPECTOR_TREE]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.SEND_INSPECTOR_TREE]) => void;
453
- [DevToolsContextHookKeys.SEND_INSPECTOR_STATE]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.SEND_INSPECTOR_STATE]) => void;
454
- [DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE]) => void;
455
- [DevToolsContextHookKeys.TIMELINE_LAYER_ADDED]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.TIMELINE_LAYER_ADDED]) => void;
456
- [DevToolsContextHookKeys.TIMELINE_EVENT_ADDED]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.TIMELINE_EVENT_ADDED]) => void;
457
- [DevToolsContextHookKeys.GET_COMPONENT_INSTANCES]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.GET_COMPONENT_INSTANCES]) => void;
458
- [DevToolsContextHookKeys.GET_COMPONENT_BOUNDS]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.GET_COMPONENT_BOUNDS]) => void;
459
- [DevToolsContextHookKeys.GET_COMPONENT_NAME]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.GET_COMPONENT_NAME]) => void;
460
- [DevToolsContextHookKeys.COMPONENT_HIGHLIGHT]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.COMPONENT_HIGHLIGHT]) => void;
461
- [DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT]: () => void;
462
- }
463
- declare function createDevToolsCtxHooks(): hookable.Hookable<DevToolsContextHooks & DevToolsMessagingHooks, hookable.HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
464
-
455
+ [DevToolsContextHookKeys.ADD_INSPECTOR]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.ADD_INSPECTOR]) => void;
456
+ [DevToolsContextHookKeys.SEND_INSPECTOR_TREE]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.SEND_INSPECTOR_TREE]) => void;
457
+ [DevToolsContextHookKeys.SEND_INSPECTOR_STATE]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.SEND_INSPECTOR_STATE]) => void;
458
+ [DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE]) => void;
459
+ [DevToolsContextHookKeys.TIMELINE_LAYER_ADDED]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.TIMELINE_LAYER_ADDED]) => void;
460
+ [DevToolsContextHookKeys.TIMELINE_EVENT_ADDED]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.TIMELINE_EVENT_ADDED]) => void;
461
+ [DevToolsContextHookKeys.GET_COMPONENT_INSTANCES]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.GET_COMPONENT_INSTANCES]) => void;
462
+ [DevToolsContextHookKeys.GET_COMPONENT_BOUNDS]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.GET_COMPONENT_BOUNDS]) => void;
463
+ [DevToolsContextHookKeys.GET_COMPONENT_NAME]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.GET_COMPONENT_NAME]) => void;
464
+ [DevToolsContextHookKeys.COMPONENT_HIGHLIGHT]: (payload: DevToolsContextHookPayloads[DevToolsContextHookKeys.COMPONENT_HIGHLIGHT]) => void;
465
+ [DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT]: () => void;
466
+ }
467
+ declare function createDevToolsCtxHooks(): hookable0.Hookable<DevToolsContextHooks & DevToolsMessagingHooks, hookable0.HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
468
+ //#endregion
469
+ //#region src/core/component-inspector/index.d.ts
465
470
  interface ComponentInspector {
466
- enabled: boolean;
467
- position: {
468
- x: number;
469
- y: number;
470
- };
471
- linkParams: {
472
- file: string;
473
- line: number;
474
- column: number;
475
- };
476
- enable: () => void;
477
- disable: () => void;
478
- toggleEnabled: () => void;
479
- openInEditor: (baseUrl: string, file: string, line: number, column: number) => void;
480
- onUpdated: () => void;
471
+ enabled: boolean;
472
+ position: {
473
+ x: number;
474
+ y: number;
475
+ };
476
+ linkParams: {
477
+ file: string;
478
+ line: number;
479
+ column: number;
480
+ };
481
+ enable: () => void;
482
+ disable: () => void;
483
+ toggleEnabled: () => void;
484
+ openInEditor: (baseUrl: string, file: string, line: number, column: number) => void;
485
+ onUpdated: () => void;
481
486
  }
482
487
  declare function toggleComponentInspectorEnabled(enabled: boolean): void;
483
488
  declare function getComponentInspector(): Promise<ComponentInspector>;
484
-
489
+ //#endregion
490
+ //#region src/core/open-in-editor/index.d.ts
485
491
  interface OpenInEditorOptions {
486
- baseUrl?: string;
487
- file?: string;
488
- line?: number;
489
- column?: number;
490
- host?: string;
492
+ baseUrl?: string;
493
+ file?: string;
494
+ line?: number;
495
+ column?: number;
496
+ host?: string;
491
497
  }
492
498
  declare function setOpenInEditorBaseUrl(url: string): void;
493
499
  declare function openInEditor(options?: OpenInEditorOptions): void;
494
-
500
+ //#endregion
501
+ //#region src/ctx/api.d.ts
495
502
  declare function createDevToolsApi(hooks: Hookable<DevToolsContextHooks & DevToolsMessagingHooks, HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>): {
496
- getInspectorTree(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE], "inspectorId" | "filter">): Promise<never[]>;
497
- getInspectorState(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE], "inspectorId" | "nodeId">): Promise<CustomInspectorState>;
498
- editInspectorState(payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]): void;
499
- sendInspectorState(inspectorId: string): void;
500
- inspectComponentInspector(): Promise<string>;
501
- cancelInspectComponentInspector(): void;
502
- getComponentRenderCode(id: string): any;
503
- scrollToComponent(id: string): void;
504
- openInEditor: typeof openInEditor;
505
- getVueInspector: typeof getComponentInspector;
506
- toggleApp(id: string, options?: {
507
- inspectingComponent?: boolean;
508
- }): void;
509
- inspectDOM(instanceId: string): void;
510
- updatePluginSettings(pluginId: string, key: string, value: string): void;
511
- getPluginSettings(pluginId: string): {
512
- options: Record<string, {
513
- label: string;
514
- description?: string;
515
- } & ({
516
- type: "boolean";
517
- defaultValue: boolean;
518
- } | {
519
- type: "choice";
520
- defaultValue: string | number;
521
- options: {
522
- value: string | number;
523
- label: string;
524
- }[];
525
- component?: "select" | "button-group";
526
- } | {
527
- type: "text";
528
- defaultValue: string;
529
- })> | null;
530
- values: any;
531
- };
503
+ getInspectorTree(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE], "inspectorId" | "filter">): Promise<never[]>;
504
+ getInspectorState(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE], "inspectorId" | "nodeId">): Promise<CustomInspectorState>;
505
+ editInspectorState(payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]): void;
506
+ sendInspectorState(inspectorId: string): void;
507
+ inspectComponentInspector(): Promise<string>;
508
+ cancelInspectComponentInspector(): void;
509
+ getComponentRenderCode(id: string): any;
510
+ scrollToComponent(id: string): void;
511
+ openInEditor: typeof openInEditor;
512
+ getVueInspector: typeof getComponentInspector;
513
+ toggleApp(id: string, options?: {
514
+ inspectingComponent?: boolean;
515
+ }): void;
516
+ inspectDOM(instanceId: string): void;
517
+ updatePluginSettings(pluginId: string, key: string, value: string): void;
518
+ getPluginSettings(pluginId: string): {
519
+ options: Record<string, {
520
+ label: string;
521
+ description?: string;
522
+ } & ({
523
+ type: "boolean";
524
+ defaultValue: boolean;
525
+ } | {
526
+ type: "choice";
527
+ defaultValue: string | number;
528
+ options: {
529
+ value: string | number;
530
+ label: string;
531
+ }[];
532
+ component?: "select" | "button-group";
533
+ } | {
534
+ type: "text";
535
+ defaultValue: string;
536
+ })> | null;
537
+ values: any;
538
+ };
532
539
  };
533
540
  type DevToolsApiType = ReturnType<typeof createDevToolsApi>;
534
-
535
- declare function getDevToolsEnv(): {
536
- vitePluginDetected: boolean;
537
- };
541
+ //#endregion
542
+ //#region src/ctx/env.d.ts
543
+ declare function getDevToolsEnv(): any;
538
544
  declare function setDevToolsEnv(env: Partial<any>): void;
539
-
545
+ //#endregion
546
+ //#region src/ctx/inspector.d.ts
540
547
  interface DevToolsKitInspector {
541
- options: CustomInspectorOptions;
542
- descriptor: PluginDescriptor;
543
- treeFilterPlaceholder: string;
544
- stateFilterPlaceholder: string;
545
- treeFilter: string;
546
- selectedNodeId: string;
547
- appRecord: unknown;
548
+ options: CustomInspectorOptions;
549
+ descriptor: PluginDescriptor;
550
+ treeFilterPlaceholder: string;
551
+ stateFilterPlaceholder: string;
552
+ treeFilter: string;
553
+ selectedNodeId: string;
554
+ appRecord: unknown;
548
555
  }
549
556
  declare const devtoolsInspector: DevToolsKitInspector[];
550
557
  declare const callInspectorUpdatedHook: () => Promise<void>;
551
558
  declare function addInspector(inspector: CustomInspectorOptions, descriptor: PluginDescriptor): void;
552
559
  declare function getActiveInspectors(): {
553
- id: string;
554
- label: string;
555
- logo: string;
556
- icon: string;
557
- packageName: string | undefined;
558
- homepage: string | undefined;
559
- pluginId: string;
560
+ id: string;
561
+ label: string;
562
+ logo: string;
563
+ icon: string;
564
+ packageName: string | undefined;
565
+ homepage: string | undefined;
566
+ pluginId: string;
560
567
  }[];
561
568
  declare function getInspectorInfo(id: string): {
569
+ id: string;
570
+ label: string;
571
+ logo: string | undefined;
572
+ packageName: string | undefined;
573
+ homepage: string | undefined;
574
+ timelineLayers: {
562
575
  id: string;
563
576
  label: string;
564
- logo: string | undefined;
565
- packageName: string | undefined;
566
- homepage: string | undefined;
567
- timelineLayers: {
568
- id: string;
569
- label: string;
570
- color: number;
571
- }[];
572
- treeFilterPlaceholder: string;
573
- stateFilterPlaceholder: string;
577
+ color: number;
578
+ }[];
579
+ treeFilterPlaceholder: string;
580
+ stateFilterPlaceholder: string;
574
581
  } | undefined;
575
582
  declare function getInspector(id: string, app?: App$1): DevToolsKitInspector | undefined;
576
583
  declare function getInspectorActions(id: string): {
577
- icon: string;
578
- tooltip?: string;
579
- action: () => void | Promise<void>;
584
+ icon: string;
585
+ tooltip?: string;
586
+ action: () => void | Promise<void>;
580
587
  }[] | undefined;
581
588
  declare function getInspectorNodeActions(id: string): {
582
- icon: string;
583
- tooltip?: string;
584
- action: (nodeId: string) => void | Promise<void>;
589
+ icon: string;
590
+ tooltip?: string;
591
+ action: (nodeId: string) => void | Promise<void>;
585
592
  }[] | undefined;
586
-
593
+ //#endregion
594
+ //#region src/ctx/plugin.d.ts
587
595
  type DevToolsKitPluginBuffer = [PluginDescriptor, PluginSetupFunction];
588
596
  declare const devtoolsPluginBuffer: DevToolsKitPluginBuffer[];
589
597
  declare function addDevToolsPluginToBuffer(pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction): void;
590
-
598
+ //#endregion
599
+ //#region src/ctx/router.d.ts
591
600
  declare const ROUTER_KEY = "__VUE_DEVTOOLS_ROUTER__";
592
601
  declare const ROUTER_INFO_KEY = "__VUE_DEVTOOLS_ROUTER_INFO__";
593
602
  declare const devtoolsRouterInfo: RouterInfo;
594
603
  declare const devtoolsRouter: {
595
- value: Router;
604
+ value: Router;
596
605
  };
597
-
606
+ //#endregion
607
+ //#region src/ctx/timeline.d.ts
598
608
  declare function updateTimelineLayersState(state: Record<string, boolean>): void;
599
-
609
+ //#endregion
610
+ //#region src/ctx/index.d.ts
600
611
  interface DevtoolsContext {
601
- hooks: Hookable<DevToolsContextHooks & DevToolsMessagingHooks, HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
602
- state: DevToolsState & {
603
- activeAppRecordId: string;
604
- activeAppRecord: DevToolsAppRecords;
605
- appRecords: DevToolsAppRecords[];
606
- };
607
- api: DevToolsApiType;
612
+ hooks: Hookable<DevToolsContextHooks & DevToolsMessagingHooks, HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
613
+ state: DevToolsState & {
614
+ activeAppRecordId: string;
615
+ activeAppRecord: DevToolsAppRecords;
616
+ appRecords: DevToolsAppRecords[];
617
+ };
618
+ api: DevToolsApiType;
608
619
  }
609
620
  declare const devtoolsContext: DevtoolsContext;
610
-
621
+ //#endregion
622
+ //#region src/api/v6/index.d.ts
611
623
  declare class DevToolsV6PluginAPI {
612
- private plugin;
613
- private hooks;
614
- constructor({ plugin, ctx }: {
615
- plugin: DevToolsPlugin;
616
- ctx: DevtoolsContext;
617
- });
618
- get on(): {
619
- visitComponentTree: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]) => void;
620
- inspectComponent: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]) => void;
621
- editComponentState: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]) => void;
622
- getInspectorTree: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]) => void;
623
- getInspectorState: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]) => void;
624
- editInspectorState: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]) => void;
625
- inspectTimelineEvent: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]) => void;
626
- timelineCleared: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]) => void;
627
- setPluginSettings: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]) => void;
628
- };
629
- notifyComponentUpdate(instance?: ComponentInstance): void;
630
- addInspector(options: CustomInspectorOptions): void;
631
- sendInspectorTree(inspectorId: string): void;
632
- sendInspectorState(inspectorId: string): void;
633
- selectInspectorNode(inspectorId: string, nodeId: string): void;
634
- visitComponentTree(payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]): Promise<any>;
635
- now(): number;
636
- addTimelineLayer(options: TimelineLayerOptions): void;
637
- addTimelineEvent(options: TimelineEventOptions): void;
638
- getSettings(pluginId?: string): any;
639
- getComponentInstances(app: App): Promise<ComponentInstance[]>;
640
- getComponentBounds(instance: ComponentInstance): Promise<ComponentBounds>;
641
- getComponentName(instance: ComponentInstance): Promise<string>;
642
- highlightElement(instance: ComponentInstance): Promise<any>;
643
- unhighlightElement(): Promise<any>;
644
- }
645
-
624
+ private plugin;
625
+ private hooks;
626
+ constructor({
627
+ plugin,
628
+ ctx
629
+ }: {
630
+ plugin: DevToolsPlugin;
631
+ ctx: DevtoolsContext;
632
+ });
633
+ get on(): {
634
+ visitComponentTree: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]) => void;
635
+ inspectComponent: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.INSPECT_COMPONENT]) => void;
636
+ editComponentState: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.EDIT_COMPONENT_STATE]) => void;
637
+ getInspectorTree: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE]) => void;
638
+ getInspectorState: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE]) => void;
639
+ editInspectorState: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]) => void;
640
+ inspectTimelineEvent: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.INSPECT_TIMELINE_EVENT]) => void;
641
+ timelineCleared: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.TIMELINE_CLEARED]) => void;
642
+ setPluginSettings: (handler: DevToolsV6PluginAPIHooks[DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS]) => void;
643
+ };
644
+ notifyComponentUpdate(instance?: ComponentInstance): void;
645
+ addInspector(options: CustomInspectorOptions): void;
646
+ sendInspectorTree(inspectorId: string): void;
647
+ sendInspectorState(inspectorId: string): void;
648
+ selectInspectorNode(inspectorId: string, nodeId: string): void;
649
+ visitComponentTree(payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.VISIT_COMPONENT_TREE]): Promise<any>;
650
+ now(): number;
651
+ addTimelineLayer(options: TimelineLayerOptions): void;
652
+ addTimelineEvent(options: TimelineEventOptions): void;
653
+ getSettings(pluginId?: string): any;
654
+ getComponentInstances(app: App): Promise<ComponentInstance[]>;
655
+ getComponentBounds(instance: ComponentInstance): Promise<ComponentBounds>;
656
+ getComponentName(instance: ComponentInstance): Promise<string>;
657
+ highlightElement(instance: ComponentInstance): Promise<any>;
658
+ unhighlightElement(): Promise<any>;
659
+ }
660
+ //#endregion
661
+ //#region src/api/index.d.ts
646
662
  declare const DevToolsPluginAPI: typeof DevToolsV6PluginAPI;
647
-
663
+ //#endregion
664
+ //#region src/types/plugin.d.ts
648
665
  type PluginSettingsItem = {
649
- label: string;
650
- description?: string;
666
+ label: string;
667
+ description?: string;
651
668
  } & ({
652
- type: 'boolean';
653
- defaultValue: boolean;
669
+ type: 'boolean';
670
+ defaultValue: boolean;
654
671
  } | {
655
- type: 'choice';
656
- defaultValue: string | number;
657
- options: {
658
- value: string | number;
659
- label: string;
660
- }[];
661
- component?: 'select' | 'button-group';
672
+ type: 'choice';
673
+ defaultValue: string | number;
674
+ options: {
675
+ value: string | number;
676
+ label: string;
677
+ }[];
678
+ component?: 'select' | 'button-group';
662
679
  } | {
663
- type: 'text';
664
- defaultValue: string;
680
+ type: 'text';
681
+ defaultValue: string;
665
682
  });
666
683
  type PluginSetupFunction = (api: InstanceType<typeof DevToolsPluginAPI>) => void;
667
684
  interface PluginDescriptor {
668
- id: string;
669
- label: string;
670
- app: App$1<any>;
671
- packageName?: string;
672
- homepage?: string;
673
- componentStateTypes?: string[];
674
- logo?: string;
675
- disableAppScope?: boolean;
676
- disablePluginScope?: boolean;
677
- /**
678
- * Run the plugin setup and expose the api even if the devtools is not opened yet.
679
- * Useful to record timeline events early.
680
- */
681
- enableEarlyProxy?: boolean;
682
- settings?: Record<string, PluginSettingsItem>;
685
+ id: string;
686
+ label: string;
687
+ app: App$1<any>;
688
+ packageName?: string;
689
+ homepage?: string;
690
+ componentStateTypes?: string[];
691
+ logo?: string;
692
+ disableAppScope?: boolean;
693
+ disablePluginScope?: boolean;
694
+ /**
695
+ * Run the plugin setup and expose the api even if the devtools is not opened yet.
696
+ * Useful to record timeline events early.
697
+ */
698
+ enableEarlyProxy?: boolean;
699
+ settings?: Record<string, PluginSettingsItem>;
683
700
  }
684
701
  interface DevToolsPlugin {
685
- descriptor: PluginDescriptor;
686
- setupFn: PluginSetupFunction;
702
+ descriptor: PluginDescriptor;
703
+ setupFn: PluginSetupFunction;
687
704
  }
688
-
705
+ //#endregion
706
+ //#region src/types/hook.d.ts
689
707
  type HookAppInstance = App$1 & VueAppInstance;
690
708
  declare enum DevToolsHooks {
691
- APP_INIT = "app:init",
692
- APP_UNMOUNT = "app:unmount",
693
- COMPONENT_UPDATED = "component:updated",
694
- COMPONENT_ADDED = "component:added",
695
- COMPONENT_REMOVED = "component:removed",
696
- COMPONENT_EMIT = "component:emit",
697
- PERFORMANCE_START = "perf:start",
698
- PERFORMANCE_END = "perf:end",
699
- ADD_ROUTE = "router:add-route",
700
- REMOVE_ROUTE = "router:remove-route",
701
- RENDER_TRACKED = "render:tracked",
702
- RENDER_TRIGGERED = "render:triggered",
703
- APP_CONNECTED = "app:connected",
704
- SETUP_DEVTOOLS_PLUGIN = "devtools-plugin:setup"
709
+ APP_INIT = "app:init",
710
+ APP_UNMOUNT = "app:unmount",
711
+ COMPONENT_UPDATED = "component:updated",
712
+ COMPONENT_ADDED = "component:added",
713
+ COMPONENT_REMOVED = "component:removed",
714
+ COMPONENT_EMIT = "component:emit",
715
+ PERFORMANCE_START = "perf:start",
716
+ PERFORMANCE_END = "perf:end",
717
+ ADD_ROUTE = "router:add-route",
718
+ REMOVE_ROUTE = "router:remove-route",
719
+ RENDER_TRACKED = "render:tracked",
720
+ RENDER_TRIGGERED = "render:triggered",
721
+ APP_CONNECTED = "app:connected",
722
+ SETUP_DEVTOOLS_PLUGIN = "devtools-plugin:setup",
705
723
  }
706
724
  interface DevToolsEvent {
707
- [DevToolsHooks.APP_INIT]: (app: VueAppInstance['appContext']['app'], version: string, types: Record<string, string | symbol>) => void | Promise<void>;
708
- [DevToolsHooks.APP_CONNECTED]: () => void;
709
- [DevToolsHooks.APP_UNMOUNT]: (app: VueAppInstance['appContext']['app']) => void | Promise<void>;
710
- [DevToolsHooks.COMPONENT_ADDED]: (app: HookAppInstance, uid: number, parentUid: number, component: VueAppInstance) => void | Promise<void>;
711
- [DevToolsHooks.COMPONENT_EMIT]: (app: HookAppInstance, instance: VueAppInstance, event: string, params: unknown) => void | Promise<void>;
712
- [DevToolsHooks.COMPONENT_UPDATED]: DevToolsEvent['component:added'];
713
- [DevToolsHooks.COMPONENT_REMOVED]: DevToolsEvent['component:added'];
714
- [DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction, options?: {
715
- target?: string;
716
- }) => void;
717
- [DevToolsHooks.PERFORMANCE_START]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
718
- [DevToolsHooks.PERFORMANCE_END]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
725
+ [DevToolsHooks.APP_INIT]: (app: VueAppInstance['appContext']['app'], version: string, types: Record<string, string | symbol>) => void | Promise<void>;
726
+ [DevToolsHooks.APP_CONNECTED]: () => void;
727
+ [DevToolsHooks.APP_UNMOUNT]: (app: VueAppInstance['appContext']['app']) => void | Promise<void>;
728
+ [DevToolsHooks.COMPONENT_ADDED]: (app: HookAppInstance, uid: number, parentUid: number, component: VueAppInstance) => void | Promise<void>;
729
+ [DevToolsHooks.COMPONENT_EMIT]: (app: HookAppInstance, instance: VueAppInstance, event: string, params: unknown) => void | Promise<void>;
730
+ [DevToolsHooks.COMPONENT_UPDATED]: DevToolsEvent['component:added'];
731
+ [DevToolsHooks.COMPONENT_REMOVED]: DevToolsEvent['component:added'];
732
+ [DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction, options?: {
733
+ target?: string;
734
+ }) => void;
735
+ [DevToolsHooks.PERFORMANCE_START]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
736
+ [DevToolsHooks.PERFORMANCE_END]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
719
737
  }
720
738
  interface DevToolsHook {
721
- id: string;
722
- enabled?: boolean;
723
- devtoolsVersion: string;
724
- events: Map<DevToolsHooks, Function[]>;
725
- emit: (event: DevToolsHooks, ...payload: any[]) => void;
726
- on: <T extends Function>(event: DevToolsHooks, handler: T) => () => void;
727
- once: <T extends Function>(event: DevToolsHooks, handler: T) => void;
728
- off: <T extends Function>(event: DevToolsHooks, handler: T) => void;
729
- appRecords: AppRecord[];
730
- apps: any;
731
- cleanupBuffer?: (matchArg: unknown) => boolean;
739
+ id: string;
740
+ enabled?: boolean;
741
+ devtoolsVersion: string;
742
+ events: Map<DevToolsHooks, Function[]>;
743
+ emit: (event: DevToolsHooks, ...payload: any[]) => void;
744
+ on: <T extends Function>(event: DevToolsHooks, handler: T) => () => void;
745
+ once: <T extends Function>(event: DevToolsHooks, handler: T) => void;
746
+ off: <T extends Function>(event: DevToolsHooks, handler: T) => void;
747
+ appRecords: AppRecord[];
748
+ apps: any;
749
+ cleanupBuffer?: (matchArg: unknown) => boolean;
732
750
  }
733
751
  interface VueHooks {
734
- on: {
735
- vueAppInit: (fn: DevToolsEvent[DevToolsHooks.APP_INIT]) => void;
736
- vueAppUnmount: (fn: DevToolsEvent[DevToolsHooks.APP_UNMOUNT]) => void;
737
- vueAppConnected: (fn: DevToolsEvent[DevToolsHooks.APP_CONNECTED]) => void;
738
- componentAdded: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_ADDED]) => () => void;
739
- componentEmit: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_EMIT]) => () => void;
740
- componentUpdated: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_UPDATED]) => () => void;
741
- componentRemoved: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_REMOVED]) => () => void;
742
- setupDevtoolsPlugin: (fn: DevToolsEvent[DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]) => void;
743
- perfStart: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_START]) => void;
744
- perfEnd: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_END]) => void;
745
- };
746
- setupDevToolsPlugin: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction) => void;
747
- }
748
-
752
+ on: {
753
+ vueAppInit: (fn: DevToolsEvent[DevToolsHooks.APP_INIT]) => void;
754
+ vueAppUnmount: (fn: DevToolsEvent[DevToolsHooks.APP_UNMOUNT]) => void;
755
+ vueAppConnected: (fn: DevToolsEvent[DevToolsHooks.APP_CONNECTED]) => void;
756
+ componentAdded: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_ADDED]) => () => void;
757
+ componentEmit: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_EMIT]) => () => void;
758
+ componentUpdated: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_UPDATED]) => () => void;
759
+ componentRemoved: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_REMOVED]) => () => void;
760
+ setupDevtoolsPlugin: (fn: DevToolsEvent[DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]) => void;
761
+ perfStart: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_START]) => void;
762
+ perfEnd: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_END]) => void;
763
+ };
764
+ setupDevToolsPlugin: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction) => void;
765
+ }
766
+ //#endregion
767
+ //#region src/types/router.d.ts
749
768
  interface RouterInfo {
750
- currentRoute: RouteLocationNormalizedLoaded | null | Record<string, any>;
751
- routes: RouteRecordNormalized[];
769
+ currentRoute: RouteLocationNormalizedLoaded | null | Record<string, any>;
770
+ routes: RouteRecordNormalized[];
752
771
  }
753
-
772
+ //#endregion
773
+ //#region src/types/tab.d.ts
754
774
  type TabCategory = 'pinned' | 'app' | 'modules' | 'advanced';
755
775
  type ModuleView = ModuleIframeView | ModuleVNodeView | ModuleSFCView;
756
776
  interface ModuleIframeView {
757
- /**
758
- * Iframe view
759
- */
760
- type: 'iframe';
761
- /**
762
- * Url of the iframe
763
- */
764
- src: string;
765
- /**
766
- * Persist the iframe instance even if the tab is not active
767
- *
768
- * @default true
769
- */
770
- persistent?: boolean;
777
+ /**
778
+ * Iframe view
779
+ */
780
+ type: 'iframe';
781
+ /**
782
+ * Url of the iframe
783
+ */
784
+ src: string;
785
+ /**
786
+ * Persist the iframe instance even if the tab is not active
787
+ *
788
+ * @default true
789
+ */
790
+ persistent?: boolean;
771
791
  }
772
792
  interface ModuleVNodeView {
773
- /**
774
- * Vue's VNode view
775
- */
776
- type: 'vnode';
777
- /**
778
- * Send vnode to the client, they must be static and serializable
779
- */
780
- vnode: VNode;
793
+ /**
794
+ * Vue's VNode view
795
+ */
796
+ type: 'vnode';
797
+ /**
798
+ * Send vnode to the client, they must be static and serializable
799
+ */
800
+ vnode: VNode;
781
801
  }
782
802
  interface ModuleSFCView {
783
- /**
784
- * SFC view
785
- */
786
- type: 'sfc';
787
- /**
788
- * SFC component
789
- */
790
- sfc: string;
803
+ /**
804
+ * SFC view
805
+ */
806
+ type: 'sfc';
807
+ /**
808
+ * SFC component
809
+ */
810
+ sfc: string;
791
811
  }
792
812
  interface CustomTab {
793
- /**
794
- * The name of the tab, must be unique
795
- */
796
- name: string;
797
- /**
798
- * Icon of the tab, support any Iconify icons, or a url to an image
799
- */
800
- icon?: string;
801
- /**
802
- * Title of the tab
803
- */
804
- title: string;
805
- /**
806
- * Main view of the tab
807
- */
808
- view: ModuleView;
809
- /**
810
- * Category of the tab
811
- * @default 'app'
812
- */
813
- category?: TabCategory;
814
- }
815
-
813
+ /**
814
+ * The name of the tab, must be unique
815
+ */
816
+ name: string;
817
+ /**
818
+ * Icon of the tab, support any Iconify icons, or a url to an image
819
+ */
820
+ icon?: string;
821
+ /**
822
+ * Title of the tab
823
+ */
824
+ title: string;
825
+ /**
826
+ * Main view of the tab
827
+ */
828
+ view: ModuleView;
829
+ /**
830
+ * Category of the tab
831
+ * @default 'app'
832
+ */
833
+ category?: TabCategory;
834
+ }
835
+ //#endregion
836
+ //#region src/types/timeline.d.ts
816
837
  interface TimelineEvent<TData = any, TMeta = any> {
817
- time: number;
818
- data: TData;
819
- logType?: 'default' | 'warning' | 'error';
820
- meta?: TMeta;
821
- groupId?: number | string;
822
- title?: string;
823
- subtitle?: string;
838
+ time: number;
839
+ data: TData;
840
+ logType?: 'default' | 'warning' | 'error';
841
+ meta?: TMeta;
842
+ groupId?: number | string;
843
+ title?: string;
844
+ subtitle?: string;
824
845
  }
825
846
  interface ScreenshotOverlayEvent {
826
- layerId: string;
827
- renderMeta: any;
847
+ layerId: string;
848
+ renderMeta: any;
828
849
  }
829
850
  interface ScreenshotOverlayRenderContext<TData = any, TMeta = any> {
830
- screenshot: ScreenshotData;
831
- events: (TimelineEvent<TData, TMeta> & ScreenshotOverlayEvent)[];
832
- index: number;
851
+ screenshot: ScreenshotData;
852
+ events: (TimelineEvent<TData, TMeta> & ScreenshotOverlayEvent)[];
853
+ index: number;
833
854
  }
834
855
  type ScreenshotOverlayRenderResult = HTMLElement | string | false;
835
856
  interface ScreenshotData {
836
- time: number;
857
+ time: number;
837
858
  }
838
859
  interface TimelineLayerOptions<TData = any, TMeta = any> {
839
- id: string;
840
- label: string;
841
- color: number;
842
- skipScreenshots?: boolean;
843
- groupsOnly?: boolean;
844
- ignoreNoDurationGroups?: boolean;
845
- screenshotOverlayRender?: (event: TimelineEvent<TData, TMeta> & ScreenshotOverlayEvent, ctx: ScreenshotOverlayRenderContext) => ScreenshotOverlayRenderResult | Promise<ScreenshotOverlayRenderResult>;
860
+ id: string;
861
+ label: string;
862
+ color: number;
863
+ skipScreenshots?: boolean;
864
+ groupsOnly?: boolean;
865
+ ignoreNoDurationGroups?: boolean;
866
+ screenshotOverlayRender?: (event: TimelineEvent<TData, TMeta> & ScreenshotOverlayEvent, ctx: ScreenshotOverlayRenderContext) => ScreenshotOverlayRenderResult | Promise<ScreenshotOverlayRenderResult>;
846
867
  }
847
868
  interface TimelineEventOptions {
848
- layerId: string;
849
- event: TimelineEvent;
850
- all?: boolean;
869
+ layerId: string;
870
+ event: TimelineEvent;
871
+ all?: boolean;
851
872
  }
852
-
873
+ //#endregion
874
+ //#region src/core/index.d.ts
853
875
  declare function initDevTools(): void;
854
876
  declare function onDevToolsClientConnected(fn: () => void): Promise<void>;
855
-
877
+ //#endregion
878
+ //#region src/core/high-perf-mode/index.d.ts
856
879
  declare function toggleHighPerfMode(state?: boolean): void;
857
-
880
+ //#endregion
881
+ //#region src/core/plugin/components.d.ts
858
882
  declare function createComponentsDevToolsPlugin(app: App): [PluginDescriptor, PluginSetupFunction];
859
-
883
+ //#endregion
884
+ //#region src/core/plugin/index.d.ts
860
885
  declare function setupDevToolsPlugin(pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction): void;
861
886
  declare function callDevToolsPluginSetupFn(plugin: [PluginDescriptor, PluginSetupFunction], app: App): void;
862
887
  declare function removeRegisteredPluginApp(app: App): void;
863
888
  declare function registerDevToolsPlugin(app: App, options?: {
864
- inspectingComponent?: boolean;
889
+ inspectingComponent?: boolean;
865
890
  }): void;
866
-
891
+ //#endregion
892
+ //#region src/core/component/types/bounding-rect.d.ts
867
893
  interface ComponentBoundingRect {
868
- left: number;
869
- top: number;
870
- right: number;
871
- bottom: number;
872
- width: number;
873
- height: number;
894
+ left: number;
895
+ top: number;
896
+ right: number;
897
+ bottom: number;
898
+ width: number;
899
+ height: number;
874
900
  }
875
901
  interface ComponentBoundingRectApiPayload {
876
- app?: VueAppInstance;
877
- inspectorId?: string;
878
- instanceId?: string;
879
- rect?: ComponentBoundingRect;
902
+ app?: VueAppInstance;
903
+ inspectorId?: string;
904
+ instanceId?: string;
905
+ rect?: ComponentBoundingRect;
880
906
  }
881
-
907
+ //#endregion
908
+ //#region src/core/component/types/custom.d.ts
882
909
  type customTypeEnums = 'function' | 'bigint' | 'map' | 'set' | 'store' | 'router' | 'component' | 'component-definition' | 'HTMLElement' | 'component-definition' | 'date';
883
-
910
+ //#endregion
911
+ //#region src/core/component/state/editor.d.ts
884
912
  type Recordable = Record<PropertyKey, any>;
885
-
913
+ //#endregion
914
+ //#region src/core/component/types/editor.d.ts
886
915
  type PropPath = string | string[];
887
916
  interface InspectorStateEditorPayload {
888
- app?: AppRecord['app'];
889
- inspectorId: string;
890
- nodeId: string;
917
+ app?: AppRecord['app'];
918
+ inspectorId: string;
919
+ nodeId: string;
920
+ type: string;
921
+ path: PropPath;
922
+ state: {
923
+ value: unknown;
924
+ newKey: string;
925
+ remove?: boolean;
891
926
  type: string;
892
- path: PropPath;
893
- state: {
894
- value: unknown;
895
- newKey: string;
896
- remove?: boolean;
897
- type: string;
898
- };
899
- set?: (obj: Recordable, path: PropPath, value: unknown, cb?: (object: Recordable, field: string, value: unknown) => void) => unknown;
927
+ };
928
+ set?: (obj: Recordable, path: PropPath, value: unknown, cb?: (object: Recordable, field: string, value: unknown) => void) => unknown;
900
929
  }
901
-
930
+ //#endregion
931
+ //#region src/core/component/types/state.d.ts
902
932
  interface InspectorCustomState {
903
- _custom?: {
904
- type?: string;
905
- displayText?: string;
906
- tooltipText?: string;
907
- value?: string | InspectorCustomState;
908
- stateTypeName?: string;
909
- fields?: {
910
- abstract?: boolean;
911
- };
933
+ _custom?: {
934
+ type?: string;
935
+ displayText?: string;
936
+ tooltipText?: string;
937
+ value?: string | InspectorCustomState;
938
+ stateTypeName?: string;
939
+ fields?: {
940
+ abstract?: boolean;
912
941
  };
942
+ };
913
943
  }
914
944
  interface InspectorState {
945
+ key: string;
946
+ value: string | number | boolean | null | Record<string, unknown> | InspectorCustomState | Array<unknown>;
947
+ type: string;
948
+ path?: string[];
949
+ stateType?: string;
950
+ stateTypeName?: string;
951
+ meta?: Record<string, boolean | string>;
952
+ raw?: string;
953
+ editable?: boolean;
954
+ children?: {
915
955
  key: string;
916
- value: string | number | boolean | null | Record<string, unknown> | InspectorCustomState | Array<unknown>;
956
+ value: string | number;
917
957
  type: string;
918
- path?: string[];
919
- stateType?: string;
920
- stateTypeName?: string;
921
- meta?: Record<string, boolean | string>;
922
- raw?: string;
923
- editable?: boolean;
924
- children?: {
925
- key: string;
926
- value: string | number;
927
- type: string;
928
- }[];
958
+ }[];
929
959
  }
930
960
  interface InspectorStateApiPayload {
931
- app: VueAppInstance;
932
- inspectorId: string;
933
- nodeId: string;
934
- state: {
935
- id: string;
936
- name: string;
937
- file: string | undefined;
938
- state: InspectorState[];
939
- instance: VueAppInstance | undefined;
940
- };
961
+ app: VueAppInstance;
962
+ inspectorId: string;
963
+ nodeId: string;
964
+ state: {
965
+ id: string;
966
+ name: string;
967
+ file: string | undefined;
968
+ state: InspectorState[];
969
+ instance: VueAppInstance | undefined;
970
+ };
941
971
  }
942
972
  interface AddInspectorApiPayload {
943
- id: string;
944
- label: string;
945
- icon?: string;
946
- treeFilterPlaceholder?: string;
947
- actions?: {
948
- icon: string;
949
- tooltip: string;
950
- action: (payload: unknown) => void;
951
- }[];
973
+ id: string;
974
+ label: string;
975
+ icon?: string;
976
+ treeFilterPlaceholder?: string;
977
+ actions?: {
978
+ icon: string;
979
+ tooltip: string;
980
+ action: (payload: unknown) => void;
981
+ }[];
952
982
  }
953
-
983
+ //#endregion
984
+ //#region src/core/component/types/tree.d.ts
954
985
  interface InspectorTreeApiPayload {
955
- app?: VueAppInstance;
956
- inspectorId?: string;
957
- filter?: string;
958
- instanceId?: string;
959
- rootNodes?: ComponentTreeNode[];
986
+ app?: VueAppInstance;
987
+ inspectorId?: string;
988
+ filter?: string;
989
+ instanceId?: string;
990
+ rootNodes?: ComponentTreeNode[];
960
991
  }
961
992
  interface InspectorTree {
962
- id: string;
963
- label: string;
964
- tags?: InspectorNodeTag[];
965
- children?: InspectorTree[];
993
+ id: string;
994
+ label: string;
995
+ tags?: InspectorNodeTag[];
996
+ children?: InspectorTree[];
966
997
  }
967
-
998
+ //#endregion
999
+ //#region src/core/component-highlighter/types.d.ts
968
1000
  interface ComponentHighLighterOptions {
969
- bounds: ComponentBoundingRect;
970
- name?: string;
971
- id?: string;
972
- visible?: boolean;
1001
+ bounds: ComponentBoundingRect;
1002
+ name?: string;
1003
+ id?: string;
1004
+ visible?: boolean;
973
1005
  }
974
1006
  interface ScrollToComponentOptions {
975
- id?: string;
1007
+ id?: string;
976
1008
  }
977
-
1009
+ //#endregion
1010
+ //#region src/core/component-highlighter/index.d.ts
978
1011
  declare function toggleComponentHighLighter(options: ComponentHighLighterOptions): void;
979
1012
  declare function highlight(instance: VueAppInstance): void;
980
1013
  declare function unhighlight(): void;
981
1014
  declare function cancelInspectComponentHighLighter(): void;
982
1015
  declare function inspectComponentHighLighter(): Promise<string>;
983
1016
  declare function scrollToComponent(options: ScrollToComponentOptions): void;
984
-
1017
+ //#endregion
1018
+ //#region src/core/component/state/constants.d.ts
985
1019
  declare const UNDEFINED = "__vue_devtool_undefined__";
986
1020
  declare const INFINITY = "__vue_devtool_infinity__";
987
1021
  declare const NEGATIVE_INFINITY = "__vue_devtool_negative_infinity__";
988
1022
  declare const NAN = "__vue_devtool_nan__";
989
-
1023
+ //#endregion
1024
+ //#region src/core/component/state/format.d.ts
990
1025
  declare function getInspectorStateValueType(value: any, raw?: boolean): string;
991
1026
  declare function formatInspectorStateValue(value: any, quotes?: boolean, options?: {
992
- customClass?: Partial<Record<'string', string>>;
1027
+ customClass?: Partial<Record<'string', string>>;
993
1028
  }): any;
994
1029
  declare function getRaw(value: InspectorState['value']): {
995
- value: object | string | number | boolean | null;
996
- inherit: Record<string, any> | {
997
- abstract: true;
998
- };
999
- customType?: customTypeEnums;
1030
+ value: object | string | number | boolean | null;
1031
+ inherit: Record<string, any> | {
1032
+ abstract: true;
1033
+ };
1034
+ customType?: customTypeEnums;
1000
1035
  };
1001
1036
  declare function toEdit(value: unknown, customType?: customTypeEnums): string;
1002
1037
  declare function toSubmit(value: string, customType?: customTypeEnums): any;
1003
-
1038
+ //#endregion
1039
+ //#region src/core/component/state/is.d.ts
1004
1040
  declare function isPlainObject(obj: unknown): obj is object;
1005
-
1041
+ //#endregion
1042
+ //#region src/core/component/state/util.d.ts
1006
1043
  declare function escape(s: string): string;
1007
-
1044
+ //#endregion
1045
+ //#region src/core/devtools-client/detected.d.ts
1008
1046
  declare function updateDevToolsClientDetected(params: Record<string, boolean>): void;
1009
-
1047
+ //#endregion
1048
+ //#region src/messaging/presets/electron/context.d.ts
1010
1049
  interface EventEmitter$2 {
1011
- on: (name: string, handler: (data: any) => void) => void;
1012
- send: (name: string, ...args: any[]) => void;
1013
- emit: (name: string, ...args: any[]) => void;
1014
- }
1015
- interface ElectronClientContext extends EventEmitter$2 {
1016
- }
1017
- interface ElectronProxyContext extends EventEmitter$2 {
1018
- }
1019
- interface ElectronServerContext extends EventEmitter$2 {
1050
+ on: (name: string, handler: (data: any) => void) => void;
1051
+ send: (name: string, ...args: any[]) => void;
1052
+ emit: (name: string, ...args: any[]) => void;
1020
1053
  }
1054
+ interface ElectronClientContext extends EventEmitter$2 {}
1055
+ interface ElectronProxyContext extends EventEmitter$2 {}
1056
+ interface ElectronServerContext extends EventEmitter$2 {}
1021
1057
  declare function setElectronClientContext(context: ElectronClientContext): void;
1022
1058
  declare function setElectronProxyContext(context: ElectronProxyContext): void;
1023
1059
  declare function setElectronServerContext(context: ElectronServerContext): void;
1024
-
1060
+ //#endregion
1061
+ //#region src/messaging/presets/extension/context.d.ts
1025
1062
  interface EventEmitter$1 {
1026
- onMessage: {
1027
- addListener: (listener: (name: string, ...args: any[]) => void) => void;
1028
- };
1029
- postMessage: (name: string, ...args: any[]) => void;
1030
- }
1031
- interface ExtensionClientContext extends EventEmitter$1 {
1063
+ onMessage: {
1064
+ addListener: (listener: (name: string, ...args: any[]) => void) => void;
1065
+ };
1066
+ postMessage: (name: string, ...args: any[]) => void;
1032
1067
  }
1068
+ interface ExtensionClientContext extends EventEmitter$1 {}
1033
1069
  declare function getExtensionClientContext(): ExtensionClientContext;
1034
1070
  declare function setExtensionClientContext(context: ExtensionClientContext): void;
1035
-
1071
+ //#endregion
1072
+ //#region src/messaging/presets/iframe/context.d.ts
1036
1073
  declare function setIframeServerContext(context: HTMLIFrameElement): void;
1037
-
1074
+ //#endregion
1075
+ //#region src/messaging/presets/vite/context.d.ts
1038
1076
  interface EventEmitter {
1039
- on: (name: string, handler: (data: any) => void) => void;
1040
- send: (name: string, ...args: any[]) => void;
1041
- }
1042
- interface ViteClientContext extends EventEmitter {
1077
+ on: (name: string, handler: (data: any) => void) => void;
1078
+ send: (name: string, ...args: any[]) => void;
1043
1079
  }
1080
+ interface ViteClientContext extends EventEmitter {}
1044
1081
  interface ViteDevServer {
1045
- hot?: EventEmitter;
1046
- ws?: EventEmitter;
1082
+ hot?: EventEmitter;
1083
+ ws?: EventEmitter;
1047
1084
  }
1048
1085
  declare function setViteClientContext(context: ViteClientContext): void;
1049
1086
  declare function setViteServerContext(context: ViteDevServer): void;
1050
-
1087
+ //#endregion
1088
+ //#region src/messaging/index.d.ts
1051
1089
  type Presets = 'iframe' | 'electron' | 'vite' | 'broadcast' | 'extension';
1052
-
1053
1090
  interface CreateRpcClientOptions<RemoteFunctions> {
1054
- options?: BirpcOptions<RemoteFunctions>;
1055
- preset?: Presets;
1056
- channel?: ChannelOptions;
1091
+ options?: BirpcOptions<RemoteFunctions>;
1092
+ preset?: Presets;
1093
+ channel?: ChannelOptions;
1057
1094
  }
1058
1095
  interface CreateRpcServerOptions<RemoteFunctions> {
1059
- options?: BirpcOptions<RemoteFunctions>;
1060
- preset?: Presets;
1061
- channel?: ChannelOptions;
1096
+ options?: BirpcOptions<RemoteFunctions>;
1097
+ preset?: Presets;
1098
+ channel?: ChannelOptions;
1062
1099
  }
1063
1100
  declare function setRpcServerToGlobal<R, L>(rpc: BirpcGroup<R, L>): void;
1064
1101
  declare function getRpcClient<R, L extends object = Record<string, never>>(): BirpcReturn<R, L>;
@@ -1070,52 +1107,54 @@ declare function getViteRpcServer<R, L extends object = Record<string, never>>()
1070
1107
  declare function createRpcClient<RemoteFunctions = Record<string, never>, LocalFunctions extends object = Record<string, never>>(functions: LocalFunctions, options?: CreateRpcClientOptions<RemoteFunctions>): BirpcReturn<RemoteFunctions, LocalFunctions> | undefined;
1071
1108
  declare function createRpcServer<RemoteFunctions = Record<string, never>, LocalFunctions extends object = Record<string, never>>(functions: LocalFunctions, options?: CreateRpcServerOptions<RemoteFunctions>): void;
1072
1109
  declare function createRpcProxy<RemoteFunctions = Record<string, never>, LocalFunctions extends object = Record<string, never>>(options?: CreateRpcClientOptions<RemoteFunctions>): BirpcReturn<RemoteFunctions, LocalFunctions>;
1073
-
1110
+ //#endregion
1111
+ //#region src/shared/util.d.ts
1074
1112
  declare function stringify<T extends object = Record<string, unknown>>(data: T): string | string[];
1075
1113
  declare function parse(data: string, revive?: boolean): any;
1076
-
1114
+ //#endregion
1115
+ //#region src/index.d.ts
1077
1116
  declare const devtools: {
1078
- hook: VueHooks;
1079
- init: () => void;
1080
- readonly ctx: DevtoolsContext;
1081
- readonly api: {
1082
- getInspectorTree(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE], "inspectorId" | "filter">): Promise<never[]>;
1083
- getInspectorState(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE], "inspectorId" | "nodeId">): Promise<CustomInspectorState>;
1084
- editInspectorState(payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]): void;
1085
- sendInspectorState(inspectorId: string): void;
1086
- inspectComponentInspector(): Promise<string>;
1087
- cancelInspectComponentInspector(): void;
1088
- getComponentRenderCode(id: string): any;
1089
- scrollToComponent(id: string): void;
1090
- openInEditor: typeof openInEditor;
1091
- getVueInspector: typeof getComponentInspector;
1092
- toggleApp(id: string, options?: {
1093
- inspectingComponent?: boolean;
1094
- }): void;
1095
- inspectDOM(instanceId: string): void;
1096
- updatePluginSettings(pluginId: string, key: string, value: string): void;
1097
- getPluginSettings(pluginId: string): {
1098
- options: Record<string, {
1099
- label: string;
1100
- description?: string;
1101
- } & ({
1102
- type: "boolean";
1103
- defaultValue: boolean;
1104
- } | {
1105
- type: "choice";
1106
- defaultValue: string | number;
1107
- options: {
1108
- value: string | number;
1109
- label: string;
1110
- }[];
1111
- component?: "select" | "button-group";
1112
- } | {
1113
- type: "text";
1114
- defaultValue: string;
1115
- })> | null;
1116
- values: any;
1117
- };
1117
+ hook: VueHooks;
1118
+ init: () => void;
1119
+ readonly ctx: DevtoolsContext;
1120
+ readonly api: {
1121
+ getInspectorTree(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE], "inspectorId" | "filter">): Promise<never[]>;
1122
+ getInspectorState(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE], "inspectorId" | "nodeId">): Promise<CustomInspectorState>;
1123
+ editInspectorState(payload: DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE]): void;
1124
+ sendInspectorState(inspectorId: string): void;
1125
+ inspectComponentInspector(): Promise<string>;
1126
+ cancelInspectComponentInspector(): void;
1127
+ getComponentRenderCode(id: string): any;
1128
+ scrollToComponent(id: string): void;
1129
+ openInEditor: typeof openInEditor;
1130
+ getVueInspector: typeof getComponentInspector;
1131
+ toggleApp(id: string, options?: {
1132
+ inspectingComponent?: boolean;
1133
+ }): void;
1134
+ inspectDOM(instanceId: string): void;
1135
+ updatePluginSettings(pluginId: string, key: string, value: string): void;
1136
+ getPluginSettings(pluginId: string): {
1137
+ options: Record<string, {
1138
+ label: string;
1139
+ description?: string;
1140
+ } & ({
1141
+ type: "boolean";
1142
+ defaultValue: boolean;
1143
+ } | {
1144
+ type: "choice";
1145
+ defaultValue: string | number;
1146
+ options: {
1147
+ value: string | number;
1148
+ label: string;
1149
+ }[];
1150
+ component?: "select" | "button-group";
1151
+ } | {
1152
+ type: "text";
1153
+ defaultValue: string;
1154
+ })> | null;
1155
+ values: any;
1118
1156
  };
1157
+ };
1119
1158
  };
1120
-
1121
- 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 ModuleSFCView, 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 };
1159
+ //#endregion
1160
+ export { AddInspectorApiPayload, App, AppRecord, ComponentBoundingRect, ComponentBoundingRectApiPayload, ComponentBounds, ComponentHighLighterOptions, ComponentInspector, ComponentInstance, ComponentState, ComponentTreeNode, CreateRpcClientOptions, CreateRpcServerOptions, CustomCommand, CustomCommandAction, CustomInspectorNode, CustomInspectorOptions, CustomInspectorState, CustomTab, DevToolsApiType, DevToolsAppRecords, DevToolsContextHookKeys, DevToolsContextHookPayloads, DevToolsContextHooks, DevToolsEvent, DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, DevToolsMessagingHookPayloads, DevToolsMessagingHooks, DevToolsPlugin, DevToolsState, DevToolsV6PluginAPIHookKeys, DevToolsV6PluginAPIHookPayloads, DevToolsV6PluginAPIHooks, DevtoolsContext, EditStatePayload, INFINITY, InspectedComponentData, InspectorCustomState, InspectorNodeTag, InspectorState, InspectorStateApiPayload, InspectorStateEditorPayload, InspectorTree, InspectorTreeApiPayload, ModuleIframeView, ModuleSFCView, ModuleVNodeView, ModuleView, NAN, NEGATIVE_INFINITY, OpenInEditorOptions, PluginDescriptor, PluginSetupFunction, Presets, PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type Router, RouterInfo, ScreenshotData, ScreenshotOverlayEvent, ScreenshotOverlayRenderContext, ScreenshotOverlayRenderResult, ScrollToComponentOptions, StateBase, TimelineEvent, TimelineEventOptions, TimelineLayerOptions, UNDEFINED, VueAppInstance, VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, 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 };