vue-hook-optimizer 0.0.54 → 0.0.56

package/dist/index.mjs

@@ -471,7 +471,24 @@ function processSetup(ast, parentScope, parentPath, _spread, _lineOffset = 0) {
           return;
         }
         const watchArgs = /* @__PURE__ */ new Set();
-        if (hookName === "watch") {
+        if (hookName === "provide") {
+          traverse2(path.node.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)) {
+                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])
+                  };
+                }
+              }
+            }
+          }, path.scope, path);
+        } else if (hookName === "watch") {
           if (path.node.expression.arguments[0].type === "Identifier") {
             const binding = path.scope.getBinding(path.node.expression.arguments[0].name);
             if (graph.nodes.has(path.node.expression.arguments[0].name) && (binding?.scope.block.type === "Program" || parentScope === binding?.scope)) {
@@ -569,7 +586,8 @@ var vueLifeCycleHooks = [
   "deactivated",
   "errorCaptured",
   "renderTracked",
-  "renderTriggered"
+  "renderTriggered",
+  "provide"
 ];
 function analyze3(content, lineOffset = 0, jsx = false) {
   const ast = babelParse3(content, { sourceType: "module", plugins: [
@@ -1823,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);
@@ -1997,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) => {
@@ -2061,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) => {
@@ -2072,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
     });
   });
@@ -2103,6 +2189,7 @@ export {
   SuggestionType,
   analyze3 as analyzeOptions,
   analyze2 as analyzeSetupScript,
+  analyze5 as analyzeStyle,
   analyze as analyzeTemplate,
   analyze4 as analyzeTsx,
   gen,