rename GulpFile, add workaround for __dirname usage in esm

resolves: #12137

Gulpfile.js → Gulpfile.mjs

@@ -1,25 +1,26 @@
 "use strict";
 
-const plumber = require("gulp-plumber");
-const through = require("through2");
-const chalk = require("chalk");
-const newer = require("gulp-newer");
-const babel = require("gulp-babel");
-const fancyLog = require("fancy-log");
-const filter = require("gulp-filter");
-const gulp = require("gulp");
-const path = require("path");
-const fs = require("fs");
-const rollup = require("rollup");
-const rollupBabel = require("@rollup/plugin-babel").default;
-const rollupBabelSource = require("./scripts/rollup-plugin-babel-source");
-const rollupCommonJs = require("@rollup/plugin-commonjs");
-const rollupJson = require("@rollup/plugin-json");
-const rollupNodePolyfills = require("rollup-plugin-node-polyfills");
-const rollupNodeResolve = require("@rollup/plugin-node-resolve").default;
-const rollupReplace = require("@rollup/plugin-replace");
-const { terser: rollupTerser } = require("rollup-plugin-terser");
+import plumber from "gulp-plumber";
+import through from "through2";
+import chalk from "chalk";
+import newer from "gulp-newer";
+import babel from "gulp-babel";
+import fancyLog from "fancy-log";
+import filter from "gulp-filter";
+import gulp from "gulp";
+import path from "path";
+import { rollup } from "rollup";
+import { fileURLToPath } from "url";
+import pluginBabel from "@rollup/plugin-babel";
+import rollupBabelSource from "./scripts/rollup-plugin-babel-source.js";
+import rollupCommonJs from "@rollup/plugin-commonjs";
+import rollupJson from "@rollup/plugin-json";
+import rollupNodePolyfills from "rollup-plugin-node-polyfills";
+import { default as rollupNodeResolve } from "@rollup/plugin-node-resolve";
+import rollupReplace from "@rollup/plugin-replace";
+import { terser as rollupTerser } from "rollup-plugin-terser";
 
+const rollupBabel = pluginBabel.default;
 const defaultSourcesGlob = "./@(codemods|packages|eslint)/*/src/**/*.{js,ts}";
 
 /**
@@ -71,9 +72,9 @@ function rename(fn) {
 }
 
 function buildBabel(exclude, sourcesGlob = defaultSourcesGlob) {
-  const base = __dirname;
+  const base = path.dirname(fileURLToPath(import.meta.url));
 
-  let stream = gulp.src(sourcesGlob, { base: __dirname });
+  let stream = gulp.src(sourcesGlob, { base });
 
   if (exclude) {
     const filters = exclude.map(p => `!**/${p.src}/**`);
@@ -108,13 +109,14 @@ if (process.env.CIRCLE_PR_NUMBER) {
   versionSuffix = "+pr." + process.env.CIRCLE_PR_NUMBER;
 }
 
-const babelVersion =
-  require("./packages/babel-core/package.json").version + versionSuffix;
-function buildRollup(packages) {
+const babelVersionNumber = await import("./packages/babel-core/package.json")
+  .version;
+const babelVersion = babelVersionNumber + versionSuffix;
+async function buildRollup(packages) {
   const sourcemap = process.env.NODE_ENV === "production";
   return Promise.all(
     packages.map(async ({ src, format, dest, name, filename }) => {
-      const pkgJSON = require("./" + src + "/package.json");
+      const pkgJSON = await import("./" + src + "/package.json");
       const version = pkgJSON.version + versionSuffix;
       const { dependencies = {}, peerDependencies = {} } = pkgJSON;
       const external = Object.keys(dependencies).concat(
@@ -130,7 +132,7 @@ function buildRollup(packages) {
       }
       const input = getIndexFromPackage(src);
       fancyLog(`Compiling '${chalk.cyan(input)}' with rollup ...`);
-      const bundle = await rollup.rollup({
+      const bundle = await rollup({
         input,
         external,
         plugins: [
@@ -213,6 +215,9 @@ function buildRollup(packages) {
   );
 }
 
+const babelParserVersionNumber = await import(
+  "./packages/babel-parser/package.json"
+).version;
 const libBundles = [
   "packages/babel-parser",
   "packages/babel-plugin-proposal-optional-chaining",

package.json

@@ -3,6 +3,7 @@
   "version": "7.12.9",
   "private": true,
   "license": "MIT",
+  "type": "module",
   "scripts": {
     "bootstrap": "make bootstrap",
     "codesandbox:build": "make build-no-bundle",
@@ -102,4 +103,4 @@
       "built": false
     }
   }
-}
+}

packages/babel-types/scripts/generateTypeHelpers.mjs

@@ -1,12 +1,11 @@
-"use strict";
 import path from "path";
 import chalk from "chalk";
-import generateBuilders from "./generators/generateBuilders";
-import generateValidators from "./generators/generateValidators";
-import generateAsserts from "./generators/generateAsserts";
-import generateConstants from "./generators/generateConstants";
-import format from "../../../scripts/utils/formatCode";
-import writeFile from "../../../scripts/utils/writeFileAndMkDir";
+import generateBuilders from "./generators/generateBuilders.mjs";
+import generateValidators from "./generators/generateValidators.mjs";
+import generateAsserts from "./generators/generateAsserts.mjs";
+import generateConstants from "./generators/generateConstants.mjs";
+import format from "../../../scripts/utils/formatCode.js";
+import writeFile from "../../../scripts/utils/writeFileAndMkDir.js";
 
 const baseDir = path.join(__dirname, "../src");
 

scripts/generators/readmes.js

@@ -75,7 +75,7 @@ packages
   .filter(x => x !== "README.md") // ignore root readme
   .filter(x => x.indexOf("babel-preset-stage-") === -1) // ignore stages
   .forEach(id => {
-    const { name, description } = getPackageJson(id);
+    const { name, description } = await getPackageJson(id);
     const readmePath = join(packageDir, id, "README.md");
 
     // generate

scripts/parser-tests/flow/index.js

@@ -1,4 +1,4 @@
-import { promises as fs } from "fs";
+import fs from "fs/promises";
 import path from "path";
 import merge from "mergeiterator";
 import TestRunner from "../utils/parser-test-runner";

scripts/parser-tests/typescript/index.js

@@ -1,5 +1,5 @@
 import path from "path";
-import { promises as fs } from "fs";
+import fs from "fs/promises";
 import ts from "../../../build/typescript";
 import TestRunner from "../utils/parser-test-runner";
 import parsingErrorCodes from "./error-codes";

scripts/parser-tests/utils/parser-test-runner.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { promises as fs } from "fs";
+import fs from "fs/promises";
 import chalk from "chalk";
-const { parse: parser } = import("../../../packages/babel-parser");
+import { parse as parser } from "../../../packages/babel-parser";
 
 const dot = chalk.gray(".");
 

scripts/rollup-plugin-babel-source.js

@@ -1,5 +1,8 @@
 import path from "path";
 import fs from "fs";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 const dirname = path.join(__dirname, "..");
 
 const BABEL_SRC_REGEXP =
@@ -15,7 +18,7 @@ export default function () {
       if (matches) {
         // check if browser field exists for this file and replace
         const packageFolder = path.join(dirname, "packages", matches[1]);
-        const packageJson = import(path.join(packageFolder, "package.json"));
+        const packageJson = require(path.join(packageFolder, "package.json"));
 
         if (
           packageJson["browser"] &&

scripts/utils/formatCode.js

@@ -1,5 +1,5 @@
 "use strict";
-
+import prettier from "prettier";
 // TODO: Remove this `if` in Babel 8
 // Prettier only supports Node.js 10+, so we can fallback to not formatting
 // o CI on older Node.js versions
@@ -10,8 +10,6 @@ if (process.env.CI && parseInt(process.versions.node, 10) < 10) {
     return code;
   };
 } else {
-  const prettier = require("prettier");
-
   returnValue = function formatCode(code, filename) {
     filename = filename || __filename;
     const prettierConfig = prettier.resolveConfig.sync(filename);