babel-preset-react-app-new 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2013-present, Facebook, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+# babel-preset-react-app
+
+This package includes the Babel preset used by [Create React App](https://github.com/facebook/create-react-app).<br>
+Please refer to its documentation:
+
+- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
+- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
+
+## Usage in Create React App Projects
+
+The easiest way to use this configuration is with [Create React App](https://github.com/facebook/create-react-app), which includes it by default. **You don’t need to install it separately in Create React App projects.**
+
+## Usage Outside of Create React App
+
+If you want to use this Babel preset in a project not built with Create React App, you can install it with the following steps.
+
+First, [install Babel](https://babeljs.io/docs/setup/).
+
+Then install babel-preset-react-app.
+
+```sh
+npm install babel-preset-react-app --save-dev
+```
+
+Then create a file named `.babelrc` with following contents in the root folder of your project:
+
+```json
+{
+  "presets": ["react-app"]
+}
+```
+
+This preset uses the `useBuiltIns` option with [transform-object-rest-spread](https://babeljs.io/docs/plugins/transform-object-rest-spread/) and [transform-react-jsx](https://babeljs.io/docs/plugins/transform-react-jsx/), which assumes that `Object.assign` is available or polyfilled.
+
+## Usage with Flow
+
+Make sure you have a `.flowconfig` file at the root directory. You can also use the `flow` option on `.babelrc`:
+
+```json
+{
+  "presets": [["react-app", { "flow": true, "typescript": false }]]
+}
+```
+
+## Usage with TypeScript
+
+Make sure you have a `tsconfig.json` file at the root directory. You can also use the `typescript` option on `.babelrc`:
+
+```json
+{
+  "presets": [["react-app", { "flow": false, "typescript": true }]]
+}
+```
+
+## Absolute Runtime Paths
+
+Absolute paths are enabled by default for imports. To use relative paths instead, set the `absoluteRuntime` option in `.babelrc` to `false`:
+
+```
+{
+  "presets": [["react-app", { "absoluteRuntime": false }]]
+}
+```

package/create.js

@@ -0,0 +1,203 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+const path = require('path');
+
+const validateBoolOption = (name, value, defaultValue) => {
+    if (typeof value === 'undefined') {
+        value = defaultValue;
+    }
+
+    if (typeof value !== 'boolean') {
+        throw new Error(`Preset react-app: '${name}' option must be a boolean.`);
+    }
+
+    return value;
+};
+
+module.exports = function (api, opts, env) {
+    if (!opts) {
+        opts = {};
+    }
+
+    var isEnvDevelopment = env === 'development';
+    var isEnvProduction = env === 'production';
+    var isEnvTest = env === 'test';
+
+    var useESModules = validateBoolOption('useESModules', opts.useESModules, isEnvDevelopment || isEnvProduction);
+    var isFlowEnabled = validateBoolOption('flow', opts.flow, true);
+    var isTypeScriptEnabled = validateBoolOption('typescript', opts.typescript, true);
+    var areHelpersEnabled = validateBoolOption('helpers', opts.helpers, true);
+    var useAbsoluteRuntime = validateBoolOption('absoluteRuntime', opts.absoluteRuntime, true);
+
+    var absoluteRuntimePath = undefined;
+    if (useAbsoluteRuntime) {
+        absoluteRuntimePath = path.dirname(require.resolve('@babel/runtime/package.json'));
+    }
+
+    var corejsVerson = '3.30';
+
+    try {
+        corejsVerson = require('core-js/package.json').version;
+    } catch (err) {}
+
+    if (!isEnvDevelopment && !isEnvProduction && !isEnvTest) {
+        throw new Error(
+            'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or ' +
+                '`BABEL_ENV` environment variables. Valid values are "development", ' +
+                '"test", and "production". Instead, received: ' +
+                JSON.stringify(env) +
+                '.'
+        );
+    }
+
+    return {
+        presets: [
+            isEnvTest && [
+                // ES features necessary for user's Node version
+                require('@babel/preset-env').default,
+                {
+                    targets: {
+                        node: 'current'
+                    }
+                }
+            ],
+            (isEnvProduction || isEnvDevelopment) && [
+                // Latest stable ECMAScript features
+                require('@babel/preset-env').default,
+                Object.assign(
+                    {
+                        // Allow importing core-js in entrypoint and use browserlist to select polyfills
+                        useBuiltIns: 'entry',
+                        // Set the corejs version we are using to avoid warnings in console
+                        corejs: corejsVerson,
+                        // Exclude transforms that make all code slower
+                        exclude: ['transform-typeof-symbol']
+                    },
+                    opts.presetEnvOptions
+                )
+            ],
+            [
+                require('@babel/preset-react').default,
+                {
+                    // Adds component stack to warning messages
+                    // Adds __self attribute to JSX which React will use for some warnings
+                    development: isEnvDevelopment || isEnvTest,
+                    // Will use the native built-in instead of trying to polyfill
+                    // behavior for any plugins that require one.
+                    ...(opts.runtime !== 'automatic' ? { useBuiltIns: true } : {}),
+                    runtime: opts.runtime || 'classic'
+                }
+            ],
+            isTypeScriptEnabled && [require('@babel/preset-typescript').default]
+        ].filter(Boolean),
+        plugins: [
+            // Strip flow types before any other transform, emulating the behavior
+            // order as-if the browser supported all of the succeeding features
+            // https://github.com/facebook/create-react-app/pull/5182
+            // We will conditionally enable this plugin below in overrides as it clashes with
+            // @babel/plugin-proposal-decorators when using TypeScript.
+            // https://github.com/facebook/create-react-app/issues/5741
+            isFlowEnabled && [require('@babel/plugin-transform-flow-strip-types').default, false],
+            // Experimental macros support. Will be documented after it's had some time
+            // in the wild.
+            require('babel-plugin-macros'),
+            // Disabled as it's handled automatically by preset-env, and `selectiveLoose` isn't
+            // yet merged into babel: https://github.com/babel/babel/pull/9486
+            // Related: https://github.com/facebook/create-react-app/pull/8215
+            // [
+            //   require('@babel/plugin-transform-destructuring').default,
+            //   {
+            //     // Use loose mode for performance:
+            //     // https://github.com/facebook/create-react-app/issues/5602
+            //     loose: false,
+            //     selectiveLoose: [
+            //       'useState',
+            //       'useEffect',
+            //       'useContext',
+            //       'useReducer',
+            //       'useCallback',
+            //       'useMemo',
+            //       'useRef',
+            //       'useImperativeHandle',
+            //       'useLayoutEffect',
+            //       'useDebugValue',
+            //     ],
+            //   },
+            // ],
+            // Turn on legacy decorators for TypeScript files
+            isTypeScriptEnabled && [require('@babel/plugin-proposal-decorators').default, false],
+            // class { handleClick = () => { } }
+            // Enable loose mode to use assignment instead of defineProperty
+            // See discussion in https://github.com/facebook/create-react-app/issues/4263
+            // Note:
+            // 'loose' mode configuration must be the same for
+            // * @babel/plugin-proposal-class-properties
+            // * @babel/plugin-proposal-private-methods
+            // * @babel/plugin-proposal-private-property-in-object
+            // (when they are enabled)
+            [
+                require('@babel/plugin-proposal-class-properties').default,
+                {
+                    loose: true
+                }
+            ],
+            [
+                require('@babel/plugin-proposal-private-methods').default,
+                {
+                    loose: true
+                }
+            ],
+            [
+                require('@babel/plugin-proposal-private-property-in-object').default,
+                {
+                    loose: true
+                }
+            ],
+            // Polyfills the runtime needed for async/await, generators, and friends
+            // https://babeljs.io/docs/en/babel-plugin-transform-runtime
+            [
+                require('@babel/plugin-transform-runtime').default,
+                {
+                    corejs: false,
+                    helpers: areHelpersEnabled,
+                    // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+                    // explicitly resolving to match the provided helper functions.
+                    // https://github.com/babel/babel/issues/10261
+                    version: require('@babel/runtime/package.json').version,
+                    regenerator: true,
+                    // https://babeljs.io/docs/en/babel-plugin-transform-runtime#useesmodules
+                    // We should turn this on once the lowest version of Node LTS
+                    // supports ES Modules.
+                    useESModules,
+                    // Undocumented option that lets us encapsulate our runtime, ensuring
+                    // the correct version is used
+                    // https://github.com/babel/babel/blob/090c364a90fe73d36a30707fc612ce037bdbbb24/packages/babel-plugin-transform-runtime/src/index.js#L35-L42
+                    absoluteRuntime: absoluteRuntimePath
+                }
+            ],
+            isEnvProduction && [
+                // Remove PropTypes from production build
+                require('babel-plugin-transform-react-remove-prop-types').default,
+                {
+                    removeImport: true
+                }
+            ]
+        ].filter(Boolean),
+        overrides: [
+            isFlowEnabled && {
+                exclude: /\.tsx?$/,
+                plugins: [require('@babel/plugin-transform-flow-strip-types').default]
+            },
+            isTypeScriptEnabled && {
+                test: /\.tsx?$/,
+                plugins: [[require('@babel/plugin-proposal-decorators').default, { legacy: true }]]
+            }
+        ].filter(Boolean)
+    };
+};

package/dependencies.js

@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+const path = require('path');
+
+const validateBoolOption = (name, value, defaultValue) => {
+  if (typeof value === 'undefined') {
+    value = defaultValue;
+  }
+
+  if (typeof value !== 'boolean') {
+    throw new Error(`Preset react-app: '${name}' option must be a boolean.`);
+  }
+
+  return value;
+};
+
+module.exports = function (api, opts) {
+  if (!opts) {
+    opts = {};
+  }
+
+  // This is similar to how `env` works in Babel:
+  // https://babeljs.io/docs/usage/babelrc/#env-option
+  // We are not using `env` because it’s ignored in versions > babel-core@6.10.4:
+  // https://github.com/babel/babel/issues/4539
+  // https://github.com/facebook/create-react-app/issues/720
+  // It’s also nice that we can enforce `NODE_ENV` being specified.
+  var env = process.env.BABEL_ENV || process.env.NODE_ENV;
+  var isEnvDevelopment = env === 'development';
+  var isEnvProduction = env === 'production';
+  var isEnvTest = env === 'test';
+
+  var areHelpersEnabled = validateBoolOption('helpers', opts.helpers, false);
+  var useAbsoluteRuntime = validateBoolOption(
+    'absoluteRuntime',
+    opts.absoluteRuntime,
+    true
+  );
+
+  var absoluteRuntimePath = undefined;
+  if (useAbsoluteRuntime) {
+    absoluteRuntimePath = path.dirname(
+      require.resolve('@babel/runtime/package.json')
+    );
+  }
+
+  if (!isEnvDevelopment && !isEnvProduction && !isEnvTest) {
+    throw new Error(
+      'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or ' +
+        '`BABEL_ENV` environment variables. Valid values are "development", ' +
+        '"test", and "production". Instead, received: ' +
+        JSON.stringify(env) +
+        '.'
+    );
+  }
+
+  return {
+    // Babel assumes ES Modules, which isn't safe until CommonJS
+    // dies. This changes the behavior to assume CommonJS unless
+    // an `import` or `export` is present in the file.
+    // https://github.com/webpack/webpack/issues/4039#issuecomment-419284940
+    sourceType: 'unambiguous',
+    presets: [
+      isEnvTest && [
+        // ES features necessary for user's Node version
+        require('@babel/preset-env').default,
+        {
+          targets: {
+            node: 'current',
+          },
+          // Exclude transforms that make all code slower
+          exclude: ['transform-typeof-symbol'],
+        },
+      ],
+      (isEnvProduction || isEnvDevelopment) && [
+        // Latest stable ECMAScript features
+        require('@babel/preset-env').default,
+        {
+          // Allow importing core-js in entrypoint and use browserlist to select polyfills
+          useBuiltIns: 'entry',
+          // Set the corejs version we are using to avoid warnings in console
+          // This will need to change once we upgrade to corejs@3
+          corejs: 3,
+          // Exclude transforms that make all code slower
+          exclude: ['transform-typeof-symbol'],
+        },
+      ],
+    ].filter(Boolean),
+    plugins: [
+      // Disabled as it's handled automatically by preset-env, and `selectiveLoose` isn't
+      // yet merged into babel: https://github.com/babel/babel/pull/9486
+      // Related: https://github.com/facebook/create-react-app/pull/8215
+      // [
+      //   require('@babel/plugin-transform-destructuring').default,
+      //   {
+      //     // Use loose mode for performance:
+      //     // https://github.com/facebook/create-react-app/issues/5602
+      //     loose: false,
+      //     selectiveLoose: [
+      //       'useState',
+      //       'useEffect',
+      //       'useContext',
+      //       'useReducer',
+      //       'useCallback',
+      //       'useMemo',
+      //       'useRef',
+      //       'useImperativeHandle',
+      //       'useLayoutEffect',
+      //       'useDebugValue',
+      //     ],
+      //   },
+      // ],
+      // Polyfills the runtime needed for async/await, generators, and friends
+      // https://babeljs.io/docs/en/babel-plugin-transform-runtime
+      [
+        require('@babel/plugin-transform-runtime').default,
+        {
+          corejs: false,
+          helpers: areHelpersEnabled,
+          // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+          // explicitly resolving to match the provided helper functions.
+          // https://github.com/babel/babel/issues/10261
+          version: require('@babel/runtime/package.json').version,
+          regenerator: true,
+          // https://babeljs.io/docs/en/babel-plugin-transform-runtime#useesmodules
+          // We should turn this on once the lowest version of Node LTS
+          // supports ES Modules.
+          useESModules: isEnvDevelopment || isEnvProduction,
+          // Undocumented option that lets us encapsulate our runtime, ensuring
+          // the correct version is used
+          // https://github.com/babel/babel/blob/090c364a90fe73d36a30707fc612ce037bdbbb24/packages/babel-plugin-transform-runtime/src/index.js#L35-L42
+          absoluteRuntime: absoluteRuntimePath,
+        },
+      ],
+    ].filter(Boolean),
+  };
+};

package/dev.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+const create = require('./create');
+
+module.exports = function (api, opts) {
+  return create(api, Object.assign({ helpers: false }, opts), 'development');
+};

package/index.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+const create = require('./create');
+
+module.exports = function (api, opts) {
+  // This is similar to how `env` works in Babel:
+  // https://babeljs.io/docs/usage/babelrc/#env-option
+  // We are not using `env` because it’s ignored in versions > babel-core@6.10.4:
+  // https://github.com/babel/babel/issues/4539
+  // https://github.com/facebook/create-react-app/issues/720
+  // It’s also nice that we can enforce `NODE_ENV` being specified.
+  const env = process.env.BABEL_ENV || process.env.NODE_ENV;
+  return create(api, opts, env);
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "babel-preset-react-app-new",
+  "version": "0.0.1",
+  "description": "Babel preset used by Create React App",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/facebook/create-react-app.git",
+    "directory": "packages/babel-preset-react-app"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/facebook/create-react-app/issues"
+  },
+  "files": [
+    "create.js",
+    "dependencies.js",
+    "dev.js",
+    "index.js",
+    "webpack-overrides.js",
+    "prod.js",
+    "test.js"
+  ],
+  "dependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/plugin-proposal-class-properties": "^7.16.0",
+    "@babel/plugin-proposal-decorators": "^7.16.4",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.16.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.0",
+    "@babel/plugin-proposal-private-methods": "^7.16.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.16.0",
+    "@babel/plugin-transform-react-display-name": "^7.16.0",
+    "@babel/plugin-transform-runtime": "^7.16.4",
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "@babel/runtime": "^7.16.3",
+    "babel-plugin-macros": "^3.1.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24"
+  }
+}

package/prod.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+const create = require('./create');
+
+module.exports = function (api, opts) {
+  return create(api, Object.assign({ helpers: false }, opts), 'production');
+};

package/test.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+const create = require('./create');
+
+module.exports = function (api, opts) {
+  return create(api, Object.assign({ helpers: false }, opts), 'test');
+};

package/webpack-overrides.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+const crypto = require('crypto');
+
+const macroCheck = new RegExp('[./]macro');
+
+module.exports = function () {
+  return {
+    // This function transforms the Babel configuration on a per-file basis
+    config(config, { source }) {
+      // Babel Macros are notoriously hard to cache, so they shouldn't be
+      // https://github.com/babel/babel/issues/8497
+      // We naively detect macros using their package suffix and add a random token
+      // to the caller, a valid option accepted by Babel, to compose a one-time
+      // cacheIdentifier for the file. We cannot tune the loader options on a per
+      // file basis.
+      if (macroCheck.test(source)) {
+        return Object.assign({}, config.options, {
+          caller: Object.assign({}, config.options.caller, {
+            craInvalidationToken: crypto.randomBytes(32).toString('hex'),
+          }),
+        });
+      }
+      return config.options;
+    },
+  };
+};