vuetify-codemods 1.0.2 → 1.0.4

package/dist/main.js

@@ -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, {
@@ -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",
@@ -96010,6 +96015,103 @@ const v4ElevationPlugin = {
     return count;
   }
 };
+const v4FormSlotRefsPlugin = {
+  type: "codemod",
+  name: "vuetify-4-form-slot-refs",
+  transform({ sfcAST }) {
+    if (!sfcAST) return 0;
+    let count = 0;
+    const slotNodes = findSlotNodes(sfcAST, ["VForm"], ["default"]);
+    for (const node2 of slotNodes) {
+      const refs = findSlotPropReferences(
+        node2,
+        ["errors", "isDisabled", "isReadonly", "isValidating", "isValid", "items"]
+      );
+      for (const ref of refs) {
+        count += removeDotMember(ref.reference, "value");
+      }
+    }
+    return count;
+  }
+};
+const breakpoints = ["sm", "md", "lg", "xl", "xxl"];
+const v4GridPlugin = {
+  type: "codemod",
+  name: "vuetify-4-grid",
+  transform({ sfcAST, utils: utils2 }) {
+    if (!sfcAST) return 0;
+    let count = 0;
+    const { builders: builders2 } = utils2;
+    const elements = ast_helpers_exports.findAll(sfcAST, { type: "VElement" });
+    for (const el of elements) {
+      const tag = el.rawName;
+      if (classify(tag) === "VRow") {
+        const denseAttr = getStaticAttr(el, "dense");
+        if (denseAttr) {
+          const idx = el.startTag.attributes.indexOf(denseAttr);
+          el.startTag.attributes.splice(
+            idx,
+            1,
+            builders2.vAttribute(
+              builders2.vIdentifier("density"),
+              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) {
+            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) {
+          if (propToClass(el, `order-${bp}`, `order-${bp}`, builders2)) count++;
+        }
+        if (propToClass(el, "align-self", "align-self", builders2)) count++;
+      }
+    }
+    return count;
+  }
+};
+function getStaticAttr(el, name) {
+  return el.startTag.attributes.find(
+    (a3) => !a3.directive && a3.key.name === name
+  );
+}
+function removeAttr(el, name) {
+  const idx = el.startTag.attributes.findIndex(
+    (a3) => !a3.directive && a3.key.name === name
+  );
+  if (~idx) el.startTag.attributes.splice(idx, 1);
+}
+function appendStaticClass(el, cls, builders2) {
+  const attr = getStaticAttr(el, "class");
+  if (attr?.value) {
+    if (attr.value.type === "VLiteral") {
+      attr.value.value = attr.value.value ? `${attr.value.value} ${cls}` : cls;
+    }
+  } else {
+    el.startTag.attributes.unshift(
+      builders2.vAttribute(
+        builders2.vIdentifier("class"),
+        builders2.vLiteral(cls)
+      )
+    );
+    setParents(el.startTag, builders2);
+  }
+}
+function propToClass(el, propName, classPrefix, builders2) {
+  const attr = getStaticAttr(el, propName);
+  if (attr?.value?.type !== "VLiteral" || !attr.value.value) return false;
+  appendStaticClass(el, `${classPrefix}-${attr.value.value}`, builders2);
+  removeAttr(el, propName);
+  return true;
+}
 const v4SnackbarMultilinePlugin = {
   type: "codemod",
   name: "vuetify-4-snackbar-multiline",
@@ -96030,6 +96132,7 @@ const v4SnackbarMultilinePlugin = {
               node2.startTag.attributes.push(
                 builders2.vAttribute(builders2.vIdentifier("min-height"), builders2.vLiteral("68"))
               );
+              setParents(node2.startTag, builders2);
             }
             count++;
             break;
@@ -96052,6 +96155,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";
@@ -96101,6 +96205,8 @@ function vuetify4() {
   return [
     v4ComboboxItemSlotPlugin,
     v4ElevationPlugin,
+    v4FormSlotRefsPlugin,
+    v4GridPlugin,
     v4SnackbarMultilinePlugin,
     v4SnackbarQueueSlotPlugin,
     v4TypographyPlugin

package/package.json

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