vue-hook-optimizer 0.0.55 → 0.0.57

package/dist/index.mjs

@@ -30,7 +30,9 @@ function analyze(content) {
       if (path.node.key.type === "Identifier" && path.node.key.name === "ref") {
         if (path.node.value.type === "StringLiteral") {
           const name = path.node.value.value;
-          name && nodes.add(name);
+          if (name) {
+            nodes.add(name);
+          }
         }
       }
     },
@@ -39,7 +41,9 @@ function analyze(content) {
       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;
-          name && nodes.add(name);
+          if (name) {
+            nodes.add(name);
+          }
         }
       }
     }
@@ -139,7 +143,7 @@ function getComment(node) {
       return;
     }
     if (_comment.value.trim().startsWith("*")) {
-      comment += `${_comment.value.trim().replace(/^[\s]*\*+[\s]*\**/gm, "").trim()}
+      comment += `${_comment.value.trim().replace(/^\s*\*+\s*\**/gm, "").trim()}
 `;
     }
   });
@@ -148,7 +152,7 @@ function getComment(node) {
       return;
     }
     if (_comment.value.trim().startsWith("*")) {
-      comment += `${_comment.value.trim().replace(/^[\s]*\*+[\s]*\**/gm, "").trim()}
+      comment += `${_comment.value.trim().replace(/^\s*\*+\s*\**/gm, "").trim()}
 `;
     } else {
       comment += `${_comment.value.trim()}
@@ -1841,6 +1845,67 @@ 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);
@@ -1915,7 +1980,7 @@ function findLinearPaths(graph) {
   const linearPaths = [];
   const visitedNodes = /* @__PURE__ */ new Set();
   for (const [node, edges] of graph.entries()) {
-    if (edges.size === 1 && !visitedNodes.has(node) && node.type === "fun" /* fun */) {
+    if (edges.size === 1 && !visitedNodes.has(node)) {
       const path = [node];
       let nextNode = Array.from(edges)[0];
       visitedNodes.add(node);
@@ -2015,7 +2080,8 @@ var SuggestionType = /* @__PURE__ */ ((SuggestionType2) => {
   SuggestionType2["error"] = "error";
   return SuggestionType2;
 })(SuggestionType || {});
-function gen(graph, usedNodes) {
+function gen(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PURE__ */ new Set()) {
+  const usedNodes = /* @__PURE__ */ new Set([...nodesUsedInTemplate, ...nodesUsedInStyle]);
   const suggestions = [];
   const splitedGraph = splitGraph(graph.edges);
   splitedGraph.forEach((g) => {
@@ -2079,7 +2145,8 @@ function gen(graph, usedNodes) {
 }
 
 // src/vis.ts
-function getVisData(graph, usedNodes) {
+function getVisData(graph, nodesUsedInTemplate, nodesUsedInStyle = /* @__PURE__ */ new Set()) {
+  const usedNodes = /* @__PURE__ */ new Set([...nodesUsedInTemplate, ...nodesUsedInStyle]);
   const nodes = [];
   const edges = [];
   graph.nodes.forEach((node) => {
@@ -2090,7 +2157,12 @@ function getVisData(graph, usedNodes) {
       group: usedNodes.has(node.label) || node.info?.used?.size ? "used" : "normal",
       title: `${node.info?.used?.size ? `used by ${Array.from(node.info?.used || [])?.map((i) => `\`${i}\``).join(",")}
 
-` : ""}${usedNodes.has(node.label) ? "used in template\n\n" : ""}${node.info?.comment || ""}`.trim() || void 0,
+` : ""}${usedNodes.has(node.label) ? `used in ${[
+        nodesUsedInStyle.has(node.label) ? "style" : "",
+        nodesUsedInTemplate.has(node.label) ? "template" : ""
+      ].filter(Boolean).join(" and ")}
+
+` : ""}${node.info?.comment || ""}`.trim() || void 0,
       info: node.info
     });
   });
@@ -2121,6 +2193,7 @@ export {
   SuggestionType,
   analyze3 as analyzeOptions,
   analyze2 as analyzeSetupScript,
+  analyze5 as analyzeStyle,
   analyze as analyzeTemplate,
   analyze4 as analyzeTsx,
   gen,