vue-hook-optimizer 0.0.7 → 0.0.9

package/README.md

@@ -39,8 +39,8 @@ So I want to build a tool to help us analyze the code, and find the relations be
 
 - [ ] add node type and more info
 - [ ] provide some suggestions for optimization
-- [ ] maybe support `options api`
-- [x] vscode extension
+- [x] support `options api`
+- [x] [vscode extension](./packages/vscode)
 
 ## Contribution
 

package/dist/index.js

@@ -86291,6 +86291,34 @@ function analyze2(content) {
   traverse2(ast, {
     VariableDeclaration(path2) {
       path2.node.declarations.forEach((declaration2) => {
+        if (declaration2.id.type === "ArrayPattern") {
+          declaration2.id.elements.forEach((element) => {
+            if (element?.type === "Identifier") {
+              const name = element.name;
+              const binding2 = path2.scope.getBinding(name);
+              if (binding2 && path2.parent.type === "Program" && !(declaration2.init?.type === "CallExpression" && declaration2.init?.callee.type === "Identifier" && ["defineProps", "defineEmits"].includes(declaration2.init?.callee.name))) {
+                graph.nodes.add(name);
+                if (!graph.edges.get(name)) {
+                  graph.edges.set(name, /* @__PURE__ */ new Set());
+                }
+              }
+            }
+          });
+        }
+        if (declaration2.id.type === "ObjectPattern") {
+          declaration2.id.properties.forEach((property) => {
+            if (property.type === "ObjectProperty" && property.value.type === "Identifier") {
+              const name = property.value.name;
+              const binding2 = path2.scope.getBinding(name);
+              if (binding2 && path2.parent.type === "Program" && !(declaration2.init?.type === "CallExpression" && declaration2.init?.callee.type === "Identifier" && ["defineProps", "defineEmits"].includes(declaration2.init?.callee.name))) {
+                graph.nodes.add(name);
+                if (!graph.edges.get(name)) {
+                  graph.edges.set(name, /* @__PURE__ */ new Set());
+                }
+              }
+            }
+          });
+        }
         if (declaration2.id?.type === "Identifier") {
           const name = declaration2.id.name;
           const binding2 = path2.scope.getBinding(name);
@@ -86321,9 +86349,10 @@ function analyze2(content) {
       const name = path2.node.id?.name;
       if (name && graph.nodes.has(name)) {
         path2.traverse({
-          Identifier(path3) {
-            if (graph.nodes.has(path3.node.name) && path3.node.name !== name) {
-              graph.edges.get(name)?.add(path3.node.name);
+          Identifier(path1) {
+            const binding2 = path1.scope.getBinding(path1.node.name);
+            if (graph.nodes.has(path1.node.name) && path1.node.name !== name && binding2?.scope.block.type === "Program") {
+              graph.edges.get(name)?.add(path1.node.name);
             }
           }
         });
@@ -86331,6 +86360,40 @@ function analyze2(content) {
     },
     VariableDeclarator(path2) {
       if (path2.node.init) {
+        if (path2.node.id.type === "ArrayPattern") {
+          path2.node.id.elements.forEach((element) => {
+            if (element?.type === "Identifier") {
+              const name = element.name;
+              if (name && graph.nodes.has(name) && path2.node.init?.type === "CallExpression") {
+                traverse2(path2.node.init, {
+                  Identifier(path1) {
+                    const binding2 = path1.scope.getBinding(path1.node.name);
+                    if (graph.nodes.has(path1.node.name) && path1.node.name !== name && binding2?.scope.block.type === "Program") {
+                      graph.edges.get(name)?.add(path1.node.name);
+                    }
+                  }
+                }, path2.scope, path2);
+              }
+            }
+          });
+        }
+        if (path2.node.id.type === "ObjectPattern") {
+          path2.node.id.properties.forEach((property) => {
+            if (property.type === "ObjectProperty" && property.value.type === "Identifier") {
+              const name = property.value.name;
+              if (name && graph.nodes.has(name) && path2.node.init) {
+                traverse2(path2.node.init, {
+                  Identifier(path1) {
+                    const binding2 = path1.scope.getBinding(path1.node.name);
+                    if (graph.nodes.has(path1.node.name) && path1.node.name !== name && binding2?.scope.block.type === "Program") {
+                      graph.edges.get(name)?.add(path1.node.name);
+                    }
+                  }
+                }, path2.scope, path2);
+              }
+            }
+          });
+        }
         if ([
           "CallExpression",
           "ArrowFunctionExpression",
@@ -86338,13 +86401,14 @@ function analyze2(content) {
         ].includes(path2.node.init.type) && path2.node.id.type === "Identifier") {
           const name = path2.node.id?.name;
           if (name && graph.nodes.has(name)) {
-            path2.traverse({
-              Identifier(path3) {
-                if (graph.nodes.has(path3.node.name) && path3.node.name !== name) {
-                  graph.edges.get(name)?.add(path3.node.name);
+            traverse2(path2.node.init, {
+              Identifier(path1) {
+                const binding2 = path1.scope.getBinding(path1.node.name);
+                if (graph.nodes.has(path1.node.name) && path1.node.name !== name && binding2?.scope.block.type === "Program") {
+                  graph.edges.get(name)?.add(path1.node.name);
                 }
               }
-            });
+            }, path2.scope, path2);
           }
         }
       }
@@ -86589,7 +86653,6 @@ function analyze3(content) {
         process2(path2.node.declaration, path2);
       } else if (path2.node.declaration.type === "CallExpression" && path2.node.declaration.callee.type === "Identifier" && path2.node.declaration.callee.name === "defineComponent" && path2.node.declaration.arguments[0].type === "ObjectExpression") {
         process2(path2.node.declaration.arguments[0], path2);
-        console.log(graph);
       }
     }
   });