Rename js files with .jsx extension but without actual jsx into .js

rename-ext-jsx-to-js.js

const parser = require("@babel/parser");
const traverse = require("@babel/traverse").default;
const t = require("@babel/types");
const fs = require("fs-extra");
const path = require("path");

function parse(content) {
  return parser.parse(content, {
    sourceType: "module",
    plugins: [
      // enable jsx and flow syntax
      "jsx",
      "flow",
    ],
  });
}

function detectJsx(ast) {
  let hasJsx = false;
  traverse(ast, {
    enter(path) {
      if (t.isJSX(path.node)) {
        hasJsx = true;
      }
    },
  });
  return hasJsx;
}

async function rename() {
  const { globby } = await import("globby");
  const files = await globby("./packages/webapp/**/*.jsx");
  console.log(files);
  for (const file of files) {
    const filename = path.resolve(process.cwd(), file);
    console.log(filename);
    const contents = await fs.readFile(filename, "utf-8");
    const ast = parse(contents);
    if (!detectJsx(ast)) {
      const basename = path.basename(filename, path.extname(filename));
      await fs.rename(
        filename,
        path.join(path.dirname(filename), basename + ".js")
      );
    }
  }
}

rename();