renameReactComponents.js

const { resolve } = require('path');
const { readdir } = require('fs').promises;
const fs = require('fs');
const result = [];

async function* getFiles(dir) {
  const dirents = await readdir(dir, { withFileTypes: true });
  for (const dirent of dirents) {
    const res = resolve(dir, dirent.name);
    if (dirent.isDirectory()) {
      yield* getFiles(res);
    } else {
      yield res;
    }
  }
}

(async () => {
  for await (const f of getFiles('./src/components')) {
    if (!f.endsWith('.js')) continue;
    if (f.endsWith('stories.js') || f.endsWith('.test.js')) {
      continue;
    }
    result.push(f);
  }
  result.map((filename) => {
    fs.readFile(filename, function (err, data) {
      if (err) throw err;
      if (data.includes("import React from 'react'")) {
        let a = filename.split('/');
        a.splice(0, 6);
        const currentName = a.join('/');
        const newName = currentName.replace(/\.js$/, '.jsx');
        console.log(`git mv ${currentName} ${newName}`);
      }
    });
  });
})();