vue-hook-optimizer 0.0.64 → 0.0.66

package/dist/index.js

@@ -28,75 +28,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   NodeType: () => NodeType,
   SuggestionType: () => SuggestionType,
-  analyzeOptions: () => analyze3,
-  analyzeSetupScript: () => analyze2,
-  analyzeStyle: () => analyze5,
-  analyzeTemplate: () => analyze,
-  analyzeTsx: () => analyze4,
+  analyzeOptions: () => analyze2,
+  analyzeSetupScript: () => analyze,
+  analyzeStyle: () => analyze3,
+  analyzeTemplate: () => analyze4,
+  analyzeTsx: () => analyze5,
   gen: () => gen,
+  getMermaidText: () => getMermaidText,
   getVisData: () => getVisData,
   parse: () => import_compiler_sfc5.parse
 });
-module.exports = __toCommonJS(src_exports);
-var import_compiler_sfc5 = require("@vue/compiler-sfc");
+module.exports = __toCommonJS(index_exports);
 
-// src/analyze/template.ts
-var import_compiler_sfc = require("@vue/compiler-sfc");
-var import_traverse = __toESM(require("@babel/traverse"));
-var traverse = import_traverse.default.default?.default || import_traverse.default.default || import_traverse.default;
-function analyze(content) {
-  const id = "template";
-  const { code } = (0, import_compiler_sfc.compileTemplate)({
-    id,
-    source: content,
-    filename: `${id}.js`
-  });
-  const ast = (0, import_compiler_sfc.babelParse)(code, { sourceType: "module", plugins: [
-    "typescript"
-  ] });
-  const nodes = /* @__PURE__ */ new Set();
-  traverse(ast, {
-    MemberExpression(path) {
-      if (path.type === "MemberExpression") {
-        if (path.node.object && path.node.object.type === "Identifier" && path.node.object.name === "_ctx") {
-          if (path.node.property && path.node.property.type === "Identifier") {
-            nodes.add(path.node.property.name);
-          }
-        }
-      }
-    },
-    ObjectProperty(path) {
-      if (path.node.key.type === "Identifier" && path.node.key.name === "ref") {
-        if (path.node.value.type === "StringLiteral") {
-          const name = path.node.value.value;
-          if (name) {
-            nodes.add(name);
-          }
-        }
-      }
-    },
-    // component
-    CallExpression(path) {
-      if (path.node.callee.type === "Identifier" && path.node.callee.name === "_resolveComponent") {
-        if (path.node.arguments[0].type === "StringLiteral") {
-          const name = path.node.arguments[0].value;
-          if (name) {
-            nodes.add(name);
-          }
-        }
-      }
-    }
-  });
-  return nodes;
-}
+// src/analyze/options.ts
+var import_traverse2 = __toESM(require("@babel/traverse"));
+var import_compiler_sfc2 = require("@vue/compiler-sfc");
 
 // src/analyze/setupScript.ts
-var import_compiler_sfc2 = require("@vue/compiler-sfc");
-var import_traverse2 = __toESM(require("@babel/traverse"));
+var import_traverse = __toESM(require("@babel/traverse"));
+var import_compiler_sfc = require("@vue/compiler-sfc");
 
 // src/analyze/utils.ts
 var NodeType = /* @__PURE__ */ ((NodeType3) => {
@@ -206,7 +160,7 @@ function getComment(node) {
 }
 
 // src/analyze/setupScript.ts
-var traverse2 = import_traverse2.default.default?.default || import_traverse2.default.default || import_traverse2.default;
+var traverse = import_traverse.default.default?.default || import_traverse.default.default || import_traverse.default;
 var ignoreFunctionsName = ["defineProps", "defineEmits", "withDefaults"];
 function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
   const spread = _spread || [];
@@ -216,7 +170,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
     edges: /* @__PURE__ */ new Map(),
     spread: /* @__PURE__ */ new Map()
   };
-  traverse2(ast, {
+  traverse(ast, {
     VariableDeclaration(path) {
       path.node.declarations.forEach((declaration) => {
         if (declaration.id.type === "ArrayPattern") {
@@ -378,7 +332,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
       const expression = node.type === "ExpressionStatement" ? node.expression : node;
       const watchArgs = /* @__PURE__ */ new Set();
       if (hookName === "provide") {
-        traverse2(expression, {
+        traverse(expression, {
           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)) {
@@ -401,7 +355,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
             watchArgs.add(expression.arguments[0]);
           }
         } else {
-          traverse2(expression.arguments[0], {
+          traverse(expression.arguments[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)) {
@@ -411,7 +365,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
           }, patentScope, node);
         }
       } else if (hookName === "useEffect" && expression.arguments[1].type === "ArrayExpression") {
-        traverse2(expression.arguments[1], {
+        traverse(expression.arguments[1], {
           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)) {
@@ -433,38 +387,53 @@ 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 {
+          traverse(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);
+        }
       });
     }
   }
-  traverse2(ast, {
+  traverse(ast, {
     FunctionDeclaration(path) {
       const name = path.node.id?.name;
       if (name && graph.nodes.has(name)) {
-        traverse2(path.node.body, {
+        traverse(path.node.body, {
           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)) {
@@ -489,7 +458,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
             if (element?.type === "Identifier") {
               const name = element.name;
               if (name && graph.nodes.has(name) && path.node.init?.type === "CallExpression") {
-                traverse2(path.node.init, {
+                traverse(path.node.init, {
                   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)) {
@@ -513,7 +482,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
             if (property.type === "ObjectProperty" && property.value.type === "Identifier") {
               const name = property.value.name;
               if (name && graph.nodes.has(name) && path.node.init) {
-                traverse2(path.node.init, {
+                traverse(path.node.init, {
                   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)) {
@@ -542,7 +511,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
           }
           const name = path.node.id?.name;
           if (name && graph.nodes.has(name)) {
-            traverse2(path.node.init, {
+            traverse(path.node.init, {
               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)) {
@@ -567,7 +536,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
               graph.edges.get(name)?.add(path.node.init.name);
             }
           } else {
-            traverse2(path.node.init, {
+            traverse(path.node.init, {
               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)) {
@@ -582,7 +551,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
     ObjectMethod(path) {
       if (path.node.key.type === "Identifier" && graph.nodes.has(path.node.key.name)) {
         const name = path.node.key.name;
-        traverse2(path.node.body, {
+        traverse(path.node.body, {
           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)) {
@@ -603,7 +572,7 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
     ObjectProperty(path) {
       if (path.node.key.type === "Identifier" && graph.nodes.has(path.node.key.name)) {
         const name = path.node.key.name;
-        traverse2(path.node.value, {
+        traverse(path.node.value, {
           MemberExpression(path1) {
             if (path1.node.object.type === "Identifier" && spread.includes(path1.node.object.name)) {
               const binding = path1.scope.getBinding(path1.node.object.name);
@@ -642,8 +611,8 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
     nodeCollection
   };
 }
-function analyze2(content, lineOffset = 0, jsx = false) {
-  const ast = (0, import_compiler_sfc2.babelParse)(content, { sourceType: "module", plugins: [
+function analyze(content, lineOffset = 0, jsx = false) {
+  const ast = (0, import_compiler_sfc.babelParse)(content, { sourceType: "module", plugins: [
     "typescript",
     ...jsx ? ["jsx"] : []
   ] });
@@ -652,9 +621,7 @@ function analyze2(content, lineOffset = 0, jsx = false) {
 }
 
 // src/analyze/options.ts
-var import_compiler_sfc3 = require("@vue/compiler-sfc");
-var import_traverse3 = __toESM(require("@babel/traverse"));
-var traverse3 = import_traverse3.default.default?.default || import_traverse3.default.default || import_traverse3.default;
+var traverse2 = import_traverse2.default.default?.default || import_traverse2.default.default || import_traverse2.default;
 var vueLifeCycleHooks = [
   "beforeCreate",
   "created",
@@ -671,8 +638,8 @@ var vueLifeCycleHooks = [
   "renderTriggered",
   "provide"
 ];
-function analyze3(content, lineOffset = 0, jsx = false) {
-  const ast = (0, import_compiler_sfc3.babelParse)(content, { sourceType: "module", plugins: [
+function analyze2(content, lineOffset = 0, jsx = false) {
+  const ast = (0, import_compiler_sfc2.babelParse)(content, { sourceType: "module", plugins: [
     "typescript",
     ...jsx ? ["jsx"] : []
   ] });
@@ -684,12 +651,12 @@ function analyze3(content, lineOffset = 0, jsx = false) {
   };
   const nodesUsedInTemplate = /* @__PURE__ */ new Set();
   function process(node, path) {
-    traverse3(node, {
+    traverse2(node, {
       ObjectProperty(path1) {
         if (path.node.declaration.type === "ObjectExpression" && path1.parent === path.node.declaration || path.node.declaration.type === "CallExpression" && path1.parent === path.node.declaration.arguments[0]) {
           if (path1.node.key.type === "Identifier" && path1.node.key.name === "data" && (path1.node.value.type === "ArrowFunctionExpression" || path1.node.value.type === "FunctionExpression")) {
             const dataNode = path1.node.value;
-            traverse3(dataNode, {
+            traverse2(dataNode, {
               ReturnStatement(path2) {
                 if (path2.parent === dataNode.body) {
                   if (path2.node.argument?.type === "ObjectExpression") {
@@ -756,10 +723,10 @@ function analyze3(content, lineOffset = 0, jsx = false) {
             }
           }
           if (path1.node.key.type === "Identifier" && path1.node.key.name === "render" && (path1.node.value.type === "ArrowFunctionExpression" || path1.node.value.type === "FunctionExpression")) {
-            traverse3(path1.node.value, {
+            traverse2(path1.node.value, {
               ReturnStatement(path2) {
                 const templateNode = path2.node;
-                traverse3(templateNode, {
+                traverse2(templateNode, {
                   MemberExpression(path3) {
                     if (path3.node.object && path3.node.object.type === "ThisExpression") {
                       if (path3.node.property && path3.node.property.type === "Identifier") {
@@ -778,11 +745,11 @@ function analyze3(content, lineOffset = 0, jsx = false) {
           if (path1.node.key.type === "Identifier" && path1.node.key.name === "setup") {
             const setupNode = path1.node;
             const spread = [];
-            traverse3(setupNode, {
+            traverse2(setupNode, {
               ReturnStatement(path2) {
                 if (path2.node.argument?.type === "ObjectExpression") {
                   const returnNode = path2.node.argument;
-                  traverse3(returnNode, {
+                  traverse2(returnNode, {
                     SpreadElement(path3) {
                       if (path3.node.argument.type === "CallExpression" && path3.node.argument.callee.type === "Identifier" && path3.node.argument.callee.name === "toRefs" && path3.node.argument.arguments[0].type === "Identifier") {
                         spread.push(path3.node.argument.arguments[0].name);
@@ -794,7 +761,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
                 }
                 if (path2.node.argument?.type === "FunctionExpression" || path2.node.argument?.type === "ArrowFunctionExpression") {
                   const templateNode = path2.node.argument.body;
-                  traverse3(templateNode, {
+                  traverse2(templateNode, {
                     Identifier(path3) {
                       const binding = path3.scope.getBinding(path3.node.name);
                       if (binding?.scope === path1.scope) {
@@ -819,14 +786,14 @@ function analyze3(content, lineOffset = 0, jsx = false) {
               },
               nodeCollection: tempNodeCollection
             } = processSetup(setupNode, path1.scope, setupNode, spread, lineOffset);
-            traverse3(setupNode, {
+            traverse2(setupNode, {
               ReturnStatement(path2) {
                 if (path2.scope !== path1.scope) {
                   return;
                 }
                 if (path2.node.argument?.type === "ObjectExpression") {
                   const returnNode = path2.node.argument;
-                  traverse3(returnNode, {
+                  traverse2(returnNode, {
                     ObjectProperty(path3) {
                       if (path3.parent === returnNode) {
                         if (path3.node.key.type === "Identifier" && path3.node.value.type === "Identifier" && tempNodes.has(path3.node.value.name)) {
@@ -894,7 +861,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
           }
           if (path1.node.key.type === "Identifier" && path1.node.key.name === "data") {
             const dataNode = path1.node;
-            traverse3(dataNode, {
+            traverse2(dataNode, {
               ReturnStatement(path2) {
                 if (path2.parent === dataNode.body) {
                   if (path2.node.argument?.type === "ObjectExpression") {
@@ -919,10 +886,10 @@ function analyze3(content, lineOffset = 0, jsx = false) {
             }, path1.scope, path1);
           }
           if (path1.node.key.type === "Identifier" && path1.node.key.name === "render") {
-            traverse3(path1.node, {
+            traverse2(path1.node, {
               ReturnStatement(path2) {
                 const templateNode = path2.node;
-                traverse3(templateNode, {
+                traverse2(templateNode, {
                   MemberExpression(path3) {
                     if (path3.node.object && path3.node.object.type === "ThisExpression") {
                       if (path3.node.property && path3.node.property.type === "Identifier") {
@@ -937,12 +904,12 @@ function analyze3(content, lineOffset = 0, jsx = false) {
         }
       }
     }, path.scope, path);
-    traverse3(node, {
+    traverse2(node, {
       ObjectMethod(path1) {
         if (path.node.declaration.type === "ObjectExpression" && path1.parent === path.node.declaration || path.node.declaration.type === "CallExpression" && path1.parent === path.node.declaration.arguments[0]) {
           if (path1.node.key.type === "Identifier" && vueLifeCycleHooks.includes(path1.node.key.name)) {
             const hookName = path1.node.key.name;
-            traverse3(path1.node.body, {
+            traverse2(path1.node.body, {
               MemberExpression(path2) {
                 if (path2.node.object.type === "ThisExpression" && path2.node.property.type === "Identifier") {
                   const _node = nodeCollection.getNode(path2.node.property.name);
@@ -968,7 +935,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
               computedNode.value.properties.forEach((prop) => {
                 if (prop.type === "ObjectMethod" && prop.key.type === "Identifier") {
                   const name = prop.key.name;
-                  traverse3(prop, {
+                  traverse2(prop, {
                     MemberExpression(path2) {
                       if (path2.node.object.type === "ThisExpression" && path2.node.property.type === "Identifier") {
                         graph.edges.get(name)?.add(path2.node.property.name);
@@ -980,7 +947,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
                   const name = prop.key.name;
                   prop.value.properties.forEach((prop1) => {
                     if (prop1.type === "ObjectProperty" && prop1.key.type === "Identifier" && prop1.key.name === "get") {
-                      traverse3(prop1, {
+                      traverse2(prop1, {
                         MemberExpression(path2) {
                           if (path2.node.object.type === "ThisExpression" && path2.node.property.type === "Identifier") {
                             graph.edges.get(name)?.add(path2.node.property.name);
@@ -999,7 +966,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
               methodsNode.value.properties.forEach((prop) => {
                 if ((prop.type === "ObjectMethod" || prop.type === "ObjectProperty") && prop.key.type === "Identifier") {
                   const name = prop.key.name;
-                  traverse3(prop, {
+                  traverse2(prop, {
                     MemberExpression(path2) {
                       if (path2.node.object.type === "ThisExpression" && path2.node.property.type === "Identifier") {
                         graph.edges.get(name)?.add(path2.node.property.name);
@@ -1026,7 +993,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
                       used: /* @__PURE__ */ new Set([hookName])
                     };
                   }
-                  traverse3(path1.node.value, {
+                  traverse2(path1.node.value, {
                     MemberExpression(path2) {
                       if (path2.node.object.type === "ThisExpression" && path2.node.property.type === "Identifier") {
                         if (watchArg && watchArg.name !== path2.node.property.name) {
@@ -1038,7 +1005,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
                 }
               });
             } else {
-              traverse3(path1.node.value, {
+              traverse2(path1.node.value, {
                 MemberExpression(path2) {
                   if (path2.node.object.type === "ThisExpression" && path2.node.property.type === "Identifier") {
                     const _node = nodeCollection.getNode(path2.node.property.name);
@@ -1059,7 +1026,7 @@ function analyze3(content, lineOffset = 0, jsx = false) {
       }
     }, path.scope, path);
   }
-  traverse3(ast, {
+  traverse2(ast, {
     ExportDefaultDeclaration(path) {
       if (path.node.declaration.type === "ObjectExpression") {
         process(path.node.declaration, path);
@@ -1074,6 +1041,117 @@ function analyze3(content, lineOffset = 0, jsx = false) {
   };
 }
 
+// src/analyze/style.ts
+function lexBinding(content, start) {
+  let state = 0 /* inParens */;
+  let parenDepth = 0;
+  for (let i = start; i < content.length; i++) {
+    const char = content.charAt(i);
+    switch (state) {
+      case 0 /* inParens */:
+        if (char === "'") {
+          state = 1 /* inSingleQuoteString */;
+        } else if (char === '"') {
+          state = 2 /* inDoubleQuoteString */;
+        } else if (char === "(") {
+          parenDepth++;
+        } else if (char === ")") {
+          if (parenDepth > 0) {
+            parenDepth--;
+          } else {
+            return i;
+          }
+        }
+        break;
+      case 1 /* inSingleQuoteString */:
+        if (char === "'") {
+          state = 0 /* inParens */;
+        }
+        break;
+      case 2 /* inDoubleQuoteString */:
+        if (char === '"') {
+          state = 0 /* inParens */;
+        }
+        break;
+    }
+  }
+  return null;
+}
+function normalizeExpression(exp) {
+  exp = exp.trim();
+  if (exp[0] === "'" && exp[exp.length - 1] === "'" || exp[0] === '"' && exp[exp.length - 1] === '"') {
+    return exp.slice(1, -1);
+  }
+  return exp;
+}
+var vBindRE = /v-bind\s*\(/g;
+function analyze3(styles) {
+  const nodes = /* @__PURE__ */ new Set();
+  styles.forEach((style) => {
+    let match;
+    const content = style.content.replace(/\/\*([\s\S]*?)\*\/|\/\/.*/g, "");
+    while (match = vBindRE.exec(content)) {
+      const start = match.index + match[0].length;
+      const end = lexBinding(content, start);
+      if (end !== null) {
+        const variable = normalizeExpression(content.slice(start, end));
+        nodes.add(variable);
+      }
+    }
+  });
+  return nodes;
+}
+
+// src/analyze/template.ts
+var import_traverse3 = __toESM(require("@babel/traverse"));
+var import_compiler_sfc3 = require("@vue/compiler-sfc");
+var traverse3 = import_traverse3.default.default?.default || import_traverse3.default.default || import_traverse3.default;
+function analyze4(content) {
+  const id = "template";
+  const { code } = (0, import_compiler_sfc3.compileTemplate)({
+    id,
+    source: content,
+    filename: `${id}.js`
+  });
+  const ast = (0, import_compiler_sfc3.babelParse)(code, { sourceType: "module", plugins: [
+    "typescript"
+  ] });
+  const nodes = /* @__PURE__ */ new Set();
+  traverse3(ast, {
+    MemberExpression(path) {
+      if (path.type === "MemberExpression") {
+        if (path.node.object && path.node.object.type === "Identifier" && path.node.object.name === "_ctx") {
+          if (path.node.property && path.node.property.type === "Identifier") {
+            nodes.add(path.node.property.name);
+          }
+        }
+      }
+    },
+    ObjectProperty(path) {
+      if (path.node.key.type === "Identifier" && path.node.key.name === "ref") {
+        if (path.node.value.type === "StringLiteral") {
+          const name = path.node.value.value;
+          if (name) {
+            nodes.add(name);
+          }
+        }
+      }
+    },
+    // component
+    CallExpression(path) {
+      if (path.node.callee.type === "Identifier" && path.node.callee.name === "_resolveComponent") {
+        if (path.node.arguments[0].type === "StringLiteral") {
+          const name = path.node.arguments[0].value;
+          if (name) {
+            nodes.add(name);
+          }
+        }
+      }
+    }
+  });
+  return nodes;
+}
+
 // src/analyze/tsx.ts
 var import_compiler_sfc4 = require("@vue/compiler-sfc");
 
@@ -1906,7 +1984,7 @@ function processTsx(params) {
   });
   return result;
 }
-function analyze4(content, type = "vue", lineOffset = 0, addInfo = true) {
+function analyze5(content, type = "vue", lineOffset = 0, addInfo = true) {
   const ast = (0, import_compiler_sfc4.babelParse)(content, { sourceType: "module", plugins: [
     "typescript",
     "jsx"
@@ -1923,121 +2001,32 @@ function analyze4(content, type = "vue", lineOffset = 0, addInfo = true) {
   };
 }
 
-// src/analyze/style.ts
-function lexBinding(content, start) {
-  let state = 0 /* inParens */;
-  let parenDepth = 0;
-  for (let i = start; i < content.length; i++) {
-    const char = content.charAt(i);
-    switch (state) {
-      case 0 /* inParens */:
-        if (char === "'") {
-          state = 1 /* inSingleQuoteString */;
-        } else if (char === '"') {
-          state = 2 /* inDoubleQuoteString */;
-        } else if (char === "(") {
-          parenDepth++;
-        } else if (char === ")") {
-          if (parenDepth > 0) {
-            parenDepth--;
-          } else {
-            return i;
-          }
-        }
-        break;
-      case 1 /* inSingleQuoteString */:
-        if (char === "'") {
-          state = 0 /* inParens */;
-        }
-        break;
-      case 2 /* inDoubleQuoteString */:
-        if (char === '"') {
-          state = 0 /* inParens */;
-        }
-        break;
-    }
-  }
-  return null;
-}
-function normalizeExpression(exp) {
-  exp = exp.trim();
-  if (exp[0] === "'" && exp[exp.length - 1] === "'" || exp[0] === '"' && exp[exp.length - 1] === '"') {
-    return exp.slice(1, -1);
-  }
-  return exp;
-}
-var vBindRE = /v-bind\s*\(/g;
-function analyze5(styles) {
-  const nodes = /* @__PURE__ */ new Set();
-  styles.forEach((style) => {
-    let match;
-    const content = style.content.replace(/\/\*([\s\S]*?)\*\/|\/\/.*/g, "");
-    while (match = vBindRE.exec(content)) {
-      const start = match.index + match[0].length;
-      const end = lexBinding(content, start);
-      if (end !== null) {
-        const variable = normalizeExpression(content.slice(start, end));
-        nodes.add(variable);
-      }
-    }
-  });
-  return nodes;
-}
-
-// src/suggest/split.ts
-function dfs(graph, node, targets, visited, component) {
-  component.add(node);
-  visited.add(node);
-  targets.forEach((target) => {
-    if (!visited.has(target)) {
-      dfs(graph, target, graph.get(target) || /* @__PURE__ */ new Set(), visited, component);
-    }
-  });
-}
-function haveIntersection(setA, setB) {
-  for (const item of setA) {
-    if (setB.has(item)) {
-      return true;
-    }
-  }
-  return false;
-}
-function mergeSets(arr) {
-  let result = [...arr];
-  for (let i = 0; i < result.length; i++) {
-    for (let j = i + 1; j < result.length; j++) {
-      if (haveIntersection(result[i], result[j])) {
-        const newSet = /* @__PURE__ */ new Set([...result[i], ...result[j]]);
-        result.splice(j, 1);
-        result.splice(i, 1);
-        result = [...result, newSet];
-        return mergeSets(result);
-      }
-    }
-  }
-  return result;
-}
-function splitGraph(graph) {
-  const components = [];
-  const sorted = Array.from(graph).sort((a, b) => b[1].size - a[1].size);
-  new Map(sorted).forEach((targets, node) => {
-    const visited = /* @__PURE__ */ new Set();
-    if (!visited.has(node)) {
-      const component = /* @__PURE__ */ new Set();
-      dfs(graph, node, targets, visited, component);
-      components.push(component);
+// src/mermaid.ts
+function getMermaidText(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PURE__ */ new Set(), options = {}) {
+  const direction = options.direction || "TB";
+  const usedNodes = /* @__PURE__ */ new Set([...nodesUsedInTemplate, ...nodesUsedInStyle]);
+  let mermaidText = `flowchart ${direction}
+`;
+  graph.nodes.forEach((node) => {
+    const shape = node.type === "var" ? `((${node.label}))` : `{${node.label}}`;
+    const style = usedNodes.has(node.label) || node.info?.used?.size ? `style ${node.label} fill:#e1f5fe` : "";
+    mermaidText += `    ${node.label}${shape}
+`;
+    if (style) {
+      mermaidText += `    ${style}
+`;
     }
   });
-  return mergeSets(components).map((component) => {
-    const subGraph = /* @__PURE__ */ new Map();
-    component.forEach((node) => {
-      const targets = graph.get(node);
-      if (targets) {
-        subGraph.set(node, targets);
+  graph.edges.forEach((edge, key) => {
+    edge.forEach((to) => {
+      if (!to) {
+        return;
       }
+      mermaidText += `    ${key.label} --> ${to.label}
+`;
     });
-    return subGraph;
   });
+  return mermaidText;
 }
 
 // src/suggest/filter.ts
@@ -2165,6 +2154,62 @@ function findArticulationPoints(graph) {
   return ap;
 }
 
+// src/suggest/split.ts
+function dfs(graph, node, targets, visited, component) {
+  component.add(node);
+  visited.add(node);
+  targets.forEach((target) => {
+    if (!visited.has(target)) {
+      dfs(graph, target, graph.get(target) || /* @__PURE__ */ new Set(), visited, component);
+    }
+  });
+}
+function haveIntersection(setA, setB) {
+  for (const item of setA) {
+    if (setB.has(item)) {
+      return true;
+    }
+  }
+  return false;
+}
+function mergeSets(arr) {
+  let result = [...arr];
+  for (let i = 0; i < result.length; i++) {
+    for (let j = i + 1; j < result.length; j++) {
+      if (haveIntersection(result[i], result[j])) {
+        const newSet = /* @__PURE__ */ new Set([...result[i], ...result[j]]);
+        result.splice(j, 1);
+        result.splice(i, 1);
+        result = [...result, newSet];
+        return mergeSets(result);
+      }
+    }
+  }
+  return result;
+}
+function splitGraph(graph) {
+  const components = [];
+  const sorted = Array.from(graph).sort((a, b) => b[1].size - a[1].size);
+  new Map(sorted).forEach((targets, node) => {
+    const visited = /* @__PURE__ */ new Set();
+    if (!visited.has(node)) {
+      const component = /* @__PURE__ */ new Set();
+      dfs(graph, node, targets, visited, component);
+      components.push(component);
+    }
+  });
+  return mergeSets(components).map((component) => {
+    const subGraph = /* @__PURE__ */ new Map();
+    component.forEach((node) => {
+      const targets = graph.get(node);
+      if (targets) {
+        subGraph.set(node, targets);
+      }
+    });
+    return subGraph;
+  });
+}
+
 // src/suggest/utils.ts
 function hasCycle(graph) {
   const visited = /* @__PURE__ */ new Set();
@@ -2342,6 +2387,9 @@ function getVisData(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PURE__
     edges
   };
 }
+
+// src/index.ts
+var import_compiler_sfc5 = require("@vue/compiler-sfc");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NodeType,
@@ -2352,6 +2400,7 @@ function getVisData(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PURE__
   analyzeTemplate,
   analyzeTsx,
   gen,
+  getMermaidText,
   getVisData,
   parse
 });