vue-hook-optimizer 0.0.55 → 0.0.56

package/dist/index.mjs

@@ -1841,6 +1841,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);
@@ -2015,7 +2076,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 +2141,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 +2153,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 +2189,7 @@ export {
   SuggestionType,
   analyze3 as analyzeOptions,
   analyze2 as analyzeSetupScript,
+  analyze5 as analyzeStyle,
   analyze as analyzeTemplate,
   analyze4 as analyzeTsx,
   gen,