vue-hook-optimizer 0.0.44 → 0.0.45

package/README.md

@@ -16,7 +16,6 @@ pnpm run play
 
 Open the browser and visit `http://localhost:3000/`.
 
-
 ## How To Use
 
 1. paste your component code into the editor
@@ -29,13 +28,15 @@ The tool will analyze the code, and show the relations between the variables and
 
 ## Motive
 
-Sometime we have to refactor the code, maybe there are thousands of lines of code in one file. And it is too complex and hard to understand.
+Sometime we have to refactor the code, maybe there are thousands of lines of code in one file.
+And it is too complex and hard to understand.
 
-So I want to build a tool to help us analyze the code, and find the relations between the variables and the methods. We can find out some variables are isolated, and some methods are over-association, and then we can refactor them.
+So I want to build a tool to help us analyze the code, and find the relations between the variables and the methods.
+We can find out some variables are isolated, and some methods are over-association, and then we can refactor them.
 
 ## Development Plan
 
-- [ ] add ~~node type~~ (has added `var` and `fun` types) and more info
+- [x] add more info, including the variable type, comment, whether has been used in template or hook methods
 - [x] provide some suggestions for optimization
 - [x] support `options api`
 - [x] [vscode extension](./packages/vscode)
@@ -43,7 +44,7 @@ So I want to build a tool to help us analyze the code, and find the relations be
 
 ## Contribution
 
-Any contributions are welcome. 
+Any contributions are welcome.
 
 ## Sponsor Me
 

package/dist/index.d.mts

@@ -3,15 +3,16 @@ import { Edge, Node } from 'vis-network';
 
 declare function analyze$3(content: string): Set<string>;
 
-type TypedNode = {
+interface TypedNode {
     label: string;
     type: NodeType;
     info?: Partial<{
         line: number;
         column: number;
         comment: string;
+        used: Set<string>;
     }>;
-};
+}
 declare enum NodeType {
     var = "var",
     fun = "fun"
@@ -30,23 +31,24 @@ declare function analyze$1(content: string, lineOffset?: number, jsx?: boolean):
     nodesUsedInTemplate: Set<string>;
 };
 
-declare function analyze(content: string, type?: "vue" | "react", lineOffset?: number, addInfo?: boolean): Promise<{
+declare function analyze(content: string, type?: "vue" | "react", lineOffset?: number, addInfo?: boolean): {
     graph: {
         nodes: Set<TypedNode>;
         edges: Map<TypedNode, Set<TypedNode>>;
     };
     nodesUsedInTemplate: Set<string>;
-}>;
+};
 
 declare enum SuggestionType {
-    'info' = "info",
-    'warning' = "warning",
-    'error' = "error"
+    info = "info",
+    warning = "warning",
+    error = "error"
 }
-type Suggestion = {
+interface Suggestion {
     type: SuggestionType;
     message: string;
-};
+    nodeInfo?: TypedNode | Array<TypedNode>;
+}
 declare function gen(graph: {
     nodes: Set<TypedNode>;
     edges: Map<TypedNode, Set<TypedNode>>;
@@ -63,4 +65,4 @@ declare function getVisData(graph: {
     edges: Edge[];
 };
 
-export { NodeType, Suggestion, SuggestionType, TypedNode, analyze$1 as analyzeOptions, analyze$2 as analyzeSetupScript, analyze$3 as analyzeTemplate, analyze as analyzeTsx, gen, getVisData };
+export { NodeType, type Suggestion, SuggestionType, type TypedNode, analyze$1 as analyzeOptions, analyze$2 as analyzeSetupScript, analyze$3 as analyzeTemplate, analyze as analyzeTsx, gen, getVisData };

package/dist/index.d.ts

@@ -3,15 +3,16 @@ import { Edge, Node } from 'vis-network';
 
 declare function analyze$3(content: string): Set<string>;
 
-type TypedNode = {
+interface TypedNode {
     label: string;
     type: NodeType;
     info?: Partial<{
         line: number;
         column: number;
         comment: string;
+        used: Set<string>;
     }>;
-};
+}
 declare enum NodeType {
     var = "var",
     fun = "fun"
@@ -30,23 +31,24 @@ declare function analyze$1(content: string, lineOffset?: number, jsx?: boolean):
     nodesUsedInTemplate: Set<string>;
 };
 
-declare function analyze(content: string, type?: "vue" | "react", lineOffset?: number, addInfo?: boolean): Promise<{
+declare function analyze(content: string, type?: "vue" | "react", lineOffset?: number, addInfo?: boolean): {
     graph: {
         nodes: Set<TypedNode>;
         edges: Map<TypedNode, Set<TypedNode>>;
     };
     nodesUsedInTemplate: Set<string>;
-}>;
+};
 
 declare enum SuggestionType {
-    'info' = "info",
-    'warning' = "warning",
-    'error' = "error"
+    info = "info",
+    warning = "warning",
+    error = "error"
 }
-type Suggestion = {
+interface Suggestion {
     type: SuggestionType;
     message: string;
-};
+    nodeInfo?: TypedNode | Array<TypedNode>;
+}
 declare function gen(graph: {
     nodes: Set<TypedNode>;
     edges: Map<TypedNode, Set<TypedNode>>;
@@ -63,4 +65,4 @@ declare function getVisData(graph: {
     edges: Edge[];
 };
 
-export { NodeType, Suggestion, SuggestionType, TypedNode, analyze$1 as analyzeOptions, analyze$2 as analyzeSetupScript, analyze$3 as analyzeTemplate, analyze as analyzeTsx, gen, getVisData };
+export { NodeType, type Suggestion, SuggestionType, type TypedNode, analyze$1 as analyzeOptions, analyze$2 as analyzeSetupScript, analyze$3 as analyzeTemplate, analyze as analyzeTsx, gen, getVisData };