vue-hook-optimizer 0.0.63 → 0.0.65

package/dist/index.js

@@ -433,30 +433,45 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
           }
           return;
         }
-        traverse2(argNode, {
-          Identifier(path1) {
-            const binding = path1.scope.getBinding(path1.node.name);
-            if (graph.nodes.has(path1.node.name) && (path1.parent.type !== "MemberExpression" && path1.parent.type !== "OptionalMemberExpression" || path1.parent.object === path1.node) && (binding?.scope.block.type === "Program" || parentScope === binding?.scope)) {
-              if (["watch", "useEffect"].includes(hookName) && watchArgs.size > 0) {
-                const watchArgsNames = Array.from(watchArgs).map((arg) => arg.name);
-                watchArgs.forEach((watchArg) => {
-                  if (!watchArgsNames.includes(path1.node.name)) {
-                    graph.edges.get(watchArg.name)?.add(path1.node.name);
-                  }
-                });
-              }
-              const _node = nodeCollection.getNode(path1.node.name);
-              if (_node?.info?.used) {
-                _node?.info?.used?.add(hookName);
-              } else if (_node) {
-                _node.info = {
-                  ..._node?.info,
-                  used: /* @__PURE__ */ new Set([hookName])
-                };
-              }
+        if (argNode.type === "Identifier") {
+          const binding = patentScope.getBinding(argNode.name);
+          if (graph.nodes.has(argNode.name) && (binding?.scope.block.type === "Program" || parentScope === binding?.scope)) {
+            const _node = nodeCollection.getNode(argNode.name);
+            if (_node?.info?.used) {
+              _node?.info?.used?.add(hookName);
+            } else if (_node) {
+              _node.info = {
+                ..._node?.info,
+                used: /* @__PURE__ */ new Set([hookName])
+              };
             }
           }
-        }, patentScope, node);
+        } else {
+          traverse2(argNode, {
+            Identifier(path1) {
+              const binding = path1.scope.getBinding(path1.node.name);
+              if (graph.nodes.has(path1.node.name) && (path1.parent.type !== "MemberExpression" && path1.parent.type !== "OptionalMemberExpression" || path1.parent.object === path1.node) && (binding?.scope.block.type === "Program" || parentScope === binding?.scope)) {
+                if (["watch", "useEffect"].includes(hookName) && watchArgs.size > 0) {
+                  const watchArgsNames = Array.from(watchArgs).map((arg) => arg.name);
+                  watchArgs.forEach((watchArg) => {
+                    if (!watchArgsNames.includes(path1.node.name)) {
+                      graph.edges.get(watchArg.name)?.add(path1.node.name);
+                    }
+                  });
+                }
+                const _node = nodeCollection.getNode(path1.node.name);
+                if (_node?.info?.used) {
+                  _node?.info?.used?.add(hookName);
+                } else if (_node) {
+                  _node.info = {
+                    ..._node?.info,
+                    used: /* @__PURE__ */ new Set([hookName])
+                  };
+                }
+              }
+            }
+          }, patentScope, node);
+        }
       });
     }
   }
@@ -2288,12 +2303,27 @@ function getVisData(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PURE__
   const usedNodes = /* @__PURE__ */ new Set([...nodesUsedInTemplate, ...nodesUsedInStyle]);
   const nodes = [];
   const edges = [];
+  const inDegreeMap = {};
+  const outDegreeMap = {};
+  graph.edges.forEach((edge) => {
+    edge.forEach((to) => {
+      if (to) {
+        inDegreeMap[to.label] = (inDegreeMap[to.label] || 0) + 1;
+      }
+    });
+  });
+  graph.edges.forEach((edge, key) => {
+    outDegreeMap[key.label] = edge.size;
+  });
   graph.nodes.forEach((node) => {
+    const inDegree = inDegreeMap[node.label] || 0;
+    const outDegree = outDegreeMap[node.label] || 0;
     nodes.push({
       id: node.label,
       label: node.label,
       shape: node.type === "var" ? "dot" : "diamond",
       group: usedNodes.has(node.label) || node.info?.used?.size ? "used" : "normal",
+      size: 20 + 1.6 ** (inDegree * 0.75 + outDegree * 0.25),
       title: `${filterNodeUserd(node.info?.used).size ? `used by ${Array.from(filterNodeUserd(node.info?.used))?.map((i) => `\`${i}\``).join(",")}
 
 ` : ""}${usedNodes.has(node.label) ? `used in ${[