feat: add typescript support

bin/__tests__/carbon-codemod.js

@@ -165,6 +165,8 @@ describe("run", () => {
       const args = [
         "--verbose=2",
         "--ignore-pattern=**/node_modules/**",
+        "--parser=tsx",
+        "--extensions=tsx,ts,jsx,js",
         "--transform",
         path.join(
           Cli.__transformsDir,
@@ -190,6 +192,8 @@ describe("run", () => {
       const args = [
         "--verbose=2",
         "--ignore-pattern=**/node_modules/**",
+        "--parser=tsx",
+        "--extensions=tsx,ts,jsx,js",
         "--transform",
         path.join(
           Cli.__transformsDir,
@@ -215,6 +219,8 @@ describe("run", () => {
       const args = [
         "--verbose=2",
         "--ignore-pattern=**/node_modules/**",
+        "--parser=tsx",
+        "--extensions=tsx,ts,jsx,js",
         "--transform",
         path.join(
           Cli.__transformsDir,
@@ -243,6 +249,8 @@ describe("run", () => {
       const args = [
         "--verbose=2",
         "--ignore-pattern=**/node_modules/**",
+        "--parser=tsx",
+        "--extensions=tsx,ts,jsx,js",
         "--transform",
         path.join(Cli.__transformsDir, "rename-prop", "rename-prop.js"),
         path.join(process.cwd(), "src"),
@@ -269,6 +277,8 @@ describe("run", () => {
       const args = [
         "--verbose=2",
         "--ignore-pattern=**/node_modules/**",
+        "--parser=tsx",
+        "--extensions=tsx,ts,jsx,js",
         "--transform",
         path.join(Cli.__transformsDir, "remove-prop", "remove-prop.js"),
         path.join(process.cwd(), "src"),

bin/cli.js

@@ -50,16 +50,20 @@ const runTransform = (target, command, program, options = {}) => {
     if (dry) {
       args.push("--dry");
     }
+
+    args.push("--parser=tsx");
+
+    args.push("--extensions=tsx,ts,jsx,js");
+
     args.push("--transform", path.join(transformsDir, name, `${name}.js`));
 
     args.push(path.resolve(process.cwd(), target));
 
     Object.keys(options).forEach((key) => {
       const type = typeof options[key];
-
       if (type === "string") {
         args.push(`--${key}=${options[key]}`);
-      } else {
+      } else if (type !== "undefined") {
         console.error(
           `Unable to use argument ${key}, ${type} arguments are not supported yet.`
         );
@@ -257,19 +261,19 @@ Example
     });
 
   program
-    .command(
-      "replace-collapsible-pod-with-accordion <target>"
+    .command("replace-collapsible-pod-with-accordion <target>")
+    .description(
+      "replaces deprecated collapse Pod prop with the Accordion Component"
     )
-    .description("replaces deprecated collapse Pod prop with the Accordion Component")
     .action((target, command) => runTransform(target, command, program));
 
   program
-    .command(
-      "move-pod-description-to-content <target>"
+    .command("move-pod-description-to-content <target>")
+    .description(
+      "removes deprecated description Pod prop and places it's value as part of the Pod content"
     )
-    .description("removes deprecated description Pod prop and places it's value as part of the Pod content")
     .action((target, command) => runTransform(target, command, program));
-  
+
   program.on("command:*", function () {
     console.error(
       "Invalid command: %s\nSee --help for a list of available commands.",

defineTest.js

@@ -7,14 +7,21 @@ export default function defineTest(
   transformName,
   options,
   testFilePrefix,
-  testOptions
+  testOptions = {}
 ) {
   testFilePrefix = Array.isArray(testFilePrefix)
     ? path.join(...testFilePrefix)
     : testFilePrefix;
   const fixtureDir = path.join(dirName, "..", "__testfixtures__");
-  const inputPath = path.join(fixtureDir, testFilePrefix + `.input.js`);
-  const outputPath = path.join(fixtureDir, testFilePrefix + `.output.js`);
+  const fileExtension = testOptions.parser || "js";
+  const inputPath = path.join(
+    fixtureDir,
+    testFilePrefix + `.input.` + fileExtension
+  );
+  const outputPath = path.join(
+    fixtureDir,
+    testFilePrefix + `.output.` + fileExtension
+  );
   const source = fs.readFileSync(inputPath, "utf8");
   const expectedOutput = fs.readFileSync(outputPath, "utf8");
   const transform = require(path.join(dirName, "..", transformName));

transforms/add-prop/__testfixtures__/typescript/BooleanFalse.input.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asFalse = (arg: string): JSX.Element => <Button />

transforms/add-prop/__testfixtures__/typescript/BooleanFalse.output.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asFalse = (arg: string): JSX.Element => <Button hasBorder={false} />

transforms/add-prop/__testfixtures__/typescript/BooleanTrue.input.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asTrue = (arg: string): JSX.Element => <Button />

transforms/add-prop/__testfixtures__/typescript/BooleanTrue.output.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asTrue = (arg: string): JSX.Element => <Button hasBorder />

transforms/add-prop/__testfixtures__/typescript/NamedImport.input.tsx

@@ -0,0 +1,7 @@
+import { Button } from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asString = (arg: string): JSX.Element => <Button />

transforms/add-prop/__testfixtures__/typescript/NamedImport.output.tsx

@@ -0,0 +1,7 @@
+import { Button } from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asString = (arg: string): JSX.Element => <Button import="named" />

transforms/add-prop/__testfixtures__/typescript/NoImport.input.tsx

@@ -0,0 +1,8 @@
+// Wrong Import
+import Tile from "carbon-react/lib/components/NotTile";
+
+interface SomeInterface {
+  label: string;
+}
+
+export default (arg: string): JSX.Element => <Tile />;

transforms/add-prop/__testfixtures__/typescript/NoTransformRequired.input.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const App = (arg: string): JSX.Element => <Button ml="2" />

transforms/add-prop/__testfixtures__/typescript/Number.input.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asNumber = (arg: string): JSX.Element => <Button />

transforms/add-prop/__testfixtures__/typescript/Number.output.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asNumber = (arg: string): JSX.Element => <Button ml={2} />

transforms/add-prop/__testfixtures__/typescript/String.input.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asString = (arg: string): JSX.Element => <Button />

transforms/add-prop/__testfixtures__/typescript/String.output.tsx

@@ -0,0 +1,7 @@
+import Button from "carbon-react/lib/components/button";
+
+interface SomeInterface {
+  label: string;
+}
+
+export const asString = (arg: string): JSX.Element => <Button ml="16px" />