feat: use a modern config for babel

Author: satya164

README.md

@@ -42,13 +42,15 @@ To configure your project manually, follow these steps:
      "output": "lib",
      "targets": [
        ["aar", {"reverseJetify": true}],
-       ["commonjs", {"flow": true}],
+       ["commonjs", {"copyFlow": true}],
        "module",
        "typescript",
      ]
    }
    ```
 
+   See options below for more details.
+
 1. Add `bob` to your `prepare` step:
 
    ```js
@@ -62,7 +64,7 @@ To configure your project manually, follow these steps:
    ```json
    "main": "lib/commonjs/index.js",
    "module": "lib/module/index.js",
-   "react-native": "src/index.js",
+   "react-native": "src/index.ts",
    "types": "lib/typescript/src/index.d.ts",
    "files": [
      "lib/",

package.json

@@ -26,27 +26,28 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@babel/core": "^7.7.7",
+    "@babel/core": "^7.8.4",
+    "@babel/plugin-proposal-optional-chaining": "^7.8.3",
+    "@babel/preset-env": "^7.8.4",
+    "@babel/preset-flow": "^7.8.3",
+    "@babel/preset-react": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
     "chalk": "^3.0.0",
     "cosmiconfig": "^6.0.0",
     "del": "^5.1.0",
     "fs-extra": "^8.1.0",
     "glob": "^7.1.6",
-    "inquirer": "^7.0.1",
+    "inquirer": "^7.0.4",
     "is-git-dirty": "^1.0.0",
     "json5": "^2.1.1",
-    "metro-react-native-babel-preset": "^0.57.0",
-    "yargs": "^15.0.2"
+    "yargs": "^15.1.0"
   },
   "optionalDependencies": {
     "jetifier": "^1.6.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.7.7",
-    "@babel/plugin-proposal-optional-chaining": "^7.7.5",
-    "@babel/preset-env": "^7.7.7",
-    "@babel/preset-typescript": "^7.7.7",
-    "@commitlint/config-conventional": "^8.2.0",
+    "@babel/cli": "^7.8.4",
+    "@commitlint/config-conventional": "^8.3.4",
     "@release-it/conventional-changelog": "^1.1.0",
     "@types/babel__core": "^7.1.3",
     "@types/chalk": "^2.2.0",
@@ -55,14 +56,14 @@
     "@types/glob": "^7.1.1",
     "@types/inquirer": "^6.5.0",
     "@types/json5": "^0.0.30",
-    "@types/yargs": "^13.0.3",
-    "commitlint": "^8.2.0",
-    "eslint": "^6.7.2",
+    "@types/yargs": "^15.0.3",
+    "commitlint": "^8.3.5",
+    "eslint": "^6.8.0",
     "eslint-config-satya164": "^3.1.5",
-    "husky": "^3.1.0",
+    "husky": "^4.2.1",
     "prettier": "^1.19.1",
     "release-it": "^12.4.3",
-    "typescript": "^3.7.3"
+    "typescript": "^3.7.5"
   },
   "husky": {
     "hooks": {

src/targets/commonjs.ts

@@ -5,7 +5,11 @@ import compile from '../utils/compile';
 import { Input } from '../types';
 
 type Options = Input & {
-  options?: { flow?: boolean };
+  options?: {
+    babelrc?: boolean | null;
+    configFile?: string | false | null;
+    copyFlow?: boolean;
+  };
 };
 
 export default async function build({
@@ -25,10 +29,10 @@ export default async function build({
     root,
     source,
     output,
-    options: {
-      presets: [[require.resolve('metro-react-native-babel-preset')]],
-    },
-    flow: options?.flow ? true : false,
+    modules: 'commonjs',
+    babelrc: options?.babelrc,
+    configFile: options?.configFile,
+    copyFlow: options?.copyFlow ? true : false,
     report,
   });
 }

src/targets/module.ts

@@ -5,7 +5,11 @@ import compile from '../utils/compile';
 import { Input } from '../types';
 
 type Options = Input & {
-  options?: { flow?: boolean };
+  options?: {
+    babelrc?: boolean | null;
+    configFile?: string | false | null;
+    copyFlow?: boolean;
+  };
 };
 
 export default async function build({
@@ -25,15 +29,10 @@ export default async function build({
     root,
     source,
     output,
-    options: {
-      presets: [
-        [
-          require.resolve('metro-react-native-babel-preset'),
-          { disableImportExportTransform: true },
-        ],
-      ],
-    },
-    flow: options?.flow ? true : false,
+    modules: false,
+    babelrc: options?.babelrc,
+    configFile: options?.configFile,
+    copyFlow: options?.copyFlow ? true : false,
     report,
   });
 }

src/utils/compile.ts

@@ -6,16 +6,20 @@ import glob from 'glob';
 import { Input } from '../types';
 
 type Options = Input & {
-  options: babel.TransformOptions;
-  flow: boolean;
+  babelrc?: boolean | null;
+  configFile?: string | false | null;
+  modules: 'commonjs' | false;
+  copyFlow: boolean;
 };
 
 export default async function compile({
   root,
   source,
   output,
-  options,
-  flow,
+  babelrc,
+  configFile,
+  modules,
+  copyFlow,
   report,
 }: Options) {
   const files = glob.sync('**/*', {
@@ -47,11 +51,42 @@ export default async function compile({
 
       const content = await fs.readFile(filepath, 'utf-8');
       const result = await babel.transformAsync(content, {
-        babelrc: false,
-        configFile: false,
+        babelrc: babelrc,
+        configFile: configFile,
         sourceMaps: true,
         filename: filepath,
-        ...options,
+        ...(babelrc || configFile
+          ? null
+          : {
+              presets: [
+                [
+                  '@babel/preset-env',
+                  {
+                    targets: {
+                      browsers: [
+                        '>1%',
+                        'last 2 chrome versions',
+                        'last 2 edge versions',
+                        'last 2 firefox versions',
+                        'last 2 safari versions',
+                        'not dead',
+                        'not ie <= 11',
+                        'not op_mini all',
+                        'not android <= 4.4',
+                        'not samsung <= 4',
+                      ],
+                      node: '10',
+                    },
+                    useBuiltIns: false,
+                    modules,
+                  },
+                ],
+                '@babel/preset-react',
+                '@babel/preset-typescript',
+                '@babel/preset-flow',
+              ],
+              plugins: ['@babel/plugin-proposal-class-properties'],
+            }),
       });
 
       if (result == null) {
@@ -69,7 +104,7 @@ export default async function compile({
 
       await fs.writeFile(outputFilename, code);
 
-      if (flow) {
+      if (copyFlow) {
         fs.copy(filepath, outputFilename + '.flow');
       }
     })