vue-hook-optimizer 0.0.75 → 0.0.77

package/dist/index.mjs

@@ -159,6 +159,21 @@ function getRelationType(path) {
 // src/analyze/setupScript.ts
 var traverse = _traverse.default?.default || _traverse.default || _traverse;
 var ignoreFunctionsName = ["defineProps", "defineEmits", "withDefaults"];
+var watchHooks = [
+  "watch",
+  // from `@vueuse/core`
+  "watchArray",
+  "watchAtMost",
+  "watchDebounced",
+  "watchDeep",
+  "watchIgnorable",
+  "watchImmediate",
+  "watchOnce",
+  "watchPausable",
+  "watchThrottled",
+  "watchTriggerable",
+  "watchWithFilter"
+];
 function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
   const spread = _spread || [];
   const nodeCollection = new NodeCollection(_lineOffset);
@@ -345,7 +360,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
             }
           }
         }, patentScope, node);
-      } else if (hookName === "watch") {
+      } else if (watchHooks.includes(hookName)) {
         if (expression.arguments[0].type === "Identifier") {
           const binding = patentScope.getBinding(expression.arguments[0].name);
           if (graph.nodes.has(expression.arguments[0].name) && (binding?.scope.block.type === "Program" || parentScope === binding?.scope)) {
@@ -372,7 +387,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
         }, patentScope, node);
       }
       expression.arguments.forEach((argNode, index) => {
-        if (hookName === "watch" && index === 0 && argNode.type === "Identifier") {
+        if (watchHooks.includes(hookName) && index === 0 && argNode.type === "Identifier") {
           const _node = nodeCollection.getNode(argNode.name);
           if (_node?.info?.used) {
             _node?.info?.used?.add(hookName);
@@ -402,7 +417,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
             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) {
+                if ([...watchHooks, "useEffect"].includes(hookName) && watchArgs.size > 0) {
                   const watchArgsNames = Array.from(watchArgs).map((arg) => arg.name);
                   watchArgs.forEach((watchArg) => {
                     if (!watchArgsNames.includes(path1.node.name)) {
@@ -524,7 +539,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
           "ArrowFunctionExpression",
           "FunctionDeclaration"
         ].includes(path.node.init.type) && path.node.id.type === "Identifier") {
-          if (path.node.init.type === "CallExpression" && path.node.init.callee.type === "Identifier" && ["watch", "watchEffect"].includes(path.node.init.callee.name)) {
+          if (path.node.init.type === "CallExpression" && path.node.init.callee.type === "Identifier" && [...watchHooks, "watchEffect"].includes(path.node.init.callee.name)) {
             traverseHooks(path.node.init, path.scope);
           }
           const name = path.node.id?.name;
@@ -1028,9 +1043,9 @@ function analyze2(content, lineOffset = 0, jsx = false) {
               });
             }
           }
-          if (path1.node.key.type === "Identifier" && ["watch", ...vueLifeCycleHooks].includes(path1.node.key.name)) {
+          if (path1.node.key.type === "Identifier" && [...watchHooks, ...vueLifeCycleHooks].includes(path1.node.key.name)) {
             const hookName = path1.node.key.name;
-            if (hookName === "watch" && path1.node.value.type === "ObjectExpression") {
+            if (watchHooks.includes(hookName) && path1.node.value.type === "ObjectExpression") {
               path1.node.value.properties.forEach((prop) => {
                 if ((prop.type === "ObjectProperty" || prop.type === "ObjectMethod") && (prop.key.type === "Identifier" || prop.key.type === "StringLiteral")) {
                   const keyName = prop.key.type === "Identifier" ? prop.key.name : prop.key.type === "StringLiteral" ? prop.key.value.split(".")[0] : "";
@@ -2084,10 +2099,10 @@ function getMermaidText(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PUR
   });
   graph.edges.forEach((edge, key) => {
     edge.forEach((to) => {
-      if (!to) {
+      if (!to || !to.node.label) {
         return;
       }
-      mermaidText += `    ${key.label} --> ${to.label}
+      mermaidText += `    ${key.label} --> ${to.node.label}
 `;
     });
   });