vue-hook-optimizer 0.0.9 → 0.0.11

package/dist/index.mjs

@@ -49,8 +49,8 @@ var require_virtual_types = __commonJS({
     exports.Statement = Statement;
     var Expression = ["Expression"];
     exports.Expression = Expression;
-    var Scope2 = ["Scopable", "Pattern"];
-    exports.Scope = Scope2;
+    var Scope3 = ["Scopable", "Pattern"];
+    exports.Scope = Scope3;
     var Referenced = null;
     exports.Referenced = Referenced;
     var BlockScoped = null;
@@ -18063,7 +18063,7 @@ var require_scope = __commonJS({
       }
     };
     var uid = 0;
-    var Scope2 = class _Scope {
+    var Scope3 = class _Scope {
       constructor(path2) {
         this.uid = void 0;
         this.path = void 0;
@@ -18698,9 +18698,9 @@ var require_scope = __commonJS({
         } while (scope = scope.parent);
       }
     };
-    exports.default = Scope2;
-    Scope2.globals = Object.keys(_globals.builtin);
-    Scope2.contextVariables = ["arguments", "undefined", "Infinity", "NaN"];
+    exports.default = Scope3;
+    Scope3.globals = Object.keys(_globals.builtin);
+    Scope3.contextVariables = ["arguments", "undefined", "Infinity", "NaN"];
   }
 });
 
@@ -29012,7 +29012,7 @@ var require_lib9 = __commonJS({
     var CLASS_ELEMENT_INSTANCE_GETTER2 = CLASS_ELEMENT_KIND_GETTER2;
     var CLASS_ELEMENT_INSTANCE_SETTER2 = CLASS_ELEMENT_KIND_SETTER2;
     var CLASS_ELEMENT_OTHER2 = 0;
-    var Scope2 = class {
+    var Scope3 = class {
       constructor(flags) {
         this.var = /* @__PURE__ */ new Set();
         this.lexical = /* @__PURE__ */ new Set();
@@ -29068,7 +29068,7 @@ var require_lib9 = __commonJS({
         return this.treatFunctionsAsVarInScope(this.currentScope());
       }
       createScope(flags) {
-        return new Scope2(flags);
+        return new Scope3(flags);
       }
       enter(flags) {
         this.scopeStack.push(this.createScope(flags));
@@ -29163,7 +29163,7 @@ var require_lib9 = __commonJS({
         }
       }
     };
-    var FlowScope2 = class extends Scope2 {
+    var FlowScope2 = class extends Scope3 {
       constructor(...args) {
         super(...args);
         this.declareFunctions = /* @__PURE__ */ new Set();
@@ -34669,7 +34669,7 @@ var require_lib9 = __commonJS({
         }
       }
     };
-    var TypeScriptScope2 = class extends Scope2 {
+    var TypeScriptScope2 = class extends Scope3 {
       constructor(...args) {
         super(...args);
         this.types = /* @__PURE__ */ new Set();
@@ -86263,17 +86263,58 @@ function analyze(content) {
 
 // src/analyze/setupScript.ts
 var import_traverse2 = __toESM(require_lib13());
+
+// src/analyze/utils.ts
+var NodeCollection = class {
+  nodes = /* @__PURE__ */ new Map();
+  addNode(label, node2, isComputed = false) {
+    if (this.nodes.has(label)) {
+      return;
+    }
+    if (!isComputed && (node2.type === "VariableDeclarator" && [
+      "ArrowFunctionExpression",
+      "FunctionDeclaration"
+    ].includes(node2.init?.type || "") || node2.type === "FunctionDeclaration" || node2.type === "ObjectMethod")) {
+      this.nodes.set(label, {
+        label,
+        type: "fun" /* fun */
+      });
+    } else {
+      this.nodes.set(label, {
+        label,
+        type: "var" /* var */
+      });
+    }
+  }
+  addTypedNode(label, type) {
+    this.nodes.set(label, {
+      label,
+      type
+    });
+  }
+  map(graph) {
+    const nodes = new Set(Array.from(graph.nodes).map((node2) => {
+      return this.nodes.get(node2);
+    }));
+    const edges = new Map(Array.from(graph.edges).map(([from2, to]) => {
+      return [this.nodes.get(from2), new Set(Array.from(to).map((node2) => {
+        return this.nodes.get(node2);
+      }))];
+    }));
+    return {
+      nodes,
+      edges
+    };
+  }
+};
+
+// src/analyze/setupScript.ts
 var traverse2 = (
   //@ts-ignore
   import_traverse2.default.default?.default || import_traverse2.default.default || import_traverse2.default
 );
-function analyze2(content) {
-  const ast = parse_1$1(content, {
-    sourceType: "module",
-    plugins: [
-      "typescript"
-    ]
-  });
+function processSetup(ast, parentScope, parentPath) {
+  const nodeCollection = new NodeCollection();
   const graph = {
     nodes: /* @__PURE__ */ new Set(),
     edges: /* @__PURE__ */ new Map()
@@ -86286,8 +86327,9 @@ function analyze2(content) {
             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))) {
+              if (binding2 && (path2.parent.type === "Program" || parentPath?.type === "ObjectMethod" && parentPath.body === path2.parent) && !(declaration2.init?.type === "CallExpression" && declaration2.init?.callee.type === "Identifier" && ["defineProps", "defineEmits"].includes(declaration2.init?.callee.name))) {
                 graph.nodes.add(name);
+                nodeCollection.addNode(name, declaration2);
                 if (!graph.edges.get(name)) {
                   graph.edges.set(name, /* @__PURE__ */ new Set());
                 }
@@ -86300,8 +86342,9 @@ function analyze2(content) {
             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))) {
+              if (binding2 && (path2.parent.type === "Program" || parentPath?.type === "ObjectMethod" && parentPath.body === path2.parent) && !(declaration2.init?.type === "CallExpression" && declaration2.init?.callee.type === "Identifier" && ["defineProps", "defineEmits"].includes(declaration2.init?.callee.name))) {
                 graph.nodes.add(name);
+                nodeCollection.addNode(name, declaration2);
                 if (!graph.edges.get(name)) {
                   graph.edges.set(name, /* @__PURE__ */ new Set());
                 }
@@ -86312,8 +86355,9 @@ function analyze2(content) {
         if (declaration2.id?.type === "Identifier") {
           const name = declaration2.id.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))) {
+          if (binding2 && (path2.parent.type === "Program" || parentPath?.type === "ObjectMethod" && parentPath.body === path2.parent) && !(declaration2.init?.type === "CallExpression" && declaration2.init?.callee.type === "Identifier" && ["defineProps", "defineEmits"].includes(declaration2.init?.callee.name))) {
             graph.nodes.add(name);
+            nodeCollection.addNode(name, declaration2);
             if (!graph.edges.get(name)) {
               graph.edges.set(name, /* @__PURE__ */ new Set());
             }
@@ -86325,15 +86369,16 @@ function analyze2(content) {
       const name = path2.node.id?.name;
       if (name) {
         const binding2 = path2.scope.getBinding(name);
-        if (binding2 && path2.parent.type === "Program") {
+        if (binding2 && (path2.parent.type === "Program" || parentPath?.type === "ObjectMethod" && parentPath.body === path2.parent)) {
           graph.nodes.add(name);
+          nodeCollection.addNode(name, path2.node);
           if (!graph.edges.get(name)) {
             graph.edges.set(name, /* @__PURE__ */ new Set());
           }
         }
       }
     }
-  });
+  }, parentScope, parentPath);
   traverse2(ast, {
     FunctionDeclaration(path2) {
       const name = path2.node.id?.name;
@@ -86341,7 +86386,7 @@ function analyze2(content) {
         path2.traverse({
           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") {
+            if (graph.nodes.has(path1.node.name) && path1.node.name !== name && (binding2?.scope.block.type === "Program" || parentScope === binding2?.scope)) {
               graph.edges.get(name)?.add(path1.node.name);
             }
           }
@@ -86358,7 +86403,7 @@ function analyze2(content) {
                 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") {
+                    if (graph.nodes.has(path1.node.name) && path1.node.name !== name && (binding2?.scope.block.type === "Program" || parentScope === binding2?.scope)) {
                       graph.edges.get(name)?.add(path1.node.name);
                     }
                   }
@@ -86375,7 +86420,7 @@ function analyze2(content) {
                 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") {
+                    if (graph.nodes.has(path1.node.name) && path1.node.name !== name && (binding2?.scope.block.type === "Program" || parentScope === binding2?.scope)) {
                       graph.edges.get(name)?.add(path1.node.name);
                     }
                   }
@@ -86394,7 +86439,7 @@ function analyze2(content) {
             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") {
+                if (graph.nodes.has(path1.node.name) && path1.node.name !== name && (binding2?.scope.block.type === "Program" || parentScope === binding2?.scope)) {
                   graph.edges.get(name)?.add(path1.node.name);
                 }
               }
@@ -86403,8 +86448,21 @@ function analyze2(content) {
         }
       }
     }
+  }, parentScope, parentPath);
+  return {
+    graph,
+    nodeCollection
+  };
+}
+function analyze2(content) {
+  const ast = parse_1$1(content, {
+    sourceType: "module",
+    plugins: [
+      "typescript"
+    ]
   });
-  return graph;
+  const { graph, nodeCollection } = processSetup(ast);
+  return nodeCollection.map(graph);
 }
 
 // src/analyze/options.ts
@@ -86420,6 +86478,7 @@ function analyze3(content) {
       "typescript"
     ]
   });
+  const nodeCollection = new NodeCollection();
   const graph = {
     nodes: /* @__PURE__ */ new Set(),
     edges: /* @__PURE__ */ new Map()
@@ -86436,6 +86495,7 @@ function analyze3(content) {
                   if (prop.key.type === "Identifier") {
                     const name = prop.key.name;
                     graph.nodes.add(name);
+                    nodeCollection.addNode(name, prop, true);
                     if (!graph.edges.get(name)) {
                       graph.edges.set(name, /* @__PURE__ */ new Set());
                     }
@@ -86452,6 +86512,7 @@ function analyze3(content) {
                   if (prop.key.type === "Identifier") {
                     const name = prop.key.name;
                     graph.nodes.add(name);
+                    nodeCollection.addNode(name, prop);
                     if (!graph.edges.get(name)) {
                       graph.edges.set(name, /* @__PURE__ */ new Set());
                     }
@@ -86466,68 +86527,13 @@ function analyze3(content) {
         if (path2.node.declaration.type === "ObjectExpression" && path1.parent === path2.node.declaration || path2.node.declaration.type === "CallExpression" && path1.parent === path2.node.declaration.arguments[0]) {
           if (path1.node.key.type === "Identifier" && path1.node.key.name === "setup") {
             const setupNode = path1.node;
-            const tempNodes = /* @__PURE__ */ new Set();
-            const tempEdges = /* @__PURE__ */ new Map();
-            traverse3(setupNode, {
-              VariableDeclaration(path22) {
-                path22.node.declarations.forEach((declaration2) => {
-                  if (declaration2.id?.type === "Identifier") {
-                    const name = declaration2.id.name;
-                    if (path22.parent == setupNode.body) {
-                      tempNodes.add(name);
-                      if (!tempEdges.get(name)) {
-                        tempEdges.set(name, /* @__PURE__ */ new Set());
-                      }
-                    }
-                  }
-                });
-              },
-              FunctionDeclaration(path22) {
-                const name = path22.node.id?.name;
-                if (name) {
-                  if (path22.parent == setupNode.body) {
-                    tempNodes.add(name);
-                    if (!tempEdges.get(name)) {
-                      tempEdges.set(name, /* @__PURE__ */ new Set());
-                    }
-                  }
-                }
-              }
-            }, path1.scope, path1);
-            traverse3(setupNode, {
-              FunctionDeclaration(path3) {
-                const name = path3.node.id?.name;
-                if (name && tempNodes.has(name)) {
-                  path3.traverse({
-                    Identifier(path4) {
-                      if (tempNodes.has(path4.node.name) && path4.node.name !== name) {
-                        tempEdges.get(name)?.add(path4.node.name);
-                      }
-                    }
-                  });
-                }
+            const {
+              graph: {
+                nodes: tempNodes,
+                edges: tempEdges
               },
-              VariableDeclarator(path3) {
-                if (path3.node.init) {
-                  if ([
-                    "CallExpression",
-                    "ArrowFunctionExpression",
-                    "FunctionDeclaration"
-                  ].includes(path3.node.init.type) && path3.node.id.type === "Identifier") {
-                    const name = path3.node.id?.name;
-                    if (name && tempNodes.has(name)) {
-                      path3.traverse({
-                        Identifier(path4) {
-                          if (tempNodes.has(path4.node.name) && path4.node.name !== name) {
-                            tempEdges.get(name)?.add(path4.node.name);
-                          }
-                        }
-                      });
-                    }
-                  }
-                }
-              }
-            }, path1.scope, path1);
+              nodeCollection: tempNodeCollection
+            } = processSetup(setupNode, path1.scope, setupNode);
             traverse3(setupNode, {
               ReturnStatement(path22) {
                 if (path22.node.argument?.type === "ObjectExpression") {
@@ -86540,6 +86546,7 @@ function analyze3(content) {
                           const valName = path3.node.value.type === "Identifier" ? path3.node.value.name : "";
                           if (valName && tempNodes.has(valName)) {
                             graph.nodes.add(name);
+                            nodeCollection.addTypedNode(name, tempNodeCollection.nodes.get(valName).type);
                             if (!graph.edges.get(name)) {
                               graph.edges.set(name, /* @__PURE__ */ new Set());
                               tempEdges.get(valName)?.forEach((edge) => {
@@ -86568,6 +86575,7 @@ function analyze3(content) {
                         if (prop.key.type === "Identifier") {
                           const name = prop.key.name;
                           graph.nodes.add(name);
+                          nodeCollection.addNode(name, prop);
                           if (!graph.edges.get(name)) {
                             graph.edges.set(name, /* @__PURE__ */ new Set());
                           }
@@ -86646,7 +86654,7 @@ function analyze3(content) {
       }
     }
   });
-  return graph;
+  return nodeCollection.map(graph);
 }
 
 // src/vis.ts
@@ -86655,16 +86663,19 @@ function getVisData(graph, usedNodes) {
   const edges = [];
   graph.nodes.forEach((node2) => {
     nodes.push({
-      id: node2,
-      label: node2,
-      group: usedNodes.has(node2) ? "used" : "normal"
+      id: node2.label,
+      label: node2.label,
+      shape: node2.type === "var" ? "dot" : "diamond",
+      group: usedNodes.has(node2.label) ? "used" : "normal"
     });
   });
   graph.edges.forEach((edge, key) => {
     edge.forEach((to) => {
+      if (!to)
+        return;
       edges.push({
-        from: key,
-        to,
+        from: key.label,
+        to: to.label,
         arrows: {
           to: {
             enabled: true,