vuetify-codemods 1.0.3 → 1.0.5

package/dist/main.js

@@ -47982,15 +47982,15 @@ function requireBack() {
   back.default = arr_back;
   return back;
 }
-var matcher = {};
+var matcher$1 = {};
 var hasRequiredMatcher;
 function requireMatcher() {
-  if (hasRequiredMatcher) return matcher;
+  if (hasRequiredMatcher) return matcher$1;
   hasRequiredMatcher = 1;
-  var __importDefault2 = matcher && matcher.__importDefault || function(mod) {
+  var __importDefault2 = matcher$1 && matcher$1.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
-  Object.defineProperty(matcher, "__esModule", { value: true });
+  Object.defineProperty(matcher$1, "__esModule", { value: true });
   const type_12 = __importDefault2(/* @__PURE__ */ requireType$1());
   function isTag(node2) {
     return node2 && node2.nodeType === type_12.default.ELEMENT_NODE;
@@ -48073,7 +48073,7 @@ function requireMatcher() {
     }
     return result2;
   }
-  matcher.default = {
+  matcher$1.default = {
     isTag,
     getAttributeValue,
     getName,
@@ -48087,7 +48087,7 @@ function requireMatcher() {
     findOne,
     findAll: findAll2
   };
-  return matcher;
+  return matcher$1;
 }
 var voidTag = {};
 var hasRequiredVoidTag;
@@ -94402,7 +94402,7 @@ var __export = (target, all) => {
 var builders_exports = {};
 __export(builders_exports, {
   htmlComment: () => htmlComment,
-  setParents: () => setParents,
+  setParents: () => setParents$1,
   vAttribute: () => vAttribute,
   vDirective: () => vDirective,
   vDirectiveKey: () => vDirectiveKey,
@@ -94641,7 +94641,7 @@ var traverseNodes = (node2, visitor2) => {
     leaveNode: visitor2.leaveNode ?? noop
   });
 };
-function setParents(node2) {
+function setParents$1(node2) {
   traverseNodes(node2, {
     enterNode(innerNode, parent) {
       innerNode.parent = parent;
@@ -95218,7 +95218,7 @@ function transformVueFile(code2, filename, codemods, opts) {
     stats.push([codemod.name, count]);
   }
   if (templateAst && originalTemplate) {
-    setParents(templateAst);
+    setParents$1(templateAst);
     let scriptIndex = 0;
     let styleIndex = 0;
     traverseNodes(templateAst, {
@@ -95800,7 +95800,7 @@ const classProps = /* @__PURE__ */ new Map([
   ["VWindowItem", "selectedClass"]
 ]);
 function findClassNodes(ast, utils2, match2) {
-  const matchingRegexp2 = new RegExp(String.raw`(^|\s)(?:${match2.join("|")})(?=$|\s)`);
+  const matchingRegexp = new RegExp(String.raw`(^|\s)(?:${match2.join("|")})(?=$|\s)`);
   const results = [];
   const attrs = ast_helpers_exports.findAll(ast, { type: "VAttribute" });
   for (const node2 of attrs) {
@@ -95823,15 +95823,15 @@ function findClassNodes(ast, utils2, match2) {
     if (!node2.value) continue;
     utils2.traverseTemplateAST(node2.value, {
       enterNode(node22) {
-        if ((node22.type === "VLiteral" || node22.type === "Literal") && typeof node22.value === "string" && matchingRegexp2.test(node22.value)) {
+        if ((node22.type === "VLiteral" || node22.type === "Literal") && typeof node22.value === "string" && matchingRegexp.test(node22.value)) {
           results.push(node22);
-        } else if (node22.type === "Property" && (node22.key.type === "Literal" || node22.key.type === "Identifier" && !node22.computed)) {
+        } else if (node22.type === "Property" && (node22.key.type === "Literal" && typeof node22.key.value === "string" && matchingRegexp.test(node22.key.value) || node22.key.type === "Identifier" && !node22.computed && matchingRegexp.test(node22.key.name))) {
           results.push(node22.key);
         }
       }
     });
   }
-  return results;
+  return { results, matchingRegexp: new RegExp(matchingRegexp, "g") };
 }
 function removeDotMember(ref, name) {
   let current = ref;
@@ -95858,6 +95858,11 @@ function replaceChildNode(parent, oldChild, newChild) {
   }
   return false;
 }
+function setParents(node2, builders2) {
+  const parent = node2.parent;
+  builders2.setParents(node2);
+  node2.parent = parent;
+}
 const v4ComboboxItemSlotPlugin = {
   type: "codemod",
   name: "vuetify-4-combobox-item-slot",
@@ -95975,20 +95980,19 @@ const elevationComponents = /* @__PURE__ */ new Set([
 ]);
 const mapping = [0, 1, 1, 1, 2, 2, 2, 3, 3, 3, 3, 3, 4, 4, 4, 4, 4, 5, 5, 5, 5, 5, 5, 5, 5];
 const elevationMatch = String.raw`elevation-(\d{1,2})`;
-const elevationRegexp = new RegExp(String.raw`(^|\s)${elevationMatch}(?=$|\s)`, "g");
 const v4ElevationPlugin = {
   type: "codemod",
   name: "vuetify-4-elevation",
   transform({ sfcAST, utils: utils2 }) {
     if (!sfcAST) return 0;
     let count = 0;
-    const found = findClassNodes(sfcAST, utils2, [elevationMatch]);
-    for (const node2 of found) {
+    const { results, matchingRegexp } = findClassNodes(sfcAST, utils2, [elevationMatch]);
+    for (const node2 of results) {
       if (node2.type === "Identifier") {
-        node2.name = node2.name.replaceAll(elevationRegexp, (_, s2, n2) => `${s2}elevation-${mapping[Number(n2)]}`);
+        node2.name = node2.name.replaceAll(matchingRegexp, (_, s2, n2) => `${s2}elevation-${mapping[Number(n2)]}`);
         count++;
       } else if (typeof node2.value === "string") {
-        node2.value = node2.value.replaceAll(elevationRegexp, (_, s2, n2) => `${s2}elevation-${mapping[Number(n2)]}`);
+        node2.value = node2.value.replaceAll(matchingRegexp, (_, s2, n2) => `${s2}elevation-${mapping[Number(n2)]}`);
         count++;
       }
     }
@@ -96029,7 +96033,7 @@ const v4FormSlotRefsPlugin = {
     return count;
   }
 };
-const breakpoints = ["sm", "md", "lg", "xl", "xxl"];
+const breakpoints$1 = ["sm", "md", "lg", "xl", "xxl"];
 const v4GridPlugin = {
   type: "codemod",
   name: "vuetify-4-grid",
@@ -96052,18 +96056,19 @@ const v4GridPlugin = {
               builders2.vLiteral("compact")
             )
           );
+          setParents(el.startTag, builders2);
           count++;
         }
         for (const prop of ["align", "justify", "align-content"]) {
           if (propToClass(el, prop, prop, builders2)) count++;
-          for (const bp of breakpoints) {
+          for (const bp of breakpoints$1) {
             if (propToClass(el, `${prop}-${bp}`, `${prop}-${bp}`, builders2)) count++;
           }
         }
       }
       if (classify(tag) === "VCol") {
         if (propToClass(el, "order", "order", builders2)) count++;
-        for (const bp of breakpoints) {
+        for (const bp of breakpoints$1) {
           if (propToClass(el, `order-${bp}`, `order-${bp}`, builders2)) count++;
         }
         if (propToClass(el, "align-self", "align-self", builders2)) count++;
@@ -96096,6 +96101,7 @@ function appendStaticClass(el, cls, builders2) {
         builders2.vLiteral(cls)
       )
     );
+    setParents(el.startTag, builders2);
   }
 }
 function propToClass(el, propName, classPrefix, builders2) {
@@ -96125,6 +96131,7 @@ const v4SnackbarMultilinePlugin = {
               node2.startTag.attributes.push(
                 builders2.vAttribute(builders2.vIdentifier("min-height"), builders2.vLiteral("68"))
               );
+              setParents(node2.startTag, builders2);
             }
             count++;
             break;
@@ -96147,6 +96154,7 @@ const v4SnackbarQueueSlotPlugin = {
         if (!node2.key.argument) {
           node2.key.name.rawName = "#";
           node2.key.argument = builders2.vIdentifier("item");
+          setParents(node2.key, builders2);
           count++;
         } else if (node2.key.argument.type === "VIdentifier") {
           node2.key.argument.rawName = "item";
@@ -96157,35 +96165,36 @@ const v4SnackbarQueueSlotPlugin = {
     return count;
   }
 };
+const breakpoints = ["sm", "md", "lg", "xl", "xxl"];
 const replacements = {
-  "text-h1": "text-display-large",
-  "text-h2": "text-display-medium",
-  "text-h3": "text-display-small",
-  "text-h4": "text-headline-large",
-  "text-h5": "text-headline-medium",
-  "text-h6": "text-headline-small",
-  "text-subtitle-1": "text-body-large",
-  "text-subtitle-2": "text-label-large",
-  "text-body-1": "text-body-large",
-  "text-body-2": "text-body-medium",
-  "text-caption": "text-body-small",
-  "text-button": "text-label-large",
-  "text-overline": "text-label-small"
+  "h1": "-display-large",
+  "h2": "-display-medium",
+  "h3": "-display-small",
+  "h4": "-headline-large",
+  "h5": "-headline-medium",
+  "h6": "-headline-small",
+  "subtitle-1": "-body-large",
+  "subtitle-2": "-label-large",
+  "body-1": "-body-large",
+  "body-2": "-body-medium",
+  "caption": "-body-small",
+  "button": "-label-large",
+  "overline": "-label-small"
 };
-const matchingRegexp = new RegExp(String.raw`(^|\s)(${Object.keys(replacements).join("|")})(?=$|\s)`, "g");
+const matcher = String.raw`text(-(?:${breakpoints.join("|")}))?-(${Object.keys(replacements).join("|")})`;
 const v4TypographyPlugin = {
   type: "codemod",
   name: "vuetify-4-typography",
   transform({ sfcAST, utils: utils2 }) {
     if (!sfcAST) return 0;
     let count = 0;
-    const found = findClassNodes(sfcAST, utils2, Object.keys(replacements));
-    for (const node2 of found) {
+    const { results, matchingRegexp } = findClassNodes(sfcAST, utils2, [matcher]);
+    for (const node2 of results) {
       if (node2.type === "Identifier") {
-        node2.name = node2.name.replaceAll(matchingRegexp, (_, s2, m) => `${s2}${replacements[m]}`);
+        node2.name = node2.name.replaceAll(matchingRegexp, (_, s2, b, m) => `${s2}text${b || ""}${replacements[m]}`);
         count++;
       } else if (typeof node2.value === "string") {
-        node2.value = node2.value.replaceAll(matchingRegexp, (_, s2, m) => `${s2}${replacements[m]}`);
+        node2.value = node2.value.replaceAll(matchingRegexp, (_, s2, b, m) => `${s2}text${b || ""}${replacements[m]}`);
         count++;
       }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-codemods",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "bin": {
     "vuetify-codemods": "dist/main.js"
   },