babel-preset-expo 12.1.0-canary-20250131-5c4e588 → 12.1.0-canary-20250207-8bc5146

package/README.md

@@ -1,45 +1,16 @@
 # babel-preset-expo
 
-This preset extends the default React Native preset (`@react-native/babel-preset`) and adds support for decorators, tree-shaking web packages, and loading font icons with optional native dependencies if they're installed.
+This preset extends the default React Native preset (`@react-native/babel-preset`) and adds support for tree shaking, bundle splitting, React Server Components, Hermes compilation, advanced dead-code elimination, reanimated, Expo DOM components, server-side rendering, and more...
 
-You can use this preset in any React Native project as a drop-in replacement for `@react-native/babel-preset`. If your project isn't using native font loading or web support then this preset will only add support for decorators with `@babel/plugin-proposal-decorators` - this is mostly used for supporting legacy community libraries.
-
-If you start your **web** project with `@expo/webpack-config` or `npx expo start` and your project doesn't contain a `babel.config.js` or a `.babelrc` then it will default to using `babel-preset-expo` for loading.
+You can use this preset in any React Native project as a drop-in replacement for `@react-native/babel-preset`.
 
 If you have problems with the code in this repository, please file issues & bug reports
-at https://github.com/expo/expo. Thanks!
+at https://github.com/expo/expo.
 
 ## Expo Bundler Spec Compliance
 
 A bundler must follow these requirements if they are to be considered spec compliant for use with a **universal React** (Expo) project.
 
-### Babel Loader
-
-The babel loading mechanism must include the following properties on its `caller`.
-
-#### platform
-
-A `platform` property denoting the target platform. If the `platform` is not defined, it will default to using `web` when the `bundler` is `webpack` -- this is temporary and will throw an error in the future.
-
-| Value     | Description             |
-| --------- | ----------------------- |
-| `ios`     | Runs on iOS devices     |
-| `android` | Runs on Android devices |
-| `web`     | Runs in web browsers    |
-
-#### bundler
-
-A `bundler` property denoting the name of the bundler that is being used to create the JavaScript bundle.
-If the `bundler` is not defined, it will default to checking if a `babel-loader` is used, if so then `webpack` will be used, otherwise it will default to `metro`.
-
-| Value     | Description                      |
-| --------- | -------------------------------- |
-| `metro`   | Bundling with [Metro][metro]     |
-| `webpack` | Bundling with [Webpack][webpack] |
-
-[metro]: https://facebook.github.io/metro/
-[webpack]: https://webpack.js.org/
-
 ## Options
 
 ### `react-compiler`
@@ -205,3 +176,30 @@ All options can be passed in the platform-specific objects `native` and `web` to
 ```
 
 Platform-specific options have higher priority over top-level options.
+
+### Babel Loader
+
+The Babel loading mechanism must include the following properties on its `caller`.
+
+#### platform
+
+A `platform` property denoting the target platform. If the `platform` is not defined, it will default to using `web` when the `bundler` is `webpack` -- this is temporary and will throw an error in the future.
+
+| Value     | Description             |
+| --------- | ----------------------- |
+| `ios`     | Runs on iOS devices     |
+| `android` | Runs on Android devices |
+| `web`     | Runs in web browsers    |
+
+#### bundler
+
+A `bundler` property denoting the name of the bundler that is being used to create the JavaScript bundle.
+If the `bundler` is not defined, it will default to checking if a `babel-loader` is used, if so then `webpack` will be used, otherwise it will default to `metro`.
+
+| Value     | Description                      |
+| --------- | -------------------------------- |
+| `metro`   | Bundling with [Metro][metro]     |
+| `webpack` | Bundling with [Webpack][webpack] |
+
+[metro]: https://facebook.github.io/metro/
+[webpack]: https://webpack.js.org/

package/build/client-module-proxy-plugin.js

@@ -8,7 +8,7 @@ exports.reactClientReferencesPlugin = void 0;
  * Copyright © 2024 650 Industries.
  */
 const core_1 = require("@babel/core");
-const url_1 = __importDefault(require("url"));
+const node_url_1 = __importDefault(require("node:url"));
 const common_1 = require("./common");
 function reactClientReferencesPlugin(api) {
     const isReactServer = api.caller(common_1.getIsReactServer);
@@ -32,7 +32,7 @@ function reactClientReferencesPlugin(api) {
                     // This can happen in tests or systems that use Babel standalone.
                     throw new Error('[Babel] Expected a filename to be set in the state');
                 }
-                const outputKey = url_1.default.pathToFileURL(filePath).href;
+                const outputKey = node_url_1.default.pathToFileURL(filePath).href;
                 function iterateExports(callback, type) {
                     const exportNames = new Set();
                     // Collect all of the exports

package/build/common.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAsyncRoutes = exports.getInlineEnvVarsEnabled = exports.getExpoRouterAbsoluteAppRoot = exports.getIsServer = exports.getReactCompiler = exports.getBaseUrl = exports.getIsNodeModule = exports.getIsProd = exports.getIsFastRefreshEnabled = exports.getIsDev = exports.getIsReactServer = exports.getPossibleProjectRoot = exports.getPlatform = exports.getBundler = exports.hasModule = void 0;
-const path_1 = __importDefault(require("path"));
+const node_path_1 = __importDefault(require("node:path"));
 function hasModule(name) {
     try {
         return !!require.resolve(name);
@@ -111,11 +111,11 @@ exports.getIsServer = getIsServer;
 function getExpoRouterAbsoluteAppRoot(caller) {
     assertExpoBabelCaller(caller);
     const rootModuleId = caller?.routerRoot ?? './app';
-    if (path_1.default.isAbsolute(rootModuleId)) {
+    if (node_path_1.default.isAbsolute(rootModuleId)) {
         return rootModuleId;
     }
     const projectRoot = getPossibleProjectRoot(caller) || '/';
-    return path_1.default.join(projectRoot, rootModuleId);
+    return node_path_1.default.join(projectRoot, rootModuleId);
 }
 exports.getExpoRouterAbsoluteAppRoot = getExpoRouterAbsoluteAppRoot;
 function getInlineEnvVarsEnabled(caller) {

package/build/define-plugin.d.ts

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import * as t from '@babel/types';
-declare const plugin: ({ types }: {
+declare const plugin: (_: {
     types: typeof t;
 }) => babel.PluginObj;
 export default plugin;

package/build/define-plugin.js

@@ -69,7 +69,7 @@ const unaryExpressionComparator = (nodePath, value) => {
 };
 const isLeftHandSideOfAssignmentExpression = (node, parent) => t.isAssignmentExpression(parent) && parent.left === node;
 const TYPEOF_PREFIX = 'typeof ';
-const plugin = ({ types }) => {
+const plugin = (_) => {
     const processNode = (replacements, nodePath, comparator) => {
         const replacementKey = Object.keys(replacements).find((value) => comparator(nodePath, value));
         if (typeof replacementKey === 'string' &&

package/build/expo-router-plugin.js

@@ -8,14 +8,14 @@ exports.expoRouterBabelPlugin = void 0;
  * Copyright © 2024 650 Industries.
  */
 const core_1 = require("@babel/core");
-const path_1 = __importDefault(require("path"));
+const node_path_1 = __importDefault(require("node:path"));
 const resolve_from_1 = __importDefault(require("resolve-from"));
 const common_1 = require("./common");
 const debug = require('debug')('expo:babel:router');
 function getExpoRouterAppRoot(projectRoot, appFolder) {
     // TODO: We should have cache invalidation if the expo-router/entry file location changes.
     const routerEntry = (0, resolve_from_1.default)(projectRoot, 'expo-router/entry');
-    const appRoot = path_1.default.relative(path_1.default.dirname(routerEntry), appFolder);
+    const appRoot = node_path_1.default.relative(node_path_1.default.dirname(routerEntry), appFolder);
     debug('routerEntry', routerEntry, appFolder, appRoot);
     return appRoot;
 }

package/build/index.d.ts

@@ -1,5 +1,10 @@
 import { ConfigAPI, TransformOptions } from '@babel/core';
 type BabelPresetExpoPlatformOptions = {
+    /** Disable or configure the `@babel/plugin-proposal-decorators` plugin. */
+    decorators?: false | {
+        legacy?: boolean;
+        version?: number;
+    };
     /** Enable or disable adding the Reanimated plugin by default. @default `true` */
     reanimated?: boolean;
     /** @deprecated Set `jsxRuntime: 'classic'` to disable automatic JSX handling.  */

package/build/index.js

@@ -247,7 +247,10 @@ function babelPresetExpo(api, options = {}) {
         plugins: [
             ...extraPlugins,
             // TODO: Remove
-            [require('@babel/plugin-proposal-decorators'), { legacy: true }],
+            platformOptions.decorators !== false && [
+                require('@babel/plugin-proposal-decorators'),
+                platformOptions.decorators ?? { legacy: true },
+            ],
             require('@babel/plugin-transform-export-namespace-from'),
             // Automatically add `react-native-reanimated/plugin` when the package is installed.
             // TODO: Move to be a customTransformOption.

package/build/server-actions-plugin.js

@@ -31,9 +31,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactServerActionsPlugin = void 0;
 const core_1 = require("@babel/core");
@@ -41,8 +38,7 @@ const core_1 = require("@babel/core");
 const helper_module_imports_1 = require("@babel/helper-module-imports");
 const t = __importStar(require("@babel/types"));
 const node_path_1 = require("node:path");
-const node_url_1 = require("node:url");
-const url_1 = __importDefault(require("url"));
+const node_url_1 = __importStar(require("node:url"));
 const common_1 = require("./common");
 const debug = require('debug')('expo:babel:server-actions');
 const LAZY_WRAPPER_VALUE_KEY = 'value';
@@ -499,7 +495,7 @@ function reactServerActionsPlugin(api) {
                 // This can happen in tests or systems that use Babel standalone.
                 throw new Error('[Babel] Expected a filename to be set in the state');
             }
-            const outputKey = url_1.default.pathToFileURL(filePath).href;
+            const outputKey = node_url_1.default.pathToFileURL(filePath).href;
             file.metadata.reactServerActions = payload;
             file.metadata.reactServerReference = outputKey;
         },

package/build/use-dom-directive-plugin.js

@@ -8,9 +8,9 @@ exports.expoUseDomDirectivePlugin = void 0;
  * Copyright © 2024 650 Industries.
  */
 const core_1 = require("@babel/core");
-const crypto_1 = __importDefault(require("crypto"));
-const path_1 = require("path");
-const url_1 = __importDefault(require("url"));
+const node_crypto_1 = __importDefault(require("node:crypto"));
+const node_path_1 = require("node:path");
+const node_url_1 = __importDefault(require("node:url"));
 const common_1 = require("./common");
 function expoUseDomDirectivePlugin(api) {
     const { types: t } = api;
@@ -64,7 +64,7 @@ function expoUseDomDirectivePlugin(api) {
                     throw path.buildCodeFrameError('The "use dom" directive requires a default export to be present in the file.');
                 }
                 // Assert that _layout routes cannot be used in DOM components.
-                const fileBasename = (0, path_1.basename)(filePath);
+                const fileBasename = (0, node_path_1.basename)(filePath);
                 if (projectRoot &&
                     // Detecting if the file is in the router root would be extensive as it would cause a more complex
                     // cache key for each file. Instead, let's just check if the file is in the project root and is not a node_module,
@@ -80,7 +80,7 @@ function expoUseDomDirectivePlugin(api) {
                         throw path.buildCodeFrameError('API routes cannot be marked as DOM components.');
                     }
                 }
-                const outputKey = url_1.default.pathToFileURL(filePath).href;
+                const outputKey = node_url_1.default.pathToFileURL(filePath).href;
                 // Removes all imports using babel API, that will disconnect import bindings from the program.
                 // plugin-transform-typescript TSX uses the bindings to remove type imports.
                 // If the DOM component has `import React from 'react';`,
@@ -98,7 +98,7 @@ function expoUseDomDirectivePlugin(api) {
           import React from 'react';
           import { WebView } from 'expo/dom/internal';
           ${isProduction
-                    ? `const filePath = "${crypto_1.default.createHash('sha1').update(outputKey).digest('hex')}.html";`
+                    ? `const filePath = "${node_crypto_1.default.createHash('sha1').update(outputKey).digest('hex')}.html";`
                     : `const filePath = "${fileBasename}?file=" + ${JSON.stringify(outputKey)};`}
           const _Expo_DOMProxyComponent = React.forwardRef((props, ref) => {
             return React.createElement(WebView, { ref, ...props, filePath });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-expo",
-  "version": "12.1.0-canary-20250131-5c4e588",
+  "version": "12.1.0-canary-20250207-8bc5146",
   "description": "The Babel preset for Expo projects",
   "main": "build/index.js",
   "files": [
@@ -41,16 +41,27 @@
     "extends": "universe/node"
   },
   "dependencies": {
+    "@babel/helper-module-imports": "^7.25.9",
     "@babel/plugin-proposal-decorators": "^7.12.9",
+    "@babel/plugin-syntax-export-default-from": "^7.24.7",
+    "@babel/plugin-proposal-export-default-from": "^7.24.7",
     "@babel/plugin-transform-export-namespace-from": "^7.22.11",
-    "@babel/plugin-transform-object-rest-spread": "^7.12.13",
-    "@babel/plugin-transform-parameters": "^7.22.15",
+    "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+    "@babel/plugin-transform-private-methods": "^7.24.7",
+    "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+    "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+    "@babel/plugin-transform-parameters": "^7.24.7",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
     "@react-native/babel-preset": "0.76.3",
     "babel-plugin-react-native-web": "~0.19.13",
-    "babel-plugin-syntax-hermes-parser": "0.25.1",
-    "react-refresh": "^0.14.2"
+    "babel-plugin-transform-flow-enums": "^0.0.2",
+    "babel-plugin-syntax-hermes-parser": "^0.25.1",
+    "debug": "^4.3.4",
+    "react-refresh": "^0.14.2",
+    "resolve-from": "^5.0.0"
   },
   "peerDependencies": {
     "babel-plugin-react-compiler": "^19.0.0-beta-9ee70a1-20241017",
@@ -66,9 +77,12 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "@babel/traverse": "^7.9.0",
+    "@babel/types": "^7.9.0",
     "babel-plugin-react-compiler": "^19.0.0-beta-9ee70a1-20241017",
-    "expo-module-scripts": "4.0.4-canary-20250131-5c4e588",
+    "expo-module-scripts": "4.0.4-canary-20250207-8bc5146",
     "jest": "^29.2.1",
     "react-compiler-runtime": "^19.0.0-beta-8a03594-20241020"
-  }
+  },
+  "gitHead": "8bc5146852ccd7033138bac9ef8d3c41ae85a211"
 }