@vue/devtools-kit - npm Package Compare versions

Comparing version 7.1.3 to 7.2.0

dist/index.d.ts

@@ -48,2 +48,12 @@ import { App, ComponentInternalInstance, ComponentOptions, SuspenseBoundary, VNode } from 'vue';
     treeFilterPlaceholder: string;
+    actions?: {
+        icon: string;
+        tooltip: string;
+        action: (payload: unknown) => void;
+    }[];
+    nodeActions?: {
+        icon: string;
+        tooltip: string;
+        action: (payload: unknown) => void;
+    }[];
 }
@@ -60,2 +70,7 @@ interface InspectorApiPayload {
     }[];
+    nodeActions?: {
+        icon: string;
+        tooltip: string;
+        action: (payload: unknown) => void;
+    }[];
 }
@@ -157,4 +172,7 @@ declare function addInspector(payload: Inspector): void;
     moduleDetectives?: {
+        vueQuery: boolean;
         vueRouter: boolean;
+        veeValidate: boolean;
         pinia: boolean;
+        vuex: boolean;
         vueI18n: boolean;
@@ -371,2 +389,8 @@ };
 }
+interface InspectorTree {
+    id: string;
+    label: string;
+    tags?: InspectorNodeTag[];
+    children?: InspectorTree[];
+}
 
@@ -404,2 +428,3 @@ interface ComponentBoundingRect {
     type: string;
+    path?: string[];
     stateType?: string;
@@ -525,3 +550,5 @@ stateTypeName?: string;
     }) => void;
-    [DevToolsEvents.GET_INSPECTOR_STATE]: (payload: InspectorStateApiPayload) => Promise<void>;
+    [DevToolsEvents.GET_INSPECTOR_STATE]: (payload: InspectorStateApiPayload, ctx: {
+        currentTab: string;
+    }) => Promise<void>;
     [DevToolsEvents.EDIT_INSPECTOR_STATE]: (payload: InspectorStateEditorPayload) => Promise<void>;
@@ -545,2 +572,3 @@ [DevToolsEvents.SEND_INSPECTOR_STATE]: (payload: string) => void;
     readonly visitComponentTree: (fn: DevToolsEvent[DevToolsEvents.VISIT_COMPONENT_TREE]) => void;
+    readonly setPluginSettings: () => void;
     readonly getInspectorTree: (fn: DevToolsEvent[DevToolsEvents.GET_INSPECTOR_TREE]) => void;
@@ -571,2 +599,12 @@ readonly getInspectorState: (fn: DevToolsEvent[DevToolsEvents.GET_INSPECTOR_STATE]) => void;
     addInspector(payload: InspectorApiPayload): void;
+    getInspectorNodeActions(inspectorId: string): {
+        icon: string;
+        tooltip: string;
+    }[];
+    callInspectorNodeAction(inspectorId: string, actionIndex: number, nodeId: string): void;
+    getInspectorActions(inspectorId: string): {
+        icon: string;
+        tooltip: string;
+    }[];
+    callInspectorAction(inspectorId: string, actionIndex: number, nodeId: string): void;
     highlightElement(instance: VueAppInstance): void;
@@ -586,5 +624,2 @@ unhighlightElement(): void;
     now(): number;
-    getSettings(): {
-        logStoreChanges: null;
-    };
     toggleComponentInspector(...params: DevToolsEventParams<DevToolsEvents.TOGGLE_COMPONENT_HIGHLIGHTER>): void;
@@ -656,2 +691,2 @@ inspectComponentInspector(): Promise<string>;
 
-export { type AddInspectorApiPayload, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentHighLighterOptions, type ComponentInspector, type ComponentTreeNode, type CustomCommand, type CustomCommandAction, type CustomTab, type DevToolsContext, type DevToolsEnv, type DevToolsEvent$1 as DevToolsEvent, type DevToolsHook, DevToolsHooks, type DevToolsState, type DevToolsType, INFINITY, type Inspector, type InspectorApiPayload, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTreeApiPayload, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginApi, type PluginDescriptor, type PluginSettingsItem, type PluginSetupFunction, type PropPath, type RouterInfo, type ScrollToComponentOptions, type TimelineEvent, type TimelineLayerItem, UNDEFINED, type VueAppInstance, type VueHooks, addCustomCommand, addCustomTab, addInspector, addTimelineLayer, cancelInspectComponentHighLighter, type customTypeEnums, devtools, formatInspectorStateValue, getComponentInspector, getInspector, getInspectorStateValueType, getRaw, getTimelineLayer, highlight, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, removeCustomCommand, scrollToComponent, setDevToolsEnv, setOpenInEditorBaseUrl, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateInspector };
+export { type AddInspectorApiPayload, type AppRecord, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentHighLighterOptions, type ComponentInspector, type ComponentTreeNode, type CustomCommand, type CustomCommandAction, type CustomTab, type DevToolsContext, type DevToolsEnv, type DevToolsEvent$1 as DevToolsEvent, type DevToolsHook, DevToolsHooks, type DevToolsState, type DevToolsType, INFINITY, type Inspector, type InspectorApiPayload, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTree, type InspectorTreeApiPayload, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PluginApi, type PluginDescriptor, type PluginSettingsItem, type PluginSetupFunction, type PropPath, type RouterInfo, type ScrollToComponentOptions, type TimelineEvent, type TimelineLayerItem, UNDEFINED, type VueAppInstance, type VueHooks, addCustomCommand, addCustomTab, addInspector, addTimelineLayer, cancelInspectComponentHighLighter, type customTypeEnums, devtools, formatInspectorStateValue, getComponentInspector, getInspector, getInspectorStateValueType, getRaw, getTimelineLayer, highlight, inspectComponentHighLighter, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, removeCustomCommand, scrollToComponent, setDevToolsEnv, setOpenInEditorBaseUrl, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleComponentHighLighter, toggleComponentInspectorEnabled, toggleHighPerfMode, unhighlight, updateInspector };

global.d.ts

@@ -8,3 +8,3 @@ import type { DevToolsContext, DevToolsEnv, DevToolsHook, DevToolsState, Router, RouterInfo } from './src/types'
   var __VUE_DEVTOOLS_CONTEXT__: DevToolsContext
-  var __VUE_DEVTOOLS_NEXT_APP_RECROD_INFO__: {
+  var __VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__: {
     id: number
@@ -11,0 +11,0 @@ appIds: Set<string>

package.json

 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "7.1.3",
+  "version": "7.2.0",
   "author": "webfansplz",
   "license": "MIT",
+  "repository": {
+    "directory": "packages/devtools-kit",
+    "type": "git",
+    "url": "git+https://github.com/vuejs/devtools-next.git"
+  },
   "exports": {
@@ -28,7 +33,7 @@ ".": {
     "speakingurl": "^14.0.1",
-    "@vue/devtools-shared": "^7.1.3"
+    "@vue/devtools-shared": "^7.2.0"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",
-    "vue": "^3.4.23",
+    "vue": "^3.4.27",
     "vue-router": "^4.3.2"
@@ -35,0 +40,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

329825

increased by2.04%

Lines of code

9725

increased by1.56%

Number of low supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updated@vue/devtools-shared@^7.2.0