@react-native/babel-preset 0.73.10 → 0.73.12

package/package.json

@@ -1,20 +1,18 @@
 {
   "name": "@react-native/babel-preset",
-  "version": "0.73.10",
+  "version": "0.73.12",
   "description": "Babel preset for React Native applications",
-  "main": "src/index.js",
+  "exports": {
+    ".": "./src/index.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src"
+  ],
   "repository": {
     "type": "git",
     "url": "git@github.com:facebook/react-native.git"
   },
-  "scripts": {
-    "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",
     "preset",
@@ -59,27 +57,10 @@
     "@babel/plugin-transform-typescript": "^7.5.0",
     "@babel/plugin-transform-unicode-regex": "^7.0.0",
     "@babel/template": "^7.0.0",
+    "@react-native/babel-plugin-codegen": "*",
     "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": "*"
   },

package/src/configs/lazy-imports.js

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

package/src/configs/main.js

@@ -10,76 +10,17 @@
 
 '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')],
@@ -87,32 +28,39 @@ 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.disableStaticViewConfigsCodegen &&
+    /\bcodegenNativeComponent</.test(src)
+  ) {
+    extraPlugins.push([require('@react-native/babel-plugin-codegen')]);
+  }
+
   if (!options || !options.disableImportExportTransform) {
     extraPlugins.push(
       [require('@babel/plugin-proposal-export-default-from')],
@@ -120,8 +68,7 @@ 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
@@ -139,6 +86,7 @@ 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')]);
@@ -160,9 +108,7 @@ const getPreset = (src, options) => {
   if (!isHermesCanary) {
     extraPlugins.push([
       require('@babel/plugin-transform-destructuring'),
-      {
-        useBuiltIns: true,
-      },
+      {useBuiltIns: true},
     ]);
   }
   if (!isHermes && (isNull || hasClass || src.indexOf('...') !== -1)) {
@@ -171,10 +117,7 @@ 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},
       ],
     );
   }
@@ -194,42 +137,35 @@ 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 === null || options === void 0
-        ? void 0
-        : options.enableBabelRuntime) === 'string';
+    const isVersion = typeof options?.enableBabelRuntime === 'string';
+
     extraPlugins.push([
       require('@babel/plugin-transform-runtime'),
-      _objectSpread(
-        {
-          helpers: true,
-          regenerator: !isHermes,
-        },
-        isVersion && {
-          version: options.enableBabelRuntime,
-        },
-      ),
+      {
+        helpers: true,
+        regenerator: !isHermes,
+        ...(isVersion && {version: options.enableBabelRuntime}),
+      },
     ]);
   }
+
   return {
     comments: false,
     compact: true,
@@ -272,22 +208,15 @@ 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,
-        _objectSpread(
-          _objectSpread({}, options),
-          {},
-          {
-            dev: true,
-          },
-        ),
-      );
+      return getPreset(null, {...options, dev: true});
     }
   }
   return getPreset(null, options);
 };
+
 module.exports.getPreset = getPreset;

package/src/index.js

@@ -11,8 +11,10 @@
 '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,4 +19,5 @@ const passthroughSyntaxPlugins = [
   [require('@babel/plugin-syntax-nullish-coalescing-operator')],
   [require('@babel/plugin-syntax-optional-chaining')],
 ];
+
 module.exports = passthroughSyntaxPlugins;

package/.babelrc

@@ -1,12 +0,0 @@
-{
-  "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

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

package/BUCK

@@ -1,23 +0,0 @@
-load("@fbsource//tools/build_defs/third_party:yarn_defs.bzl", "yarn_workspace")
-
-oncall("react_native")
-
-yarn_workspace(
-    name = "yarn-workspace",
-    srcs = glob(
-        ["src/**/*.js"],
-        exclude = [
-            "**/__fixtures__/**",
-            "**/__flowtests__/**",
-            "**/__mocks__/**",
-            "**/__server_snapshot_tests__/**",
-            "**/__tests__/**",
-            "**/.*",
-            "**/.*/**",
-            "**/.*/.*",
-            "**/*.xcodeproj/**",
-            "**/*.xcworkspace/**",
-        ],
-    ),
-    visibility = ["PUBLIC"],
-)

package/index.js.flow

@@ -1,12 +0,0 @@
-/**
- * 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.
- *
- * @flow strict
- * @format
- * @oncall react_native
- */
-
-export * from './src';

package/scripts/build.js

@@ -1,114 +0,0 @@
-/**
- * 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`);