@vue/devtools-kit 7.4.5 → 7.5.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.cjs +432 -158
- package/dist/index.d.cts +46 -31
- package/dist/index.d.ts +46 -31
- package/dist/index.js +296 -23
- package/package.json +5 -5
package/dist/index.d.cts
CHANGED
|
@@ -5,36 +5,6 @@ import { Router, RouteLocationNormalizedLoaded, RouteRecordNormalized } from 'vu
|
|
|
5
5
|
export { Router } from 'vue-router';
|
|
6
6
|
import { BirpcOptions, ChannelOptions, BirpcGroup, BirpcReturn } from 'birpc';
|
|
7
7
|
|
|
8
|
-
interface ComponentInspector {
|
|
9
|
-
enabled: boolean;
|
|
10
|
-
position: {
|
|
11
|
-
x: number;
|
|
12
|
-
y: number;
|
|
13
|
-
};
|
|
14
|
-
linkParams: {
|
|
15
|
-
file: string;
|
|
16
|
-
line: number;
|
|
17
|
-
column: number;
|
|
18
|
-
};
|
|
19
|
-
enable: () => void;
|
|
20
|
-
disable: () => void;
|
|
21
|
-
toggleEnabled: () => void;
|
|
22
|
-
openInEditor: (baseUrl: string, file: string, line: number, column: number) => void;
|
|
23
|
-
onUpdated: () => void;
|
|
24
|
-
}
|
|
25
|
-
declare function toggleComponentInspectorEnabled(enabled: boolean): void;
|
|
26
|
-
declare function getComponentInspector(): Promise<ComponentInspector>;
|
|
27
|
-
|
|
28
|
-
interface OpenInEditorOptions {
|
|
29
|
-
baseUrl?: string;
|
|
30
|
-
file?: string;
|
|
31
|
-
line?: number;
|
|
32
|
-
column?: number;
|
|
33
|
-
host?: string;
|
|
34
|
-
}
|
|
35
|
-
declare function setOpenInEditorBaseUrl(url: string): void;
|
|
36
|
-
declare function openInEditor(options?: OpenInEditorOptions): void;
|
|
37
|
-
|
|
38
8
|
type App = any;
|
|
39
9
|
type VueAppInstance = ComponentInternalInstance & {
|
|
40
10
|
type: {
|
|
@@ -86,6 +56,10 @@ interface AppRecord {
|
|
|
86
56
|
version?: string;
|
|
87
57
|
types?: Record<string, string | symbol>;
|
|
88
58
|
instanceMap: Map<string, VueAppInstance>;
|
|
59
|
+
perfGroupIds: Map<string, {
|
|
60
|
+
groupId: number;
|
|
61
|
+
time: number;
|
|
62
|
+
}>;
|
|
89
63
|
rootInstance: VueAppInstance;
|
|
90
64
|
routerId?: string;
|
|
91
65
|
}
|
|
@@ -263,6 +237,8 @@ interface DevToolsState {
|
|
|
263
237
|
devtoolsClientDetected: {
|
|
264
238
|
[key: string]: boolean;
|
|
265
239
|
};
|
|
240
|
+
perfUniqueGroupId: number;
|
|
241
|
+
timelineLayersState: Record<string, boolean>;
|
|
266
242
|
}
|
|
267
243
|
declare const callStateUpdatedHook: (state: DevToolsState) => Promise<void>;
|
|
268
244
|
declare const callConnectedUpdatedHook: (state: DevToolsState, oldState: DevToolsState) => Promise<void>;
|
|
@@ -485,6 +461,36 @@ interface DevToolsContextHooks extends DevToolsV6PluginAPIHooks {
|
|
|
485
461
|
}
|
|
486
462
|
declare function createDevToolsCtxHooks(): hookable.Hookable<DevToolsContextHooks & DevToolsMessagingHooks, hookable.HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
|
|
487
463
|
|
|
464
|
+
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;
|
|
480
|
+
}
|
|
481
|
+
declare function toggleComponentInspectorEnabled(enabled: boolean): void;
|
|
482
|
+
declare function getComponentInspector(): Promise<ComponentInspector>;
|
|
483
|
+
|
|
484
|
+
interface OpenInEditorOptions {
|
|
485
|
+
baseUrl?: string;
|
|
486
|
+
file?: string;
|
|
487
|
+
line?: number;
|
|
488
|
+
column?: number;
|
|
489
|
+
host?: string;
|
|
490
|
+
}
|
|
491
|
+
declare function setOpenInEditorBaseUrl(url: string): void;
|
|
492
|
+
declare function openInEditor(options?: OpenInEditorOptions): void;
|
|
493
|
+
|
|
488
494
|
declare function createDevToolsApi(hooks: Hookable<DevToolsContextHooks & DevToolsMessagingHooks, HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>): {
|
|
489
495
|
getInspectorTree(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE], "inspectorId" | "filter">): Promise<never[]>;
|
|
490
496
|
getInspectorState(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE], "inspectorId" | "nodeId">): Promise<CustomInspectorState>;
|
|
@@ -545,6 +551,7 @@ declare function getActiveInspectors(): {
|
|
|
545
551
|
icon: string;
|
|
546
552
|
packageName: string | undefined;
|
|
547
553
|
homepage: string | undefined;
|
|
554
|
+
pluginId: string;
|
|
548
555
|
}[];
|
|
549
556
|
declare function getInspectorInfo(id: string): {
|
|
550
557
|
id: string;
|
|
@@ -581,6 +588,8 @@ declare const devtoolsRouter: {
|
|
|
581
588
|
value: Router;
|
|
582
589
|
};
|
|
583
590
|
|
|
591
|
+
declare function updateTimelineLayersState(state: Record<string, boolean>): void;
|
|
592
|
+
|
|
584
593
|
interface DevtoolsContext {
|
|
585
594
|
hooks: Hookable<DevToolsContextHooks & DevToolsMessagingHooks, HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
|
|
586
595
|
state: DevToolsState & {
|
|
@@ -691,11 +700,14 @@ interface DevToolsEvent {
|
|
|
691
700
|
[DevToolsHooks.APP_CONNECTED]: () => void;
|
|
692
701
|
[DevToolsHooks.APP_UNMOUNT]: (app: VueAppInstance['appContext']['app']) => void | Promise<void>;
|
|
693
702
|
[DevToolsHooks.COMPONENT_ADDED]: (app: HookAppInstance, uid: number, parentUid: number, component: VueAppInstance) => void | Promise<void>;
|
|
703
|
+
[DevToolsHooks.COMPONENT_EMIT]: (app: HookAppInstance, instance: VueAppInstance, event: string, params: unknown) => void | Promise<void>;
|
|
694
704
|
[DevToolsHooks.COMPONENT_UPDATED]: DevToolsEvent['component:added'];
|
|
695
705
|
[DevToolsHooks.COMPONENT_REMOVED]: DevToolsEvent['component:added'];
|
|
696
706
|
[DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction, options?: {
|
|
697
707
|
target?: string;
|
|
698
708
|
}) => void;
|
|
709
|
+
[DevToolsHooks.PERFORMANCE_START]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
|
|
710
|
+
[DevToolsHooks.PERFORMANCE_END]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
|
|
699
711
|
}
|
|
700
712
|
interface DevToolsHook {
|
|
701
713
|
id: string;
|
|
@@ -716,9 +728,12 @@ interface VueHooks {
|
|
|
716
728
|
vueAppUnmount: (fn: DevToolsEvent[DevToolsHooks.APP_UNMOUNT]) => void;
|
|
717
729
|
vueAppConnected: (fn: DevToolsEvent[DevToolsHooks.APP_CONNECTED]) => void;
|
|
718
730
|
componentAdded: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_ADDED]) => () => void;
|
|
731
|
+
componentEmit: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_EMIT]) => () => void;
|
|
719
732
|
componentUpdated: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_UPDATED]) => () => void;
|
|
720
733
|
componentRemoved: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_REMOVED]) => () => void;
|
|
721
734
|
setupDevtoolsPlugin: (fn: DevToolsEvent[DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]) => void;
|
|
735
|
+
perfStart: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_START]) => void;
|
|
736
|
+
perfEnd: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_END]) => void;
|
|
722
737
|
};
|
|
723
738
|
setupDevToolsPlugin: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction) => void;
|
|
724
739
|
}
|
|
@@ -1079,4 +1094,4 @@ declare const devtools: {
|
|
|
1079
1094
|
};
|
|
1080
1095
|
};
|
|
1081
1096
|
|
|
1082
|
-
export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState };
|
|
1097
|
+
export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };
|
package/dist/index.d.ts
CHANGED
|
@@ -5,36 +5,6 @@ import { Router, RouteLocationNormalizedLoaded, RouteRecordNormalized } from 'vu
|
|
|
5
5
|
export { Router } from 'vue-router';
|
|
6
6
|
import { BirpcOptions, ChannelOptions, BirpcGroup, BirpcReturn } from 'birpc';
|
|
7
7
|
|
|
8
|
-
interface ComponentInspector {
|
|
9
|
-
enabled: boolean;
|
|
10
|
-
position: {
|
|
11
|
-
x: number;
|
|
12
|
-
y: number;
|
|
13
|
-
};
|
|
14
|
-
linkParams: {
|
|
15
|
-
file: string;
|
|
16
|
-
line: number;
|
|
17
|
-
column: number;
|
|
18
|
-
};
|
|
19
|
-
enable: () => void;
|
|
20
|
-
disable: () => void;
|
|
21
|
-
toggleEnabled: () => void;
|
|
22
|
-
openInEditor: (baseUrl: string, file: string, line: number, column: number) => void;
|
|
23
|
-
onUpdated: () => void;
|
|
24
|
-
}
|
|
25
|
-
declare function toggleComponentInspectorEnabled(enabled: boolean): void;
|
|
26
|
-
declare function getComponentInspector(): Promise<ComponentInspector>;
|
|
27
|
-
|
|
28
|
-
interface OpenInEditorOptions {
|
|
29
|
-
baseUrl?: string;
|
|
30
|
-
file?: string;
|
|
31
|
-
line?: number;
|
|
32
|
-
column?: number;
|
|
33
|
-
host?: string;
|
|
34
|
-
}
|
|
35
|
-
declare function setOpenInEditorBaseUrl(url: string): void;
|
|
36
|
-
declare function openInEditor(options?: OpenInEditorOptions): void;
|
|
37
|
-
|
|
38
8
|
type App = any;
|
|
39
9
|
type VueAppInstance = ComponentInternalInstance & {
|
|
40
10
|
type: {
|
|
@@ -86,6 +56,10 @@ interface AppRecord {
|
|
|
86
56
|
version?: string;
|
|
87
57
|
types?: Record<string, string | symbol>;
|
|
88
58
|
instanceMap: Map<string, VueAppInstance>;
|
|
59
|
+
perfGroupIds: Map<string, {
|
|
60
|
+
groupId: number;
|
|
61
|
+
time: number;
|
|
62
|
+
}>;
|
|
89
63
|
rootInstance: VueAppInstance;
|
|
90
64
|
routerId?: string;
|
|
91
65
|
}
|
|
@@ -263,6 +237,8 @@ interface DevToolsState {
|
|
|
263
237
|
devtoolsClientDetected: {
|
|
264
238
|
[key: string]: boolean;
|
|
265
239
|
};
|
|
240
|
+
perfUniqueGroupId: number;
|
|
241
|
+
timelineLayersState: Record<string, boolean>;
|
|
266
242
|
}
|
|
267
243
|
declare const callStateUpdatedHook: (state: DevToolsState) => Promise<void>;
|
|
268
244
|
declare const callConnectedUpdatedHook: (state: DevToolsState, oldState: DevToolsState) => Promise<void>;
|
|
@@ -485,6 +461,36 @@ interface DevToolsContextHooks extends DevToolsV6PluginAPIHooks {
|
|
|
485
461
|
}
|
|
486
462
|
declare function createDevToolsCtxHooks(): hookable.Hookable<DevToolsContextHooks & DevToolsMessagingHooks, hookable.HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
|
|
487
463
|
|
|
464
|
+
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;
|
|
480
|
+
}
|
|
481
|
+
declare function toggleComponentInspectorEnabled(enabled: boolean): void;
|
|
482
|
+
declare function getComponentInspector(): Promise<ComponentInspector>;
|
|
483
|
+
|
|
484
|
+
interface OpenInEditorOptions {
|
|
485
|
+
baseUrl?: string;
|
|
486
|
+
file?: string;
|
|
487
|
+
line?: number;
|
|
488
|
+
column?: number;
|
|
489
|
+
host?: string;
|
|
490
|
+
}
|
|
491
|
+
declare function setOpenInEditorBaseUrl(url: string): void;
|
|
492
|
+
declare function openInEditor(options?: OpenInEditorOptions): void;
|
|
493
|
+
|
|
488
494
|
declare function createDevToolsApi(hooks: Hookable<DevToolsContextHooks & DevToolsMessagingHooks, HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>): {
|
|
489
495
|
getInspectorTree(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE], "inspectorId" | "filter">): Promise<never[]>;
|
|
490
496
|
getInspectorState(payload: Pick<DevToolsV6PluginAPIHookPayloads[DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE], "inspectorId" | "nodeId">): Promise<CustomInspectorState>;
|
|
@@ -545,6 +551,7 @@ declare function getActiveInspectors(): {
|
|
|
545
551
|
icon: string;
|
|
546
552
|
packageName: string | undefined;
|
|
547
553
|
homepage: string | undefined;
|
|
554
|
+
pluginId: string;
|
|
548
555
|
}[];
|
|
549
556
|
declare function getInspectorInfo(id: string): {
|
|
550
557
|
id: string;
|
|
@@ -581,6 +588,8 @@ declare const devtoolsRouter: {
|
|
|
581
588
|
value: Router;
|
|
582
589
|
};
|
|
583
590
|
|
|
591
|
+
declare function updateTimelineLayersState(state: Record<string, boolean>): void;
|
|
592
|
+
|
|
584
593
|
interface DevtoolsContext {
|
|
585
594
|
hooks: Hookable<DevToolsContextHooks & DevToolsMessagingHooks, HookKeys<DevToolsContextHooks & DevToolsMessagingHooks>>;
|
|
586
595
|
state: DevToolsState & {
|
|
@@ -691,11 +700,14 @@ interface DevToolsEvent {
|
|
|
691
700
|
[DevToolsHooks.APP_CONNECTED]: () => void;
|
|
692
701
|
[DevToolsHooks.APP_UNMOUNT]: (app: VueAppInstance['appContext']['app']) => void | Promise<void>;
|
|
693
702
|
[DevToolsHooks.COMPONENT_ADDED]: (app: HookAppInstance, uid: number, parentUid: number, component: VueAppInstance) => void | Promise<void>;
|
|
703
|
+
[DevToolsHooks.COMPONENT_EMIT]: (app: HookAppInstance, instance: VueAppInstance, event: string, params: unknown) => void | Promise<void>;
|
|
694
704
|
[DevToolsHooks.COMPONENT_UPDATED]: DevToolsEvent['component:added'];
|
|
695
705
|
[DevToolsHooks.COMPONENT_REMOVED]: DevToolsEvent['component:added'];
|
|
696
706
|
[DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction, options?: {
|
|
697
707
|
target?: string;
|
|
698
708
|
}) => void;
|
|
709
|
+
[DevToolsHooks.PERFORMANCE_START]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
|
|
710
|
+
[DevToolsHooks.PERFORMANCE_END]: (app: App$1, uid: number, vm: HookAppInstance, type: string, time: number) => void;
|
|
699
711
|
}
|
|
700
712
|
interface DevToolsHook {
|
|
701
713
|
id: string;
|
|
@@ -716,9 +728,12 @@ interface VueHooks {
|
|
|
716
728
|
vueAppUnmount: (fn: DevToolsEvent[DevToolsHooks.APP_UNMOUNT]) => void;
|
|
717
729
|
vueAppConnected: (fn: DevToolsEvent[DevToolsHooks.APP_CONNECTED]) => void;
|
|
718
730
|
componentAdded: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_ADDED]) => () => void;
|
|
731
|
+
componentEmit: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_EMIT]) => () => void;
|
|
719
732
|
componentUpdated: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_UPDATED]) => () => void;
|
|
720
733
|
componentRemoved: (fn: DevToolsEvent[DevToolsHooks.COMPONENT_REMOVED]) => () => void;
|
|
721
734
|
setupDevtoolsPlugin: (fn: DevToolsEvent[DevToolsHooks.SETUP_DEVTOOLS_PLUGIN]) => void;
|
|
735
|
+
perfStart: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_START]) => void;
|
|
736
|
+
perfEnd: (fn: DevToolsEvent[DevToolsHooks.PERFORMANCE_END]) => void;
|
|
722
737
|
};
|
|
723
738
|
setupDevToolsPlugin: (pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction) => void;
|
|
724
739
|
}
|
|
@@ -1079,4 +1094,4 @@ declare const devtools: {
|
|
|
1079
1094
|
};
|
|
1080
1095
|
};
|
|
1081
1096
|
|
|
1082
|
-
export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState };
|
|
1097
|
+
export { type AddInspectorApiPayload, type App, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentBounds, type ComponentHighLighterOptions, type ComponentInspector, type ComponentInstance, type ComponentState, type ComponentTreeNode, type CreateRpcClientOptions, type CreateRpcServerOptions, type CustomCommand, type CustomCommandAction, type CustomInspectorNode, type CustomInspectorOptions, type CustomInspectorState, type CustomTab, type DevToolsApiType, type DevToolsAppRecords, DevToolsContextHookKeys, type DevToolsContextHookPayloads, type DevToolsContextHooks, type DevToolsEvent, type DevToolsHook, DevToolsHooks, DevToolsMessagingHookKeys, type DevToolsMessagingHookPayloads, type DevToolsMessagingHooks, type DevToolsPlugin, type DevToolsState, DevToolsV6PluginAPIHookKeys, type DevToolsV6PluginAPIHookPayloads, type DevToolsV6PluginAPIHooks, type DevtoolsContext, type EditStatePayload, INFINITY, type InspectedComponentData, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginDescriptor, type PluginSetupFunction, type Presets, type PropPath, ROUTER_INFO_KEY, ROUTER_KEY, type RouterInfo, type ScreenshotData, type ScreenshotOverlayEvent, type ScreenshotOverlayRenderContext, type ScreenshotOverlayRenderResult, type ScrollToComponentOptions, type StateBase, type TimelineEvent, type TimelineEventOptions, type TimelineLayerOptions, UNDEFINED, type VueAppInstance, type VueHooks, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, cancelInspectComponentHighLighter, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, type customTypeEnums, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, formatInspectorStateValue, getActiveInspectors, getComponentInspector, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, highlight, initDevTools, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, scrollToComponent, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };
|