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