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