@volue/wave-codemod__react 0.2.11-next.1 → 0.3.0-next.0

package/dist/index.cjs

@@ -130,7 +130,7 @@ function renameLabelDot(j, ast) {
   });
 }
 
-function transformer$1(file, api, options) {
+function transformer$2(file, api, options) {
   const { jscodeshift: j } = api;
   const ast = j(file.source);
   if (!utils.hasImportDeclaration(j, ast, "@volue/wave-react")) {
@@ -175,7 +175,7 @@ function renameAppFrame(j, ast) {
   });
 }
 
-function transformer(file, api, options) {
+function transformer$1(file, api, options) {
   const { jscodeshift: j } = api;
   const ast = j(file.source);
   if (!utils.hasImportDeclaration(j, ast, "@volue/wave-react")) {
@@ -185,10 +185,92 @@ function transformer(file, api, options) {
   return ast.toSource(options.printOptions);
 }
 
+function renameLogoInSidebarHeader(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@volue/wave-react" }
+  });
+  const logoImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "Logo" }
+  });
+  if (logoImports.size() === 0) {
+    return;
+  }
+  let transformed = false;
+  ast.find(j.JSXElement, {
+    openingElement: {
+      name: {
+        type: "JSXMemberExpression",
+        object: {
+          type: "JSXIdentifier",
+          name: "SidebarNavigation"
+        },
+        property: {
+          type: "JSXIdentifier",
+          name: "Header"
+        }
+      }
+    }
+  }).forEach((headerPath) => {
+    headerPath.node.children?.forEach((child) => {
+      if (child.type !== "JSXElement" || child.openingElement.name.type !== "JSXIdentifier" || child.openingElement.name.name !== "Logo") {
+        return;
+      }
+      child.openingElement.name = j.jsxMemberExpression(
+        j.jsxIdentifier("SidebarNavigation"),
+        j.jsxIdentifier("Logo")
+      );
+      if (child.closingElement) {
+        child.closingElement.name = j.jsxMemberExpression(
+          j.jsxIdentifier("SidebarNavigation"),
+          j.jsxIdentifier("Logo")
+        );
+      }
+      child.openingElement.attributes = child.openingElement.attributes?.filter(
+        (attr) => !(attr.type === "JSXAttribute" && attr.name.type === "JSXIdentifier" && attr.name.name === "variant")
+      );
+      transformed = true;
+    });
+  });
+  if (!transformed) {
+    return;
+  }
+  const remainingLogoUsages = ast.find(j.JSXOpeningElement, {
+    name: {
+      type: "JSXIdentifier",
+      name: "Logo"
+    }
+  });
+  if (remainingLogoUsages.size() > 0) {
+    return;
+  }
+  waveImports.forEach((declPath) => {
+    if (!declPath.node.specifiers) {
+      return;
+    }
+    declPath.node.specifiers = declPath.node.specifiers.filter(
+      (spec) => !(spec.type === "ImportSpecifier" && spec.imported.type === "Identifier" && spec.imported.name === "Logo")
+    );
+    if (declPath.node.specifiers.length === 0) {
+      j(declPath).remove();
+    }
+  });
+}
+
+function transformer(file, api, options) {
+  const { jscodeshift: j } = api;
+  const ast = j(file.source);
+  if (!utils.hasImportDeclaration(j, ast, "@volue/wave-react")) {
+    return file.source;
+  }
+  utils.applyMotions(j, ast, [renameLogoInSidebarHeader]);
+  return ast.toSource(options.printOptions);
+}
+
 var index = {
   transforms: {
-    "1.0.0": transformer$1,
-    "1.1.0": transformer
+    "1.0.0": transformer$2,
+    "1.1.0": transformer$1,
+    "1.9.0": transformer
   }
 };
 

package/dist/index.d.cts

@@ -1,13 +1,16 @@
 import { FileInfo, API, Options } from 'jscodeshift';
 
+declare function transformer$2(file: FileInfo, api: API, options: Options): string;
+
 declare function transformer$1(file: FileInfo, api: API, options: Options): string;
 
 declare function transformer(file: FileInfo, api: API, options: Options): string;
 
 declare const _default: {
     transforms: {
-        '1.0.0': typeof transformer$1;
-        '1.1.0': typeof transformer;
+        '1.0.0': typeof transformer$2;
+        '1.1.0': typeof transformer$1;
+        '1.9.0': typeof transformer;
     };
 };
 

package/dist/index.d.mts

@@ -1,13 +1,16 @@
 import { FileInfo, API, Options } from 'jscodeshift';
 
+declare function transformer$2(file: FileInfo, api: API, options: Options): string;
+
 declare function transformer$1(file: FileInfo, api: API, options: Options): string;
 
 declare function transformer(file: FileInfo, api: API, options: Options): string;
 
 declare const _default: {
     transforms: {
-        '1.0.0': typeof transformer$1;
-        '1.1.0': typeof transformer;
+        '1.0.0': typeof transformer$2;
+        '1.1.0': typeof transformer$1;
+        '1.9.0': typeof transformer;
     };
 };
 

package/dist/index.mjs

@@ -128,7 +128,7 @@ function renameLabelDot(j, ast) {
   });
 }
 
-function transformer$1(file, api, options) {
+function transformer$2(file, api, options) {
   const { jscodeshift: j } = api;
   const ast = j(file.source);
   if (!hasImportDeclaration(j, ast, "@volue/wave-react")) {
@@ -173,7 +173,7 @@ function renameAppFrame(j, ast) {
   });
 }
 
-function transformer(file, api, options) {
+function transformer$1(file, api, options) {
   const { jscodeshift: j } = api;
   const ast = j(file.source);
   if (!hasImportDeclaration(j, ast, "@volue/wave-react")) {
@@ -183,10 +183,92 @@ function transformer(file, api, options) {
   return ast.toSource(options.printOptions);
 }
 
+function renameLogoInSidebarHeader(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@volue/wave-react" }
+  });
+  const logoImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "Logo" }
+  });
+  if (logoImports.size() === 0) {
+    return;
+  }
+  let transformed = false;
+  ast.find(j.JSXElement, {
+    openingElement: {
+      name: {
+        type: "JSXMemberExpression",
+        object: {
+          type: "JSXIdentifier",
+          name: "SidebarNavigation"
+        },
+        property: {
+          type: "JSXIdentifier",
+          name: "Header"
+        }
+      }
+    }
+  }).forEach((headerPath) => {
+    headerPath.node.children?.forEach((child) => {
+      if (child.type !== "JSXElement" || child.openingElement.name.type !== "JSXIdentifier" || child.openingElement.name.name !== "Logo") {
+        return;
+      }
+      child.openingElement.name = j.jsxMemberExpression(
+        j.jsxIdentifier("SidebarNavigation"),
+        j.jsxIdentifier("Logo")
+      );
+      if (child.closingElement) {
+        child.closingElement.name = j.jsxMemberExpression(
+          j.jsxIdentifier("SidebarNavigation"),
+          j.jsxIdentifier("Logo")
+        );
+      }
+      child.openingElement.attributes = child.openingElement.attributes?.filter(
+        (attr) => !(attr.type === "JSXAttribute" && attr.name.type === "JSXIdentifier" && attr.name.name === "variant")
+      );
+      transformed = true;
+    });
+  });
+  if (!transformed) {
+    return;
+  }
+  const remainingLogoUsages = ast.find(j.JSXOpeningElement, {
+    name: {
+      type: "JSXIdentifier",
+      name: "Logo"
+    }
+  });
+  if (remainingLogoUsages.size() > 0) {
+    return;
+  }
+  waveImports.forEach((declPath) => {
+    if (!declPath.node.specifiers) {
+      return;
+    }
+    declPath.node.specifiers = declPath.node.specifiers.filter(
+      (spec) => !(spec.type === "ImportSpecifier" && spec.imported.type === "Identifier" && spec.imported.name === "Logo")
+    );
+    if (declPath.node.specifiers.length === 0) {
+      j(declPath).remove();
+    }
+  });
+}
+
+function transformer(file, api, options) {
+  const { jscodeshift: j } = api;
+  const ast = j(file.source);
+  if (!hasImportDeclaration(j, ast, "@volue/wave-react")) {
+    return file.source;
+  }
+  applyMotions(j, ast, [renameLogoInSidebarHeader]);
+  return ast.toSource(options.printOptions);
+}
+
 var index = {
   transforms: {
-    "1.0.0": transformer$1,
-    "1.1.0": transformer
+    "1.0.0": transformer$2,
+    "1.1.0": transformer$1,
+    "1.9.0": transformer
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volue/wave-codemod__react",
-  "version": "0.2.11-next.1",
+  "version": "0.3.0-next.0",
   "description": "Codemods for Wave React library",
   "license": "UNLICENSED",
   "repository": {