@wise/wds-codemods 0.0.1-experimental-731cdc7 → 0.0.1-experimental-cbae00f

package/src/utils/getOptions.ts

@@ -0,0 +1,63 @@
+import { confirm, input, select as list } from '@inquirer/prompts';
+
+async function getOptions(transformFiles: string[]) {
+  const args = process.argv.slice(2);
+  if (args.length > 0) {
+    const [transformFile, targetPath] = args;
+    const dry = args.includes('--dry') || args.includes('--dry-run');
+    const print = args.includes('--print');
+    const ignorePatternIndex = args.findIndex((arg) => arg === '--ignore-pattern');
+    let ignorePattern: string | undefined;
+    if (ignorePatternIndex !== -1 && args.length > ignorePatternIndex + 1) {
+      ignorePattern = args[ignorePatternIndex + 1];
+    }
+    const gitignore = args.includes('--gitignore');
+    const noGitignore = args.includes('--no-gitignore');
+
+    if (!transformFile || !transformFiles.includes(transformFile)) {
+      throw new Error('Invalid transform file specified.');
+    }
+    if (!targetPath) {
+      throw new Error('Target path cannot be empty.');
+    }
+
+    // If both --gitignore and --no-gitignore are specified, prioritize --gitignore
+    const useGitignore = !!(gitignore || (!gitignore && !noGitignore));
+
+    return { transformFile, targetPath, dry, print, ignorePattern, gitignore: useGitignore };
+  }
+
+  const transformFile = await list({
+    message: 'Select a codemod transform to run:',
+    choices: transformFiles.map((file) => ({ name: file, value: file })),
+  });
+
+  const targetPath = await input({
+    message: 'Enter the target directory or file path to run codemod on:',
+    validate: (value) => value.trim() !== '' || 'Target path cannot be empty',
+  });
+
+  const dry = await confirm({
+    message: 'Run in dry mode (no changes written to files)?',
+    default: true,
+  });
+
+  const print = await confirm({
+    message: 'Print transformed source to console?',
+    default: false,
+  });
+
+  const ignorePattern = await input({
+    message: 'Enter ignore pattern(s) (comma separated) or leave empty:',
+    validate: (value) => true,
+  });
+
+  const gitignore = await confirm({
+    message: 'Respect .gitignore files?',
+    default: true,
+  });
+
+  return { transformFile, targetPath, dry, print, ignorePattern, gitignore };
+}
+
+export default getOptions;

package/src/utils/handleError.ts

@@ -0,0 +1,6 @@
+function handleError(message: string): void {
+  console.error(message);
+  process.exit(1);
+}
+
+export default handleError;

package/src/utils/index.ts

@@ -0,0 +1,4 @@
+export { default as getOptions } from './getOptions';
+export { default as handleError } from './handleError';
+export { default as loadTransformModules } from './loadTransformModules';
+export { default as reportManualReview } from './reportManualReview';

package/src/utils/loadTransformModules.ts

@@ -0,0 +1,28 @@
+import { promises as fs } from 'fs';
+import path from 'path';
+
+interface TransformModule {
+  default: {
+    default: unknown;
+  };
+}
+
+async function loadTransformModules(transformsDir: string) {
+  let transformModules: Record<string, unknown> = {};
+
+  const files = await fs.readdir(transformsDir);
+  const transformFiles = await Promise.all(
+    files
+      .filter((file) => file.endsWith('.js'))
+      .map(async (file) => {
+        const transformPath = path.join(transformsDir, file);
+        const transformModule = (await import(transformPath)) as TransformModule;
+        transformModules = { ...transformModules, [file]: transformModule.default.default };
+        return file.replace('.js', '');
+      }),
+  );
+
+  return { transformModules, transformFiles };
+}
+
+export default loadTransformModules;

package/src/utils/reportManualReview.ts

@@ -0,0 +1,17 @@
+import fs from 'node:fs/promises';
+
+import path from 'path';
+
+const REPORT_PATH = path.resolve(process.cwd(), 'codemod-report.txt');
+
+const reportManualReview = async (filePath: string, message: string): Promise<void> => {
+  const lineMatch = /at line (\d+)/u.exec(message);
+  const lineNumber = lineMatch?.[1];
+
+  const cleanMessage = message.replace(/ at line \d+/u, '');
+  const lineInfo = lineNumber ? `:${lineNumber}` : '';
+
+  await fs.appendFile(REPORT_PATH, `[${filePath}${lineInfo}] ${cleanMessage}\n`, 'utf8');
+};
+
+export default reportManualReview;

package/test-button.tsx

@@ -0,0 +1,230 @@
+import { ActionButton, Button } from '@transferwise/components';
+import { Settings, ArrowRight, ArrowLeft } from '@transferwise/icons';
+
+export default function Test() {
+  return (
+    <>
+      {/* Supported priorities (should NOT warn) */}
+      <ActionButton priority="primary">Primary</ActionButton>
+      <ActionButton priority="secondary">Secondary</ActionButton>
+      <ActionButton priority="tertiary">Tertiary</ActionButton>
+      {/* Supported priorities with icon (should NOT warn) */}
+      <ActionButton priority="primary">
+        <Settings />
+        Primary
+      </ActionButton>
+      <ActionButton priority="secondary">
+        <Settings />
+        Secondary
+      </ActionButton>
+      <ActionButton priority="tertiary">
+        <Settings />
+        Tertiary
+      </ActionButton>
+      {/* No priority (should NOT warn, default is primary) */}
+      <ActionButton>Default</ActionButton>
+      {/* Spread props (should warn) */}
+      <ActionButton {...props}>Spread</ActionButton>
+      <ActionButton priority="primary" {...otherProps}>
+        Spread
+      </ActionButton>
+      {/* Unsupported string value (should warn) */}
+      <ActionButton priority="super-primary">Unsupported</ActionButton>
+      {/* Enum values (should NOT warn if mapped, should warn if not) */}
+      <ActionButton priority={Priority.PRIMARY}>Enum Primary</ActionButton>
+      <ActionButton priority={Priority.SECONDARY}>Enum Secondary</ActionButton>
+      <ActionButton priority={Priority.TERTIARY}>Enum Tertiary</ActionButton>
+      <ActionButton priority={Priority.UNKNOWN}>Enum Unknown</ActionButton> {/* Should warn */}
+      {/* Identifier (should warn) */}
+      <ActionButton priority={somePriority}>Identifier</ActionButton>
+      {/* Function call (should warn) */}
+      <ActionButton priority={getPriority()}>Function Call</ActionButton>
+      {/* Conditional expression (should warn) */}
+      <ActionButton priority={isPrimary ? 'primary' : 'secondary'}>Conditional</ActionButton>
+      {/* Member expression (should warn if not mapped) */}
+      <ActionButton priority={props.priority}>Member Expression</ActionButton>
+      {/* With text prop (should NOT warn, but should be migrated to children) */}
+      <ActionButton text="Text prop" />
+      {/* With text prop and children (should NOT warn, but children take precedence) */}
+      <ActionButton text="Text prop">Child</ActionButton>
+      {/* Disabled (should NOT warn) */}
+      <ActionButton disabled>Disabled</ActionButton>
+      {/* With className and onClick (should NOT warn) */}
+      <ActionButton className="foo" onClick={() => {}}>
+        With className and onClick
+      </ActionButton>
+      {/* All ambiguous (should warn for each) */}
+      <ActionButton priority={foo} text={bar} {...baz}>
+        Ambiguous
+      </ActionButton>
+      {/* Ambiguous icon usage: conditional expression (should warn) */}
+      <ActionButton>
+        {isActive ? <Settings /> : <ArrowRight />}
+        Action
+      </ActionButton>
+      {/* Ambiguous icon usage: function call (should warn) */}
+      <ActionButton>
+        {getIcon()}
+        Action
+      </ActionButton>
+      {/* Ambiguous icon usage: identifier (should warn) */}
+      <ActionButton>
+        {iconComponent}
+        Action
+      </ActionButton>
+      {/* Ambiguous icon usage: member expression (should warn) */}
+      <ActionButton>
+        {props.icon}
+        Action
+      </ActionButton>
+      {/* Button with icon as first child (should map to addonStart, no warning) */}
+      <Button size="sm" priority="primary" type="accent">
+        <Settings />
+        Continue
+      </Button>
+      {/* Button with icon as last child (should map to addonEnd, no warning) */}
+      <Button size="sm" priority="primary" type="accent">
+        Continue
+        <ArrowRight />
+      </Button>
+      {/* Button with icon in the middle (should map to addonStart or addonEnd, depending on codemod logic) */}
+      <Button size="sm" priority="primary" type="accent">
+        Continue
+        <ArrowRight />
+        Now
+      </Button>
+      {/* Button with two icons (should map first to addonStart, second to addonEnd) */}
+      <Button size="sm" priority="primary" type="accent">
+        <ArrowLeft />
+        Continue
+        <ArrowRight />
+      </Button>
+      {/* Button with icon wrapped in JSX expression (should still map, no warning) */}
+      <Button size="sm" priority="primary" type="accent">
+        {<Settings />}
+        Continue
+      </Button>
+      {/* Button with icon and ambiguous prop (should warn for prop, not for icon) */}
+      <Button size={getSize()}>
+        <Settings />
+        Continue
+      </Button>
+      {/* ActionButton with icon as first child (should map to addonStart, no warning) */}
+      <ActionButton priority="primary">
+        <Settings />
+        Action
+      </ActionButton>
+      {/* ActionButton with icon as last child (should map to addonEnd, no warning) */}
+      <ActionButton priority="primary">
+        Action
+        <ArrowRight />
+      </ActionButton>
+      {/* ActionButton with icon and ambiguous prop (should warn for prop, not for icon) */}
+      <ActionButton priority={somePriority}>
+        <Settings />
+        Action
+      </ActionButton>
+      {/* ActionButton with icon and spread props (should warn for spread) */}
+      <ActionButton {...props}>
+        <Settings />
+        Action
+      </ActionButton>
+      {/* Supported values (should NOT warn) */}
+      <Button size="sm" priority="primary" type="accent" />
+      <Button size="md" priority="secondary" type="submit" />
+      <Button sentiment="negative" />
+      {/* Spread props (should warn) */}
+      <Button {...props} />
+      <Button size="sm" {...otherProps} />
+      {/* Unsupported string values (should warn) */}
+      <Button size="huge" />
+      <Button priority="super-primary" />
+      <Button type="unknown" />
+      <Button sentiment="neutral" />
+      {/* Enum values (should NOT warn if mapped, should warn if not) */}
+      <Button size={Size.EXTRA_SMALL} priority={Priority.SECONDARY} type={ControlType.NEGATIVE} />
+      <Button size={Size.UNKNOWN} /> {/* Should warn: unknown enum */}
+      <Button priority={Priority.UNKNOWN} /> {/* Should warn: unknown enum */}
+      <Button type={ControlType.UNKNOWN} /> {/* Should warn: unknown enum */}
+      {/* Identifiers (should warn) */}
+      <Button size={dynamicSize} />
+      <Button priority={somePriority} />
+      <Button type={someType} />
+      {/* Function calls (should warn) */}
+      <Button size={getSize()} />
+      <Button priority={getPriority()} />
+      <Button type={getType()} />
+      {/* Conditional expressions (should warn) */}
+      <Button size={isBig ? 'lg' : 'sm'} />
+      <Button priority={isPrimary ? 'primary' : 'secondary'} />
+      <Button type={isAccent ? 'accent' : 'primary'} />
+      {/* Member expressions (should warn if not mapped) */}
+      <Button size={props.size} />
+      <Button priority={props.priority} />
+      <Button type={props.type} />
+      {/* htmlType prop (should warn if unsupported) */}
+      <Button htmlType="magic" />
+      <Button htmlType={getHtmlType()} />
+      {/* Multiple ambiguous props (should warn for each) */}
+      <Button size={getSize()} priority={somePriority} type="unknown" />
+      {/* as="a" without href (should not warn, but should add href) */}
+      <Button as="a" />
+      {/* as="a" with href (should not warn) */}
+      <Button as="a" href="/foo" />
+      {/* as="a" with spread (should warn for spread) */}
+      <Button as="a" {...props} />
+      {/* All legacy props as ambiguous */}
+      <Button size={foo} priority={bar} type={baz} htmlType={qux} sentiment={quux} />
+      {/* No legacy props (should NOT warn) */}
+      <Button block />
+      {/* Supported string literals */}
+      <Button size="sm" priority="primary" type="accent" />
+      <Button size="md" priority="secondary" type="submit" />
+      <Button size="lg" priority="tertiary" type="danger" />
+      <Button size="xl" priority="secondary-neutral" type="link" />
+      <Button size="xs" priority="primary" type="pay" />
+      <Button sentiment="negative" />
+      <Button type="button" />
+      <Button type="reset" />
+      <Button htmlType="submit" />
+      <Button htmlType="button" />
+      <Button htmlType="reset" />
+      {/* Supported enum values (assuming your codemod maps these correctly) */}
+      <Button size={Size.SMALL} priority={Priority.PRIMARY} type={ControlType.ACCENT} />
+      <Button size={Size.MEDIUM} priority={Priority.SECONDARY} type={ControlType.POSITIVE} />
+      <Button size={Size.LARGE} priority={Priority.TERTIARY} type={ControlType.DANGER} />
+      <Button
+        size={Size.EXTRA_SMALL}
+        priority={Priority.SECONDARY_NEUTRAL}
+        type={ControlType.LINK}
+      />
+      <Button size={Size.EXTRA_LARGE} priority={Priority.PRIMARY} type={ControlType.PAY} />
+      <Button sentiment={Sentiment.NEGATIVE} />
+      <Button type={ControlType.BUTTON} />
+      <Button type={ControlType.RESET} />
+      <Button htmlType={HtmlType.SUBMIT} />
+      <Button htmlType={HtmlType.BUTTON} />
+      <Button htmlType={HtmlType.RESET} />
+      {/* No legacy props */}
+      <Button block />
+      <Button disabled />
+      <Button style={{ color: 'red' }} />
+      <Button href="/foo" />
+      <Button v2 />
+      <Button />
+      {/* as="a" with href */}
+      <Button as="a" href="/account" />
+      <Button as="a" href="#" />
+      {/* Combination of supported props */}
+      <Button size="sm" priority="primary" type="accent" block disabled />
+      <Button
+        size={Size.SMALL}
+        priority={Priority.PRIMARY}
+        type={ControlType.ACCENT}
+        block
+        disabled
+      />
+      <Button size="md" priority="secondary" type="submit" style={{ color: 'blue' }} />
+    </>
+  );
+}

package/test-file.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const foo = 123;

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "outDir": "dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "src/utils/createTestTransform.ts"]
+}

package/tsup.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm'],
+  dts: true,
+  splitting: false,
+  sourcemap: true,
+  clean: true,
+  target: 'es2022',
+  outDir: 'dist',
+  platform: 'node',
+});

package/dist/reportManualReview-DQ00-OKx.js

@@ -1,50 +0,0 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-const node_fs_promises = __toESM(require("node:fs/promises"));
-const node_path = __toESM(require("node:path"));
-
-//#region src/utils/reportManualReview.ts
-const REPORT_PATH = node_path.default.resolve(process.cwd(), "codemod-report.txt");
-const reportManualReview = async (filePath, message) => {
-	const lineMatch = /at line (\d+)/u.exec(message);
-	const lineNumber = lineMatch?.[1];
-	const cleanMessage = message.replace(/ at line \d+/u, "");
-	const lineInfo = lineNumber ? `:${lineNumber}` : "";
-	await node_fs_promises.default.appendFile(REPORT_PATH, `[${filePath}${lineInfo}] ${cleanMessage}\n`, "utf8");
-};
-
-//#endregion
-Object.defineProperty(exports, '__toESM', {
-  enumerable: true,
-  get: function () {
-    return __toESM;
-  }
-});
-Object.defineProperty(exports, 'reportManualReview', {
-  enumerable: true,
-  get: function () {
-    return reportManualReview;
-  }
-});
-//# sourceMappingURL=reportManualReview-DQ00-OKx.js.map

package/dist/reportManualReview-DQ00-OKx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reportManualReview-DQ00-OKx.js","names":["path","fs"],"sources":["../src/utils/reportManualReview.ts"],"sourcesContent":["import fs from 'node:fs/promises';\n\nimport path from 'path';\n\nconst REPORT_PATH = path.resolve(process.cwd(), 'codemod-report.txt');\n\nconst reportManualReview = async (filePath: string, message: string): Promise<void> => {\n  const lineMatch = /at line (\\d+)/u.exec(message);\n  const lineNumber = lineMatch?.[1];\n\n  const cleanMessage = message.replace(/ at line \\d+/u, '');\n  const lineInfo = lineNumber ? `:${lineNumber}` : '';\n\n  await fs.appendFile(REPORT_PATH, `[${filePath}${lineInfo}] ${cleanMessage}\\n`, 'utf8');\n};\n\nexport default reportManualReview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,cAAcA,kBAAK,QAAQ,QAAQ,OAAO;AAEhD,MAAM,qBAAqB,OAAO,UAAkB,YAAmC;CACrF,MAAM,YAAY,iBAAiB,KAAK;CACxC,MAAM,aAAa,YAAY;CAE/B,MAAM,eAAe,QAAQ,QAAQ,iBAAiB;CACtD,MAAM,WAAW,aAAa,IAAI,eAAe;AAEjD,OAAMC,yBAAG,WAAW,aAAa,IAAI,WAAW,SAAS,IAAI,aAAa,KAAK;AAChF"}