@vue/devtools-api - npm Package Compare versions

Comparing version 6.0.0-beta.11 to 6.0.0-beta.12

lib/cjs/api/api.d.ts

@@ -14,2 +14,3 @@ import { ComponentBounds, Hookable } from './hooks';
     sendInspectorState(inspectorId: string): any;
+    selectInspectorNode(inspectorId: string, nodeId: string): any;
     getComponentBounds(instance: ComponentInstance): Promise<ComponentBounds>;
@@ -70,2 +71,7 @@ getComponentName(instance: ComponentInstance): Promise<string>;
     noSelectionText?: string;
+    actions?: {
+        icon: string;
+        tooltip?: string;
+        action: () => void | Promise<void>;
+    }[];
 }
@@ -72,0 +78,0 @@ export interface CustomInspectorNode {

lib/cjs/api/component.d.ts

@@ -47,19 +47,28 @@ import { InspectorNodeTag } from './api';
 export interface ComponentCustomState extends ComponentStateBase {
-    value: {
-        _custom: {
-            type: ComponentBuiltinCustomStateTypes | string;
-            display?: string;
-            tooltip?: string;
-            value?: any;
+    value: CustomState;
+}
+export declare type CustomState = {
+    _custom: {
+        type: ComponentBuiltinCustomStateTypes | string;
+        display?: string;
+        tooltip?: string;
+        value?: any;
+        abstract?: boolean;
+        file?: string;
+        uid?: number;
+        readOnly?: boolean;
+        /** Configure immediate child fields */
+        fields?: {
             abstract?: boolean;
-            file?: string;
-            uid?: number;
-            readOnly?: boolean;
-            /** Configure immediate child fields */
-            fields?: {
-                abstract?: boolean;
-            };
         };
+        id?: any;
+        actions?: {
+            icon: string;
+            tooltip?: string;
+            action: () => void | Promise<void>;
+        }[];
+        /** internal */
+        _reviveId?: number;
     };
-}
+};
 export declare type ComponentState = ComponentStateBase | ComponentPropState | ComponentCustomState;
@@ -66,0 +75,0 @@ export interface ComponentDevtoolsOptions {

lib/cjs/api/hooks.d.ts

@@ -20,2 +20,3 @@ import { ComponentTreeNode, InspectedComponentData, ComponentInstance, ComponentDevtoolsOptions } from './component';
     GET_COMPONENT_DEVTOOLS_OPTIONS = "getAppDevtoolsOptions",
+    GET_COMPONENT_RENDER_CODE = "getComponentRenderCode",
     INSPECT_TIMELINE_EVENT = "inspectTimelineEvent",
@@ -102,2 +103,6 @@ GET_INSPECTOR_TREE = "getInspectorTree",
     };
+    [Hooks.GET_COMPONENT_RENDER_CODE]: {
+        componentInstance: ComponentInstance;
+        code: string;
+    };
     [Hooks.INSPECT_TIMELINE_EVENT]: {
@@ -157,2 +162,3 @@ app: App;
     getComponentDevtoolsOptions(handler: HookHandler<HookPayloads[Hooks.GET_COMPONENT_DEVTOOLS_OPTIONS], TContext>): any;
+    getComponentRenderCode(handler: HookHandler<HookPayloads[Hooks.GET_COMPONENT_RENDER_CODE], TContext>): any;
     inspectTimelineEvent(handler: HookHandler<HookPayloads[Hooks.INSPECT_TIMELINE_EVENT], TContext>): any;
@@ -159,0 +165,0 @@ getInspectorTree(handler: HookHandler<HookPayloads[Hooks.GET_INSPECTOR_TREE], TContext>): any;

package.json

 {
   "name": "@vue/devtools-api",
-  "version": "6.0.0-beta.11",
+  "version": "6.0.0-beta.12",
   "description": "Interact with the Vue devtools from the page",
@@ -5,0 +5,0 @@ "main": "lib/cjs/index.js",

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

Improved metrics

Total package byte prevSize

18331

increased by3.76%

Lines of code

488

increased by4.5%

No dependency changes