@volue/wave-codemod__react 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -4,6 +4,16 @@ All notable changes to this project will be documented in this file. See [Conven
 
 <!-- MONOWEAVE:BELOW -->
 
+## [0.4.0](https://github.com/Volue/wave/compare/@volue/wave-codemod__react@0.3.0...@volue/wave-codemod__react@0.4.0) "@volue/wave-codemod__react" (2026-04-29)
+
+
+### Features
+
+* **codemods:** v1.9 codemod migrates Button color="accent" ([a372981](https://github.com/Volue/wave/commit/a3729818c08a14f1b245a3b2bda566a97de3ca10)), closes [benjamn/recast#171](https://github.com/benjamn/recast/issues/171)
+
+
+
+
 ## [0.3.0](https://github.com/Volue/wave/compare/@volue/wave-codemod__react@0.2.10...@volue/wave-codemod__react@0.3.0) "@volue/wave-codemod__react" (2026-04-28)
 
 

package/dist/index.cjs

@@ -185,6 +185,58 @@ function transformer$1(file, api, options) {
   return ast.toSource(options.printOptions);
 }
 
+function replaceStringLiteralValue(j, path, newValue) {
+  const quote = path.node.extra?.raw?.[0] === '"' ? '"' : "'";
+  const replacement = j.literal(newValue);
+  replacement.extra = {
+    raw: `${quote}${newValue}${quote}`,
+    rawValue: newValue
+  };
+  path.replace(replacement);
+}
+
+const isAccentLiteral = (node) => !!node && (node.type === "Literal" || node.type === "StringLiteral") && node.value === "accent";
+function migrateAccentColorOnButton(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@volue/wave-react" }
+  });
+  const buttonImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "Button" }
+  });
+  if (buttonImports.size() === 0) {
+    return;
+  }
+  ast.find(j.JSXOpeningElement, {
+    name: { type: "JSXIdentifier", name: "Button" }
+  }).forEach((buttonPath) => {
+    const attributes = buttonPath.node.attributes;
+    if (!attributes) {
+      return;
+    }
+    buttonPath.node.attributes = attributes.flatMap((attr) => {
+      if (attr.type !== "JSXAttribute" || attr.name.type !== "JSXIdentifier" || attr.name.name !== "color" || !attr.value) {
+        return [attr];
+      }
+      if (isAccentLiteral(attr.value)) {
+        return [];
+      }
+      if (attr.value.type === "JSXExpressionContainer" && isAccentLiteral(attr.value.expression)) {
+        return [];
+      }
+      if (attr.value.type === "JSXExpressionContainer") {
+        const container = j(attr.value);
+        container.find(j.Literal).filter((path) => isAccentLiteral(path.node)).forEach((path) => {
+          replaceStringLiteralValue(j, path, "default");
+        });
+        container.find(j.StringLiteral).filter((path) => isAccentLiteral(path.node)).forEach((path) => {
+          replaceStringLiteralValue(j, path, "default");
+        });
+      }
+      return [attr];
+    });
+  });
+}
+
 function renameLogoInSidebarHeader(j, ast) {
   const waveImports = ast.find(j.ImportDeclaration, {
     source: { value: "@volue/wave-react" }
@@ -262,7 +314,7 @@ function transformer(file, api, options) {
   if (!utils.hasImportDeclaration(j, ast, "@volue/wave-react")) {
     return file.source;
   }
-  utils.applyMotions(j, ast, [renameLogoInSidebarHeader]);
+  utils.applyMotions(j, ast, [renameLogoInSidebarHeader, migrateAccentColorOnButton]);
   return ast.toSource(options.printOptions);
 }
 

package/dist/index.mjs

@@ -183,6 +183,58 @@ function transformer$1(file, api, options) {
   return ast.toSource(options.printOptions);
 }
 
+function replaceStringLiteralValue(j, path, newValue) {
+  const quote = path.node.extra?.raw?.[0] === '"' ? '"' : "'";
+  const replacement = j.literal(newValue);
+  replacement.extra = {
+    raw: `${quote}${newValue}${quote}`,
+    rawValue: newValue
+  };
+  path.replace(replacement);
+}
+
+const isAccentLiteral = (node) => !!node && (node.type === "Literal" || node.type === "StringLiteral") && node.value === "accent";
+function migrateAccentColorOnButton(j, ast) {
+  const waveImports = ast.find(j.ImportDeclaration, {
+    source: { value: "@volue/wave-react" }
+  });
+  const buttonImports = waveImports.find(j.ImportSpecifier, {
+    imported: { name: "Button" }
+  });
+  if (buttonImports.size() === 0) {
+    return;
+  }
+  ast.find(j.JSXOpeningElement, {
+    name: { type: "JSXIdentifier", name: "Button" }
+  }).forEach((buttonPath) => {
+    const attributes = buttonPath.node.attributes;
+    if (!attributes) {
+      return;
+    }
+    buttonPath.node.attributes = attributes.flatMap((attr) => {
+      if (attr.type !== "JSXAttribute" || attr.name.type !== "JSXIdentifier" || attr.name.name !== "color" || !attr.value) {
+        return [attr];
+      }
+      if (isAccentLiteral(attr.value)) {
+        return [];
+      }
+      if (attr.value.type === "JSXExpressionContainer" && isAccentLiteral(attr.value.expression)) {
+        return [];
+      }
+      if (attr.value.type === "JSXExpressionContainer") {
+        const container = j(attr.value);
+        container.find(j.Literal).filter((path) => isAccentLiteral(path.node)).forEach((path) => {
+          replaceStringLiteralValue(j, path, "default");
+        });
+        container.find(j.StringLiteral).filter((path) => isAccentLiteral(path.node)).forEach((path) => {
+          replaceStringLiteralValue(j, path, "default");
+        });
+      }
+      return [attr];
+    });
+  });
+}
+
 function renameLogoInSidebarHeader(j, ast) {
   const waveImports = ast.find(j.ImportDeclaration, {
     source: { value: "@volue/wave-react" }
@@ -260,7 +312,7 @@ function transformer(file, api, options) {
   if (!hasImportDeclaration(j, ast, "@volue/wave-react")) {
     return file.source;
   }
-  applyMotions(j, ast, [renameLogoInSidebarHeader]);
+  applyMotions(j, ast, [renameLogoInSidebarHeader, migrateAccentColorOnButton]);
   return ast.toSource(options.printOptions);
 }
 

package/package.json

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