@react-native/babel-preset 0.73.6 → 0.73.8

package/{src → dist}/configs/hmr.js

@@ -8,10 +8,10 @@
  * @oncall react_native
  */
 
-'use strict';
+"use strict";
 
 module.exports = function () {
   return {
-    plugins: [require('react-refresh/babel')],
+    plugins: [require("react-refresh/babel")],
   };
 };

package/dist/configs/lazy-imports.js

@@ -0,0 +1,91 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+// This is the set of modules that React Native publicly exports and that we
+// want to require lazily. Keep this list in sync with
+// react-native/index.js (though having extra entries here is fairly harmless).
+
+"use strict";
+
+module.exports = new Set([
+  "AccessibilityInfo",
+  "ActivityIndicator",
+  "Button",
+  "DatePickerIOS",
+  "DrawerLayoutAndroid",
+  "FlatList",
+  "Image",
+  "ImageBackground",
+  "InputAccessoryView",
+  "KeyboardAvoidingView",
+  "Modal",
+  "Pressable",
+  "ProgressBarAndroid",
+  "ProgressViewIOS",
+  "SafeAreaView",
+  "ScrollView",
+  "SectionList",
+  "Slider",
+  "Switch",
+  "RefreshControl",
+  "StatusBar",
+  "Text",
+  "TextInput",
+  "Touchable",
+  "TouchableHighlight",
+  "TouchableNativeFeedback",
+  "TouchableOpacity",
+  "TouchableWithoutFeedback",
+  "View",
+  "VirtualizedList",
+  "VirtualizedSectionList",
+  // APIs
+  "ActionSheetIOS",
+  "Alert",
+  "Animated",
+  "Appearance",
+  "AppRegistry",
+  "AppState",
+  "AsyncStorage",
+  "BackHandler",
+  "Clipboard",
+  "DeviceInfo",
+  "Dimensions",
+  "Easing",
+  "ReactNative",
+  "I18nManager",
+  "InteractionManager",
+  "Keyboard",
+  "LayoutAnimation",
+  "Linking",
+  "LogBox",
+  "NativeEventEmitter",
+  "PanResponder",
+  "PermissionsAndroid",
+  "PixelRatio",
+  "PushNotificationIOS",
+  "Settings",
+  "Share",
+  "StyleSheet",
+  "Systrace",
+  "ToastAndroid",
+  "TVEventHandler",
+  "UIManager",
+  "ReactNative",
+  "UTFSequence",
+  "Vibration",
+  // Plugins
+  "RCTDeviceEventEmitter",
+  "RCTNativeAppEventEmitter",
+  "NativeModules",
+  "Platform",
+  "processColor",
+  "requireNativeComponent",
+]);

package/dist/configs/main.js

@@ -0,0 +1,220 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+"use strict";
+
+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")],
+  [require("@babel/plugin-transform-block-scoping")],
+  [
+    require("@babel/plugin-proposal-class-properties"),
+    // use `this.foo = bar` instead of `this.defineProperty('foo', ...)`
+    {
+      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",
+      },
+    ]);
+  }
+  if (!options || !options.disableImportExportTransform) {
+    extraPlugins.push(
+      [require("@babel/plugin-proposal-export-default-from")],
+      [
+        require("@babel/plugin-transform-modules-commonjs"),
+        {
+          strict: false,
+          strictMode: false,
+          // prevent "use strict" injections
+          lazy:
+            options && options.lazyImportExportTransform != null
+              ? options.lazyImportExportTransform
+              : (importSpecifier) => lazyImports.has(importSpecifier),
+          allowTopLevelThis: true, // dont rewrite global `this` -> `undefined`
+        },
+      ]
+    );
+  }
+
+  if (hasClass) {
+    extraPlugins.push([require("@babel/plugin-transform-classes")]);
+  }
+
+  // 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")]);
+    extraPlugins.push([
+      require("@babel/plugin-transform-shorthand-properties"),
+    ]);
+    extraPlugins.push([
+      require("@babel/plugin-proposal-optional-catch-binding"),
+    ]);
+    extraPlugins.push([require("@babel/plugin-transform-function-name")]);
+    extraPlugins.push([require("@babel/plugin-transform-literals")]);
+    extraPlugins.push([require("@babel/plugin-proposal-numeric-separator")]);
+    extraPlugins.push([require("@babel/plugin-transform-sticky-regex")]);
+  } else {
+    extraPlugins.push([
+      require("@babel/plugin-transform-named-capturing-groups-regex"),
+    ]);
+  }
+  if (!isHermesCanary) {
+    extraPlugins.push([
+      require("@babel/plugin-transform-destructuring"),
+      {
+        useBuiltIns: true,
+      },
+    ]);
+  }
+  if (!isHermes && (isNull || hasClass || src.indexOf("...") !== -1)) {
+    extraPlugins.push(
+      [require("@babel/plugin-transform-spread")],
+      [
+        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,
+        },
+      ]
+    );
+  }
+  if (isNull || src.indexOf("async") !== -1) {
+    extraPlugins.push([
+      require("@babel/plugin-proposal-async-generator-functions"),
+    ]);
+    extraPlugins.push([require("@babel/plugin-transform-async-to-generator")]);
+  }
+  if (
+    isNull ||
+    src.indexOf("React.createClass") !== -1 ||
+    src.indexOf("createReactClass") !== -1
+  ) {
+    extraPlugins.push([require("@babel/plugin-transform-react-display-name")]);
+  }
+  if (!isHermes && (isNull || src.indexOf("?.") !== -1)) {
+    extraPlugins.push([
+      require("@babel/plugin-proposal-optional-chaining"),
+      {
+        loose: true,
+      },
+    ]);
+  }
+  if (!isHermes && (isNull || src.indexOf("??") !== -1)) {
+    extraPlugins.push([
+      require("@babel/plugin-proposal-nullish-coalescing-operator"),
+      {
+        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";
+    extraPlugins.push([
+      require("@babel/plugin-transform-runtime"),
+      {
+        helpers: true,
+        regenerator: !isHermes,
+        ...(isVersion && {
+          version: options.enableBabelRuntime,
+        }),
+      },
+    ]);
+  }
+  return {
+    comments: false,
+    compact: true,
+    overrides: [
+      // the flow strip types plugin must go BEFORE class properties!
+      // there'll be a test case that fails if you don't.
+      {
+        plugins: [require("@babel/plugin-transform-flow-strip-types")],
+      },
+      {
+        plugins: defaultPlugins,
+      },
+      {
+        test: isTypeScriptSource,
+        plugins: [
+          [
+            require("@babel/plugin-transform-typescript"),
+            {
+              isTSX: false,
+              allowNamespaces: true,
+            },
+          ],
+        ],
+      },
+      {
+        test: isTSXSource,
+        plugins: [
+          [
+            require("@babel/plugin-transform-typescript"),
+            {
+              isTSX: true,
+              allowNamespaces: true,
+            },
+          ],
+        ],
+      },
+      {
+        plugins: extraPlugins,
+      },
+    ],
+  };
+};
+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, options);
+};
+module.exports.getPreset = getPreset;

package/{src → dist}/index.js

@@ -8,13 +8,11 @@
  * @oncall react_native
  */
 
-'use strict';
-
-const main = require('./configs/main');
+"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');
+module.exports.passthroughSyntaxPlugins = require("./passthrough-syntax-plugins");

package/{src → dist}/passthrough-syntax-plugins.js

@@ -8,7 +8,7 @@
  * @oncall react_native
  */
 
-'use strict';
+"use strict";
 
 // This list of syntax plugins is used for two purposes:
 // 1. Enabling experimental syntax features in the INPUT to the Metro Babel
@@ -16,8 +16,7 @@
 // 2. Enabling these same features in parser passes that consume the OUTPUT of
 //    the Metro Babel transformer.
 const passthroughSyntaxPlugins = [
-  [require('@babel/plugin-syntax-nullish-coalescing-operator')],
-  [require('@babel/plugin-syntax-optional-chaining')],
+  [require("@babel/plugin-syntax-nullish-coalescing-operator")],
+  [require("@babel/plugin-syntax-optional-chaining")],
 ];
-
 module.exports = passthroughSyntaxPlugins;

package/package.json

@@ -1,8 +1,14 @@
 {
   "name": "@react-native/babel-preset",
-  "version": "0.73.6",
+  "version": "0.73.8",
   "description": "Babel preset for React Native applications",
-  "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
   "repository": {
     "type": "git",
     "url": "git@github.com:facebook/react-native.git"

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/src/configs/lazy-imports.js

@@ -1,93 +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
- * @oncall react_native
- */
-
-// This is the set of modules that React Native publicly exports and that we
-// want to require lazily. Keep this list in sync with
-// react-native/index.js (though having extra entries here is fairly harmless).
-
-'use strict';
-
-module.exports = new Set([
-  'AccessibilityInfo',
-  'ActivityIndicator',
-  'Button',
-  'DatePickerIOS',
-  'DrawerLayoutAndroid',
-  'FlatList',
-  'Image',
-  'ImageBackground',
-  'InputAccessoryView',
-  'KeyboardAvoidingView',
-  'Modal',
-  'Pressable',
-  'ProgressBarAndroid',
-  'ProgressViewIOS',
-  'SafeAreaView',
-  'ScrollView',
-  'SectionList',
-  'Slider',
-  'Switch',
-  'RefreshControl',
-  'StatusBar',
-  'Text',
-  'TextInput',
-  'Touchable',
-  'TouchableHighlight',
-  'TouchableNativeFeedback',
-  'TouchableOpacity',
-  'TouchableWithoutFeedback',
-  'View',
-  'VirtualizedList',
-  'VirtualizedSectionList',
-
-  // APIs
-  'ActionSheetIOS',
-  'Alert',
-  'Animated',
-  'Appearance',
-  'AppRegistry',
-  'AppState',
-  'AsyncStorage',
-  'BackHandler',
-  'Clipboard',
-  'DeviceInfo',
-  'Dimensions',
-  'Easing',
-  'ReactNative',
-  'I18nManager',
-  'InteractionManager',
-  'Keyboard',
-  'LayoutAnimation',
-  'Linking',
-  'LogBox',
-  'NativeEventEmitter',
-  'PanResponder',
-  'PermissionsAndroid',
-  'PixelRatio',
-  'PushNotificationIOS',
-  'Settings',
-  'Share',
-  'StyleSheet',
-  'Systrace',
-  'ToastAndroid',
-  'TVEventHandler',
-  'UIManager',
-  'ReactNative',
-  'UTFSequence',
-  'Vibration',
-
-  // Plugins
-  'RCTDeviceEventEmitter',
-  'RCTNativeAppEventEmitter',
-  'NativeModules',
-  'Platform',
-  'processColor',
-  'requireNativeComponent',
-]);

package/src/configs/main.js

@@ -1,215 +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
- * @oncall react_native
- */
-
-'use strict';
-
-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')],
-  [require('@babel/plugin-transform-block-scoping')],
-  [
-    require('@babel/plugin-proposal-class-properties'),
-    // use `this.foo = bar` instead of `this.defineProperty('foo', ...)`
-    {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'},
-    ]);
-  }
-
-  if (!options || !options.disableImportExportTransform) {
-    extraPlugins.push(
-      [require('@babel/plugin-proposal-export-default-from')],
-      [
-        require('@babel/plugin-transform-modules-commonjs'),
-        {
-          strict: false,
-          strictMode: false, // prevent "use strict" injections
-          lazy:
-            options && options.lazyImportExportTransform != null
-              ? options.lazyImportExportTransform
-              : importSpecifier => lazyImports.has(importSpecifier),
-          allowTopLevelThis: true, // dont rewrite global `this` -> `undefined`
-        },
-      ],
-    );
-  }
-
-  if (hasClass) {
-    extraPlugins.push([require('@babel/plugin-transform-classes')]);
-  }
-
-  // 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')]);
-    extraPlugins.push([
-      require('@babel/plugin-transform-shorthand-properties'),
-    ]);
-    extraPlugins.push([
-      require('@babel/plugin-proposal-optional-catch-binding'),
-    ]);
-    extraPlugins.push([require('@babel/plugin-transform-function-name')]);
-    extraPlugins.push([require('@babel/plugin-transform-literals')]);
-    extraPlugins.push([require('@babel/plugin-proposal-numeric-separator')]);
-    extraPlugins.push([require('@babel/plugin-transform-sticky-regex')]);
-  } else {
-    extraPlugins.push([
-      require('@babel/plugin-transform-named-capturing-groups-regex'),
-    ]);
-  }
-  if (!isHermesCanary) {
-    extraPlugins.push([
-      require('@babel/plugin-transform-destructuring'),
-      {useBuiltIns: true},
-    ]);
-  }
-  if (!isHermes && (isNull || hasClass || src.indexOf('...') !== -1)) {
-    extraPlugins.push(
-      [require('@babel/plugin-transform-spread')],
-      [
-        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},
-      ],
-    );
-  }
-  if (isNull || src.indexOf('async') !== -1) {
-    extraPlugins.push([
-      require('@babel/plugin-proposal-async-generator-functions'),
-    ]);
-    extraPlugins.push([require('@babel/plugin-transform-async-to-generator')]);
-  }
-  if (
-    isNull ||
-    src.indexOf('React.createClass') !== -1 ||
-    src.indexOf('createReactClass') !== -1
-  ) {
-    extraPlugins.push([require('@babel/plugin-transform-react-display-name')]);
-  }
-  if (!isHermes && (isNull || src.indexOf('?.') !== -1)) {
-    extraPlugins.push([
-      require('@babel/plugin-proposal-optional-chaining'),
-      {loose: true},
-    ]);
-  }
-  if (!isHermes && (isNull || src.indexOf('??') !== -1)) {
-    extraPlugins.push([
-      require('@babel/plugin-proposal-nullish-coalescing-operator'),
-      {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';
-
-    extraPlugins.push([
-      require('@babel/plugin-transform-runtime'),
-      {
-        helpers: true,
-        regenerator: !isHermes,
-        ...(isVersion && {version: options.enableBabelRuntime}),
-      },
-    ]);
-  }
-
-  return {
-    comments: false,
-    compact: true,
-    overrides: [
-      // the flow strip types plugin must go BEFORE class properties!
-      // there'll be a test case that fails if you don't.
-      {
-        plugins: [require('@babel/plugin-transform-flow-strip-types')],
-      },
-      {
-        plugins: defaultPlugins,
-      },
-      {
-        test: isTypeScriptSource,
-        plugins: [
-          [
-            require('@babel/plugin-transform-typescript'),
-            {
-              isTSX: false,
-              allowNamespaces: true,
-            },
-          ],
-        ],
-      },
-      {
-        test: isTSXSource,
-        plugins: [
-          [
-            require('@babel/plugin-transform-typescript'),
-            {
-              isTSX: true,
-              allowNamespaces: true,
-            },
-          ],
-        ],
-      },
-      {
-        plugins: extraPlugins,
-      },
-    ],
-  };
-};
-
-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, options);
-};
-
-module.exports.getPreset = getPreset;