@vue/devtools - npm Package Compare versions

Comparing version 7.0.14 to 7.0.15

dist/index.d.ts

@@ -1,8 +0,4 @@
-import * as vue from 'vue';
-import * as vue_router from 'vue-router';
-import * as _vue_devtools_kit from '@vue/devtools-kit';
+import * as _vue_devtools_kit_dist from '@vue/devtools-kit/dist';
 export * from '@vue/devtools-kit';
 export { addCustomCommand, addCustomTab, onDevToolsClientConnected, onDevToolsConnected, removeCustomCommand } from '@vue/devtools-kit';
-import * as _vue_devtools_schema_dist from '@vue/devtools-schema/dist';
-import * as _vue_devtools_schema_src_types_vue from '@vue/devtools-schema/src/types/vue';
 import { connect } from '@vue/devtools-electron';
@@ -12,281 +8,12 @@
     connect: typeof connect;
-    state: _vue_devtools_schema_src_types_vue.DevToolsState;
-    context: {
-        appRecord: _vue_devtools_schema_dist.AppRecord;
-        api: {
-            on: {
-                devtoolsStateUpdated(fn: (state: _vue_devtools_schema_dist.DevToolsState, oldState: _vue_devtools_schema_dist.DevToolsState) => void): void;
-                routerInfoUpdated(fn: (routerInfo: _vue_devtools_kit.RouterInfo) => void): void;
-                getComponentBoundingRect(fn: (payload: _vue_devtools_kit.ComponentBoundingRectApiPayload) => void): void;
-                inspectComponent(fn: (payload: {
-                    componentInstance: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                    app: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                    instanceData: {
-                        id: string;
-                        name: string;
-                        file: string | undefined;
-                        state: _vue_devtools_kit.InspectorState[];
-                        instance: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                    };
-                }) => void): void;
-                visitComponentTree(fn: (payload: {
-                    componentInstance: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                    app: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                    treeNode: _vue_devtools_kit.ComponentTreeNode;
-                    filter: string;
-                }) => void): void;
-                getInspectorTree(fn: (payload: _vue_devtools_kit.InspectorTreeApiPayload) => void): void;
-                getInspectorState(fn: (payload: _vue_devtools_kit.InspectorStateApiPayload) => void): void;
-                sendInspectorTree(fn: (payload: string) => void): void;
-                sendInspectorState(fn: (payload: string) => void): void;
-                addTimelineEvent(fn: (payload: _vue_devtools_kit.TimelineEvent) => void): void;
-                editInspectorState(fn: (payload: _vue_devtools_kit.InspectorStateEditorPayload) => void): void;
-                editComponentState(): void;
-                customTabsUpdated(fn: (payload: _vue_devtools_kit.CustomTab[]) => void): void;
-                customCommandsUpdated(fn: (payload: _vue_devtools_kit.CustomCommand[]) => void): void;
-            };
-            clear: () => void;
-            toggleApp(id: string): Promise<void>;
-            addTimelineEvent(payload: _vue_devtools_kit.TimelineEvent): void;
-            toggleComponentInspector(payload: _vue_devtools_kit.ToggleComponentInspectorOptions): void;
-            inspectComponentInspector(): Promise<string>;
-            scrollToComponent(payload: _vue_devtools_kit.ScrollToComponentOptions): void;
-            getComponentBoundingRect(payload: _vue_devtools_kit.ComponentBoundingRectApiPayload): string;
-            getInspectorTree(payload?: _vue_devtools_kit.InspectorTreeApiPayload | undefined): Promise<string>;
-            getInspectorState(payload?: {
-                inspectorId?: string | undefined;
-                nodeId?: string | undefined;
-            } | undefined): string;
-            editInspectorState(payload: _vue_devtools_kit.InspectorStateEditorPayload): Promise<void>;
-            sendInspectorTree(inspectorId: string): Promise<void>;
-            sendInspectorState(inspectorId: string): Promise<void>;
-            addCustomTab(tab: _vue_devtools_kit.CustomTab): void;
-            addCustomCommand(action: _vue_devtools_kit.CustomCommand): void;
-            removeCustomCommand(actionId: string): void;
-            addInspector(payload: _vue_devtools_kit.AddInspectorApiPayload): void;
-            openInEditor(payload: _vue_devtools_kit.OpenInEditorOptions): void;
-            highlightElement(instance: any): void;
-            unhighlightElement(): void;
-            getComponentInstances(app: any): Promise<any[]>;
-            getVueInspector(): Promise<_vue_devtools_kit.VueInspector | null>;
-            visitComponentTree(payload: {
-                componentInstance: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                app: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                treeNode: _vue_devtools_kit.ComponentTreeNode;
-                filter: string;
-            }): void;
-            addTimelineLayer(payload: {
-                id: string;
-                label: string;
-                color: number;
-            }): void;
-            notifyComponentUpdate(): void;
-            now(): number;
-            getSettings(): {
-                logStoreChanges: null;
-            };
-        };
-        inspector: {
-            id: string;
-            nodeId: string;
-            filter: string;
-            treeFilterPlaceholder: string;
-        }[];
-        timelineLayer: {
-            id: string;
-            label: string;
-            color: number;
-        }[];
-        routerInfo: _vue_devtools_kit.RouterInfo;
-        router: vue_router.Router;
-        activeInspectorTreeId: string;
-        componentPluginHookBuffer: (() => void)[];
-        clear: () => void;
-    };
+    state: _vue_devtools_kit_dist.DevToolsState;
+    context: _vue_devtools_kit_dist.DevToolsContext;
+    hook: _vue_devtools_kit_dist.VueHooks;
     init: () => void;
-    hook: {
-        on: {
-            vueAppInit(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
-                type: {
-                    _componentTag: string | undefined;
-                    components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
-                    __VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
-                    __isKeepAlive: boolean;
-                    devtools: {
-                        hide: boolean;
-                    };
-                    mixins: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>[];
-                    extends: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>;
-                    vuex: {
-                        getters: Record<string, unknown>;
-                    };
-                    computed: Record<string, unknown>;
-                };
-                __v_cache: Map<string | number | symbol | vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
-                    [key: string]: any;
-                }>>;
-                __VUE_DEVTOOLS_UID__: string;
-                _isBeingDestroyed: boolean;
-                _instance: _vue_devtools_schema_dist.VueAppInstance;
-                _container: {
-                    _vnode: {
-                        component: _vue_devtools_schema_dist.VueAppInstance;
-                    };
-                };
-                isUnmounted: boolean;
-                parent: _vue_devtools_schema_dist.VueAppInstance;
-                appContext: {
-                    app: any;
-                };
-                __VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
-                suspense: vue.SuspenseBoundary & {
-                    suspenseKey: string;
-                };
-                renderContext: Record<string, unknown>;
-                devtoolsRawSetupState: Record<string, unknown>;
-                setupState: Record<string, unknown>;
-                provides: Record<string | symbol, unknown>;
-                ctx: Record<string, unknown>;
-            } & {
-                __VUE_DEVTOOLS_APP_RECORD_ID__: string;
-                __VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
-            }, version: string) => void): void;
-            vueAppConnected(fn: () => void): void;
-            componentAdded(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
-                type: {
-                    _componentTag: string | undefined;
-                    components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
-                    __VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
-                    __isKeepAlive: boolean;
-                    devtools: {
-                        hide: boolean;
-                    };
-                    mixins: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>[];
-                    extends: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>;
-                    vuex: {
-                        getters: Record<string, unknown>;
-                    };
-                    computed: Record<string, unknown>;
-                };
-                __v_cache: Map<string | number | symbol | vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
-                    [key: string]: any;
-                }>>;
-                __VUE_DEVTOOLS_UID__: string;
-                _isBeingDestroyed: boolean;
-                _instance: _vue_devtools_schema_dist.VueAppInstance;
-                _container: {
-                    _vnode: {
-                        component: _vue_devtools_schema_dist.VueAppInstance;
-                    };
-                };
-                isUnmounted: boolean;
-                parent: _vue_devtools_schema_dist.VueAppInstance;
-                appContext: {
-                    app: any;
-                };
-                __VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
-                suspense: vue.SuspenseBoundary & {
-                    suspenseKey: string;
-                };
-                renderContext: Record<string, unknown>;
-                devtoolsRawSetupState: Record<string, unknown>;
-                setupState: Record<string, unknown>;
-                provides: Record<string | symbol, unknown>;
-                ctx: Record<string, unknown>;
-            }, uid: number, parentUid: number, component: _vue_devtools_schema_dist.VueAppInstance) => void): () => void;
-            componentUpdated(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
-                type: {
-                    _componentTag: string | undefined;
-                    components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
-                    __VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
-                    __isKeepAlive: boolean;
-                    devtools: {
-                        hide: boolean;
-                    };
-                    mixins: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>[];
-                    extends: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>;
-                    vuex: {
-                        getters: Record<string, unknown>;
-                    };
-                    computed: Record<string, unknown>;
-                };
-                __v_cache: Map<string | number | symbol | vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
-                    [key: string]: any;
-                }>>;
-                __VUE_DEVTOOLS_UID__: string;
-                _isBeingDestroyed: boolean;
-                _instance: _vue_devtools_schema_dist.VueAppInstance;
-                _container: {
-                    _vnode: {
-                        component: _vue_devtools_schema_dist.VueAppInstance;
-                    };
-                };
-                isUnmounted: boolean;
-                parent: _vue_devtools_schema_dist.VueAppInstance;
-                appContext: {
-                    app: any;
-                };
-                __VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
-                suspense: vue.SuspenseBoundary & {
-                    suspenseKey: string;
-                };
-                renderContext: Record<string, unknown>;
-                devtoolsRawSetupState: Record<string, unknown>;
-                setupState: Record<string, unknown>;
-                provides: Record<string | symbol, unknown>;
-                ctx: Record<string, unknown>;
-            }, uid: number, parentUid: number, component: _vue_devtools_schema_dist.VueAppInstance) => void): () => void;
-            componentRemoved(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
-                type: {
-                    _componentTag: string | undefined;
-                    components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
-                    __VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
-                    __isKeepAlive: boolean;
-                    devtools: {
-                        hide: boolean;
-                    };
-                    mixins: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>[];
-                    extends: vue.ComponentOptions<{}, any, any, any, any, any, any, any, any>;
-                    vuex: {
-                        getters: Record<string, unknown>;
-                    };
-                    computed: Record<string, unknown>;
-                };
-                __v_cache: Map<string | number | symbol | vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
-                    [key: string]: any;
-                }>>;
-                __VUE_DEVTOOLS_UID__: string;
-                _isBeingDestroyed: boolean;
-                _instance: _vue_devtools_schema_dist.VueAppInstance;
-                _container: {
-                    _vnode: {
-                        component: _vue_devtools_schema_dist.VueAppInstance;
-                    };
-                };
-                isUnmounted: boolean;
-                parent: _vue_devtools_schema_dist.VueAppInstance;
-                appContext: {
-                    app: any;
-                };
-                __VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
-                suspense: vue.SuspenseBoundary & {
-                    suspenseKey: string;
-                };
-                renderContext: Record<string, unknown>;
-                devtoolsRawSetupState: Record<string, unknown>;
-                setupState: Record<string, unknown>;
-                provides: Record<string | symbol, unknown>;
-                ctx: Record<string, unknown>;
-            }, uid: number, parentUid: number, component: _vue_devtools_schema_dist.VueAppInstance) => void): () => void;
-            setupDevtoolsPlugin(fn: (pluginDescriptor: _vue_devtools_schema_dist.PluginDescriptor, setupFn: _vue_devtools_schema_dist.PluginSetupFunction) => void): void;
-        };
-    };
     api: {
         on: {
-            devtoolsStateUpdated(fn: (state: _vue_devtools_schema_dist.DevToolsState, oldState: _vue_devtools_schema_dist.DevToolsState) => void): void;
-            routerInfoUpdated(fn: (routerInfo: _vue_devtools_kit.RouterInfo) => void): void;
-            getComponentBoundingRect(fn: (payload: _vue_devtools_kit.ComponentBoundingRectApiPayload) => void): void;
-            inspectComponent(fn: (payload: {
-                componentInstance: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                app: _vue_devtools_schema_dist.VueAppInstance | undefined;
+            readonly addTimelineEvent: (fn: (payload: _vue_devtools_kit_dist.TimelineEvent) => void) => void;
+            readonly inspectComponent: (fn: (payload: {
+                componentInstance: _vue_devtools_kit_dist.VueAppInstance | undefined;
+                app: _vue_devtools_kit_dist.VueAppInstance | undefined;
                 instanceData: {
@@ -296,30 +23,31 @@ id: string;
                     file: string | undefined;
-                    state: _vue_devtools_kit.InspectorState[];
-                    instance: _vue_devtools_schema_dist.VueAppInstance | undefined;
+                    state: _vue_devtools_kit_dist.InspectorState[];
+                    instance: _vue_devtools_kit_dist.VueAppInstance | undefined;
                 };
-            }) => void): void;
-            visitComponentTree(fn: (payload: {
-                componentInstance: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                app: _vue_devtools_schema_dist.VueAppInstance | undefined;
-                treeNode: _vue_devtools_kit.ComponentTreeNode;
+            }) => void) => void;
+            readonly visitComponentTree: (fn: (payload: {
+                componentInstance: _vue_devtools_kit_dist.VueAppInstance | undefined;
+                app: _vue_devtools_kit_dist.VueAppInstance | undefined;
+                treeNode: _vue_devtools_kit_dist.ComponentTreeNode;
                 filter: string;
-            }) => void): void;
-            getInspectorTree(fn: (payload: _vue_devtools_kit.InspectorTreeApiPayload) => void): void;
-            getInspectorState(fn: (payload: _vue_devtools_kit.InspectorStateApiPayload) => void): void;
-            sendInspectorTree(fn: (payload: string) => void): void;
-            sendInspectorState(fn: (payload: string) => void): void;
-            addTimelineEvent(fn: (payload: _vue_devtools_kit.TimelineEvent) => void): void;
-            editInspectorState(fn: (payload: _vue_devtools_kit.InspectorStateEditorPayload) => void): void;
-            editComponentState(): void;
-            customTabsUpdated(fn: (payload: _vue_devtools_kit.CustomTab[]) => void): void;
-            customCommandsUpdated(fn: (payload: _vue_devtools_kit.CustomCommand[]) => void): void;
+            }) => void) => void;
+            readonly getInspectorTree: (fn: (payload: _vue_devtools_kit_dist.InspectorTreeApiPayload) => void) => void;
+            readonly getInspectorState: (fn: (payload: _vue_devtools_kit_dist.InspectorStateApiPayload) => void) => void;
+            readonly sendInspectorTree: (fn: (payload: string) => void) => void;
+            readonly sendInspectorState: (fn: (payload: string) => void) => void;
+            readonly editInspectorState: (fn: (payload: _vue_devtools_kit_dist.InspectorStateEditorPayload) => void) => void;
+            readonly editComponentState: () => void;
+            readonly routerInfoUpdated: (fn: (routerInfo: _vue_devtools_kit_dist.RouterInfo) => void) => void;
+            readonly getComponentBoundingRect: (fn: (payload: _vue_devtools_kit_dist.ComponentBoundingRectApiPayload) => void) => void;
+            readonly customTabsUpdated: (fn: (payload: _vue_devtools_kit_dist.CustomTab[]) => void) => void;
+            readonly customCommandsUpdated: (fn: (payload: _vue_devtools_kit_dist.CustomCommand[]) => void) => void;
+            readonly devtoolsStateUpdated: (fn: (state: _vue_devtools_kit_dist.DevToolsState, oldState: _vue_devtools_kit_dist.DevToolsState) => void) => void;
         };
         clear: () => void;
-        toggleApp(id: string): Promise<void>;
-        addTimelineEvent(payload: _vue_devtools_kit.TimelineEvent): void;
-        toggleComponentInspector(payload: _vue_devtools_kit.ToggleComponentInspectorOptions): void;
-        inspectComponentInspector(): Promise<string>;
-        scrollToComponent(payload: _vue_devtools_kit.ScrollToComponentOptions): void;
-        getComponentBoundingRect(payload: _vue_devtools_kit.ComponentBoundingRectApiPayload): string;
-        getInspectorTree(payload?: _vue_devtools_kit.InspectorTreeApiPayload | undefined): Promise<string>;
+        addTimelineLayer(payload: _vue_devtools_kit_dist.TimelineLayerItem): void;
+        addTimelineEvent(payload: _vue_devtools_kit_dist.TimelineEvent): void;
+        addInspector(payload: _vue_devtools_kit_dist.InspectorApiPayload): void;
+        highlightElement(instance: _vue_devtools_kit_dist.VueAppInstance): void;
+        unhighlightElement(): void;
+        getInspectorTree(payload?: _vue_devtools_kit_dist.InspectorTreeApiPayload | undefined): Promise<string>;
         getInspectorState(payload?: {
@@ -329,25 +57,12 @@ inspectorId?: string | undefined;
         } | undefined): string;
-        editInspectorState(payload: _vue_devtools_kit.InspectorStateEditorPayload): Promise<void>;
+        editInspectorState(payload: _vue_devtools_kit_dist.InspectorStateEditorPayload): Promise<void>;
         sendInspectorTree(inspectorId: string): Promise<void>;
         sendInspectorState(inspectorId: string): Promise<void>;
-        addCustomTab(tab: _vue_devtools_kit.CustomTab): void;
-        addCustomCommand(action: _vue_devtools_kit.CustomCommand): void;
-        removeCustomCommand(actionId: string): void;
-        addInspector(payload: _vue_devtools_kit.AddInspectorApiPayload): void;
-        openInEditor(payload: _vue_devtools_kit.OpenInEditorOptions): void;
-        highlightElement(instance: any): void;
-        unhighlightElement(): void;
-        getComponentInstances(app: any): Promise<any[]>;
-        getVueInspector(): Promise<_vue_devtools_kit.VueInspector | null>;
+        getComponentInstances(app: _vue_devtools_kit_dist.VueAppInstance): Promise<_vue_devtools_kit_dist.VueAppInstance[]>;
         visitComponentTree(payload: {
-            componentInstance: _vue_devtools_schema_dist.VueAppInstance | undefined;
-            app: _vue_devtools_schema_dist.VueAppInstance | undefined;
-            treeNode: _vue_devtools_kit.ComponentTreeNode;
+            componentInstance: _vue_devtools_kit_dist.VueAppInstance | undefined;
+            app: _vue_devtools_kit_dist.VueAppInstance | undefined;
+            treeNode: _vue_devtools_kit_dist.ComponentTreeNode;
             filter: string;
         }): void;
-        addTimelineLayer(payload: {
-            id: string;
-            label: string;
-            color: number;
-        }): void;
         notifyComponentUpdate(): void;
@@ -358,2 +73,12 @@ now(): number;
         };
+        toggleComponentInspector(payload: _vue_devtools_kit_dist.ComponentHighLighterOptions): void;
+        inspectComponentInspector(): Promise<string>;
+        scrollToComponent(payload: _vue_devtools_kit_dist.ScrollToComponentOptions): void;
+        getComponentBoundingRect(payload: _vue_devtools_kit_dist.ComponentBoundingRectApiPayload): string;
+        toggleApp(id: string): Promise<void>;
+        addCustomTab(tab: _vue_devtools_kit_dist.CustomTab): void;
+        addCustomCommand(action: _vue_devtools_kit_dist.CustomCommand): void;
+        removeCustomCommand(actionId: string): void;
+        openInEditor(payload: _vue_devtools_kit_dist.OpenInEditorOptions): void;
+        getVueInspector(): Promise<_vue_devtools_kit_dist.ComponentInspector>;
     };
@@ -360,0 +85,0 @@ };

package.json

 {
   "name": "@vue/devtools",
   "type": "module",
-  "version": "7.0.14",
+  "version": "7.0.15",
   "author": "webfansplz",
@@ -32,4 +32,4 @@ "license": "MIT",
   "dependencies": {
-    "@vue/devtools-electron": "^7.0.14",
-    "@vue/devtools-kit": "^7.0.14"
+    "@vue/devtools-kit": "^7.0.15",
+    "@vue/devtools-electron": "^7.0.15"
   },
@@ -36,0 +36,0 @@ "scripts": {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

14785

decreased by-65.79%

Lines of code

151

decreased by-64.55%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@vue/devtools-electron@^7.0.15

• Updated@vue/devtools-kit@^7.0.15