@react-native/babel-preset 0.73.1 → 0.73.3

package/.babelrc

@@ -0,0 +1,12 @@
+{
+  "plugins": [
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-transform-async-to-generator",
+    "@babel/plugin-transform-destructuring",
+    "@babel/plugin-transform-flow-strip-types",
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-nullish-coalescing-operator",
+    "@babel/plugin-proposal-optional-chaining"
+  ]
+}

package/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "arrowParens": "avoid",
+  "bracketSameLine": true,
+  "bracketSpacing": false,
+  "requirePragma": true,
+  "singleQuote": true,
+  "trailingComma": "all"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/babel-preset",
-  "version": "0.73.1",
+  "version": "0.73.3",
   "description": "Babel preset for React Native applications",
   "main": "src/index.js",
   "repository": {
@@ -8,8 +8,12 @@
     "url": "git@github.com:facebook/react-native.git"
   },
   "scripts": {
-    "prepare-release": "test -d build && rm -rf src.real && mv src src.real && mv build src",
-    "cleanup-release": "test ! -e build && mv src build && mv src.real src"
+    "prepare-release": "test -d lib && mv src src.real && mv lib src",
+    "cleanup-release": "test ! -e lib && mv src lib && mv src.real src && rimraf lib",
+    "build-clean": "rimraf build && rimraf src.real",
+    "build": " node scripts/build.js --verbose",
+    "prepare": "yarn run build-clean && yarn run build && yarn run prepare-release",
+    "postpublish": "yarn run cleanup-release"
   },
   "keywords": [
     "babel",
@@ -58,10 +62,28 @@
     "babel-plugin-transform-flow-enums": "^0.0.2",
     "react-refresh": "^0.4.0"
   },
+  "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.18.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.20.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.0",
+    "@babel/plugin-transform-async-to-generator": "^7.20.0",
+    "@babel/plugin-transform-destructuring": "^7.20.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.20.0",
+    "@babel/preset-env": "^7.20.0",
+    "chalk": "^4.0.0",
+    "glob": "^7.1.1",
+    "invariant": "^2.2.4",
+    "micromatch": "^4.0.4",
+    "mkdirp": "^0.5.1",
+    "prettier": "2.8.8",
+    "rimraf": "^3.0.2"
+  },
   "peerDependencies": {
     "@babel/core": "*"
   },
   "engines": {
-    "node": ">=16"
+    "node": ">=18"
   }
 }

package/scripts/build.js

@@ -0,0 +1,114 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+/**
+ * script to build (transpile) files.
+ *
+ * Based off of the build script from Metro, and tweaked to run in just one
+ * package instead of in a monorepo. Just run `build.js` and the JS files in
+ * `src/` will be built in `lib/`, and the original source files will be copied
+ * over as `Example.js.flow`, so consumers of this module can still make use of
+ * type checking.
+ *
+ * Call this script with the `--verbose` flag to show the full output of this
+ * script.
+ */
+
+'use strict';
+
+const babel = require('@babel/core');
+const chalk = require('chalk');
+const fs = require('fs');
+const glob = require('glob');
+const micromatch = require('micromatch');
+const mkdirp = require('mkdirp');
+const path = require('path');
+const prettier = require('prettier');
+const prettierConfig = JSON.parse(
+  fs.readFileSync(path.resolve(__dirname, '..', '.prettierrc'), 'utf8'),
+);
+
+const SRC_DIR = 'src';
+const BUILD_DIR = 'lib';
+const JS_FILES_PATTERN = '**/*.js';
+const IGNORE_PATTERN = '**/__tests__/**';
+const PACKAGE_DIR = path.resolve(__dirname, '../');
+
+const fixedWidth = str => {
+  const WIDTH = 80;
+  const strs = str.match(new RegExp(`(.{1,${WIDTH}})`, 'g')) || [str];
+  let lastString = strs[strs.length - 1];
+  if (lastString.length < WIDTH) {
+    lastString += Array(WIDTH - lastString.length).join(chalk.dim('.'));
+  }
+  return strs.slice(0, -1).concat(lastString).join('\n');
+};
+
+function getBuildPath(file, buildFolder) {
+  const pkgSrcPath = path.resolve(PACKAGE_DIR, SRC_DIR);
+  const pkgBuildPath = path.resolve(PACKAGE_DIR, BUILD_DIR);
+  const relativeToSrcPath = path.relative(pkgSrcPath, file);
+  return path.resolve(pkgBuildPath, relativeToSrcPath);
+}
+
+function buildFile(file, silent) {
+  const destPath = getBuildPath(file, BUILD_DIR);
+
+  mkdirp.sync(path.dirname(destPath));
+  if (micromatch.isMatch(file, IGNORE_PATTERN)) {
+    silent ||
+      process.stdout.write(
+        chalk.dim('  \u2022 ') +
+          path.relative(PACKAGE_DIR, file) +
+          ' (ignore)\n',
+      );
+  } else if (!micromatch.isMatch(file, JS_FILES_PATTERN)) {
+    fs.createReadStream(file).pipe(fs.createWriteStream(destPath));
+    silent ||
+      process.stdout.write(
+        chalk.red('  \u2022 ') +
+          path.relative(PACKAGE_DIR, file) +
+          chalk.red(' \u21D2 ') +
+          path.relative(PACKAGE_DIR, destPath) +
+          ' (copy)' +
+          '\n',
+      );
+  } else {
+    const transformed = prettier.format(
+      babel.transformFileSync(file, {}).code,
+      {
+        ...prettierConfig,
+        parser: 'babel',
+      },
+    );
+    fs.writeFileSync(destPath, transformed);
+    const source = fs.readFileSync(file).toString('utf-8');
+    if (/@flow/.test(source)) {
+      fs.createReadStream(file).pipe(fs.createWriteStream(destPath + '.flow'));
+    }
+    silent ||
+      process.stdout.write(
+        chalk.green('  \u2022 ') +
+          path.relative(PACKAGE_DIR, file) +
+          chalk.green(' \u21D2 ') +
+          path.relative(PACKAGE_DIR, destPath) +
+          '\n',
+      );
+  }
+}
+
+const srcDir = path.resolve(__dirname, '..', SRC_DIR);
+const pattern = path.resolve(srcDir, '**/*');
+const files = glob.sync(pattern, {nodir: true});
+
+process.stdout.write(fixedWidth(`${path.basename(PACKAGE_DIR)}\n`));
+
+files.forEach(file => buildFile(file, !process.argv.includes('--verbose')));
+
+process.stdout.write(`[  ${chalk.green('OK')}  ]\n`);

package/src/configs/lazy-imports.js

@@ -46,7 +46,6 @@ module.exports = new Set([
   'View',
   'VirtualizedList',
   'VirtualizedSectionList',
-
   // APIs
   'ActionSheetIOS',
   'Alert',
@@ -82,7 +81,6 @@ module.exports = new Set([
   'ReactNative',
   'UTFSequence',
   'Vibration',
-
   // Plugins
   'RCTDeviceEventEmitter',
   'RCTNativeAppEventEmitter',

package/src/configs/main.js

@@ -10,17 +10,76 @@
 
 'use strict';
 
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly &&
+      (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })),
+      keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2
+      ? ownKeys(Object(source), !0).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
+        })
+      : Object.getOwnPropertyDescriptors
+      ? Object.defineProperties(
+          target,
+          Object.getOwnPropertyDescriptors(source),
+        )
+      : ownKeys(Object(source)).forEach(function (key) {
+          Object.defineProperty(
+            target,
+            key,
+            Object.getOwnPropertyDescriptor(source, key),
+          );
+        });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true,
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, 'string');
+  return typeof key === 'symbol' ? key : String(key);
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== 'object' || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || 'default');
+    if (typeof res !== 'object') return res;
+    throw new TypeError('@@toPrimitive must return a primitive value.');
+  }
+  return (hint === 'string' ? String : Number)(input);
+}
 const passthroughSyntaxPlugins = require('../passthrough-syntax-plugins');
 const lazyImports = require('./lazy-imports');
-
 function isTypeScriptSource(fileName) {
   return !!fileName && fileName.endsWith('.ts');
 }
-
 function isTSXSource(fileName) {
   return !!fileName && fileName.endsWith('.tsx');
 }
-
 const defaultPlugins = [
   [require('@babel/plugin-syntax-flow')],
   [require('babel-plugin-transform-flow-enums')],
@@ -28,32 +87,32 @@ const defaultPlugins = [
   [
     require('@babel/plugin-proposal-class-properties'),
     // use `this.foo = bar` instead of `this.defineProperty('foo', ...)`
-    {loose: true},
+    {
+      loose: true,
+    },
   ],
   [require('@babel/plugin-syntax-dynamic-import')],
   [require('@babel/plugin-syntax-export-default-from')],
   ...passthroughSyntaxPlugins,
   [require('@babel/plugin-transform-unicode-regex')],
 ];
-
 const getPreset = (src, options) => {
   const transformProfile =
     (options && options.unstable_transformProfile) || 'default';
   const isHermesStable = transformProfile === 'hermes-stable';
   const isHermesCanary = transformProfile === 'hermes-canary';
   const isHermes = isHermesStable || isHermesCanary;
-
   const isNull = src == null;
   const hasClass = isNull || src.indexOf('class') !== -1;
-
   const extraPlugins = [];
   if (!options.useTransformReactJSXExperimental) {
     extraPlugins.push([
       require('@babel/plugin-transform-react-jsx'),
-      {runtime: 'automatic'},
+      {
+        runtime: 'automatic',
+      },
     ]);
   }
-
   if (!options || !options.disableImportExportTransform) {
     extraPlugins.push(
       [require('@babel/plugin-proposal-export-default-from')],
@@ -61,7 +120,8 @@ const getPreset = (src, options) => {
         require('@babel/plugin-transform-modules-commonjs'),
         {
           strict: false,
-          strictMode: false, // prevent "use strict" injections
+          strictMode: false,
+          // prevent "use strict" injections
           lazy:
             options && options.lazyImportExportTransform != null
               ? options.lazyImportExportTransform
@@ -79,7 +139,6 @@ const getPreset = (src, options) => {
   // TODO(gaearon): put this back into '=>' indexOf bailout
   // and patch react-refresh to not depend on this transform.
   extraPlugins.push([require('@babel/plugin-transform-arrow-functions')]);
-
   if (!isHermes) {
     extraPlugins.push([require('@babel/plugin-transform-computed-properties')]);
     extraPlugins.push([require('@babel/plugin-transform-parameters')]);
@@ -101,7 +160,9 @@ const getPreset = (src, options) => {
   if (!isHermesCanary) {
     extraPlugins.push([
       require('@babel/plugin-transform-destructuring'),
-      {useBuiltIns: true},
+      {
+        useBuiltIns: true,
+      },
     ]);
   }
   if (!isHermes && (isNull || hasClass || src.indexOf('...') !== -1)) {
@@ -110,7 +171,10 @@ const getPreset = (src, options) => {
       [
         require('@babel/plugin-proposal-object-rest-spread'),
         // Assume no dependence on getters or evaluation order. See https://github.com/babel/babel/pull/11520
-        {loose: true, useBuiltIns: true},
+        {
+          loose: true,
+          useBuiltIns: true,
+        },
       ],
     );
   }
@@ -130,35 +194,42 @@ const getPreset = (src, options) => {
   if (!isHermes && (isNull || src.indexOf('?.') !== -1)) {
     extraPlugins.push([
       require('@babel/plugin-proposal-optional-chaining'),
-      {loose: true},
+      {
+        loose: true,
+      },
     ]);
   }
   if (!isHermes && (isNull || src.indexOf('??') !== -1)) {
     extraPlugins.push([
       require('@babel/plugin-proposal-nullish-coalescing-operator'),
-      {loose: true},
+      {
+        loose: true,
+      },
     ]);
   }
-
   if (options && options.dev && !options.useTransformReactJSXExperimental) {
     extraPlugins.push([require('@babel/plugin-transform-react-jsx-source')]);
     extraPlugins.push([require('@babel/plugin-transform-react-jsx-self')]);
   }
-
   if (!options || options.enableBabelRuntime !== false) {
     // Allows configuring a specific runtime version to optimize output
-    const isVersion = typeof options?.enableBabelRuntime === 'string';
-
+    const isVersion =
+      typeof (options === null || options === void 0
+        ? void 0
+        : options.enableBabelRuntime) === 'string';
     extraPlugins.push([
       require('@babel/plugin-transform-runtime'),
-      {
-        helpers: true,
-        regenerator: !isHermes,
-        ...(isVersion && {version: options.enableBabelRuntime}),
-      },
+      _objectSpread(
+        {
+          helpers: true,
+          regenerator: !isHermes,
+        },
+        isVersion && {
+          version: options.enableBabelRuntime,
+        },
+      ),
     ]);
   }
-
   return {
     comments: false,
     compact: true,
@@ -201,15 +272,22 @@ const getPreset = (src, options) => {
     ],
   };
 };
-
 module.exports = options => {
   if (options.withDevTools == null) {
     const env = process.env.BABEL_ENV || process.env.NODE_ENV;
     if (!env || env === 'development') {
-      return getPreset(null, {...options, dev: true});
+      return getPreset(
+        null,
+        _objectSpread(
+          _objectSpread({}, options),
+          {},
+          {
+            dev: true,
+          },
+        ),
+      );
     }
   }
   return getPreset(null, options);
 };
-
 module.exports.getPreset = getPreset;

package/src/index.js

@@ -11,10 +11,8 @@
 'use strict';
 
 const main = require('./configs/main');
-
 module.exports = function (babel, options) {
   return main(options);
 };
-
 module.exports.getPreset = main.getPreset;
 module.exports.passthroughSyntaxPlugins = require('./passthrough-syntax-plugins');

package/src/passthrough-syntax-plugins.js

@@ -19,5 +19,4 @@ const passthroughSyntaxPlugins = [
   [require('@babel/plugin-syntax-nullish-coalescing-operator')],
   [require('@babel/plugin-syntax-optional-chaining')],
 ];
-
 module.exports = passthroughSyntaxPlugins;