babel-preset-expo 9.9.0 → 10.0.0

package/README.md

@@ -1,8 +1,8 @@
 # babel-preset-expo
 
-This preset extends the default React Native preset (`metro-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 decorators, tree-shaking web packages, and loading font icons with optional native dependencies if they're installed.
 
-You can use this preset in any React Native project as a drop-in replacement for `metro-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.
+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.
 
@@ -92,14 +92,10 @@ This can improve the initial load time of your app because evaluating dependenci
 
 The value of `lazyImports` has a few possible effects:
 
-- `null` - [metro-react-native-babel-preset](https://github.com/facebook/metro/tree/master/packages/metro-react-native-babel-preset) will handle it. (Learn more about it here: https://github.com/facebook/metro/commit/23e3503dde5f914f3e642ef214f508d0a699851d)
-
+- `null` - [@react-native/babel-preset](https://github.com/facebook/react-native/tree/main/packages/react-native-babel-preset) will handle it. (Learn more about it here: https://github.com/facebook/metro/commit/23e3503dde5f914f3e642ef214f508d0a699851d)
 - `false` - No lazy initialization of any imported module.
-
 - `true` - Lazy-init all imported modules except local imports (e.g., `./foo`), certain Expo packages that have side effects, and the two cases mentioned [here](https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs#lazy).
-
 - `Array<string>` - [babel-plugin-transform-modules-commonjs](https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs#lazy) will handle it.
-
 - `(string) => boolean` - [babel-plugin-transform-modules-commonjs](https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs#lazy) will handle it.
 
   If you choose to do this, you can also access the list of Expo packages that have side effects by using `const lazyImportsBlacklist = require('babel-preset-expo/lazy-imports-blacklist');` which returns a `Set`.
@@ -117,11 +113,20 @@ The value of `lazyImports` has a few possible effects:
 
 ### `disableImportExportTransform`
 
-Enabling this option will allow your project to run with older JavaScript syntax (i.e. `module.exports`). This option will break tree shaking and increase your bundle size, but will eliminate the following error when `module.exports` is used:
+Pass `true` to disable the transform that converts import/export to `module.exports`. Avoid setting this property directly. If you're using Metro, set `experimentalImportSupport: true` instead to ensure the entire pipeline is configured correctly.
 
-> `TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`
+```js
+// metro.config.js
+
+config.transformer.getTransformOptions = async () => ({
+  transform: {
+    // Setting this to `true` will automatically toggle `disableImportExportTransform` in `babel-preset-expo`.
+    experimentalImportSupport: true,
+  },
+});
+```
 
-**default:** `false` when using Webpack. `true` otherwise.
+If `undefined` (default), this will be set automatically via `caller.supportsStaticESM` which is set by the bundler.
 
 ```js
 [
@@ -134,15 +139,15 @@ Enabling this option will allow your project to run with older JavaScript syntax
 
 ### `unstable_transformProfile`
 
-Changes the engine preset in `metro-react-native-babel-preset` based on the JavaScript engine that is being targeted. In Expo SDK 50 and greater, this is automatically set based on the [`jsEngine`](https://docs.expo.dev/versions/latest/config/app/#jsengine) option in your `app.json`.
+Changes the engine preset in `@react-native/babel-preset` based on the JavaScript engine that is being targeted. In Expo SDK 50 and greater, this is automatically set based on the [`jsEngine`](https://docs.expo.dev/versions/latest/config/app/#jsengine) option in your `app.json`.
 
 ### `enableBabelRuntime`
 
-Passed to `metro-react-native-babel-preset`.
+Passed to `@react-native/babel-preset`.
 
 ### `disableFlowStripTypesTransform`
 
-Passed to `metro-react-native-babel-preset`.
+Passed to `@react-native/babel-preset`.
 
 ## Platform-specific options
 

package/build/common.d.ts

@@ -4,7 +4,11 @@ export declare function getBundler(caller: any): any;
 export declare function getPlatform(caller: any): any;
 export declare function getPossibleProjectRoot(caller: any): any;
 export declare function getIsDev(caller: any): any;
+export declare function getIsFastRefreshEnabled(caller: any): any;
 export declare function getIsProd(caller: any): boolean;
+export declare function getIsNodeModule(caller: any): boolean;
 export declare function getBaseUrl(caller: any): string;
 export declare function getIsServer(caller: any): any;
+export declare function getExpoRouterAbsoluteAppRoot(caller: any): string;
 export declare function getInlineEnvVarsEnabled(caller: any): boolean;
+export declare function getAsyncRoutes(caller: any): boolean;

package/build/common.js

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInlineEnvVarsEnabled = exports.getIsServer = exports.getBaseUrl = exports.getIsProd = exports.getIsDev = exports.getPossibleProjectRoot = exports.getPlatform = exports.getBundler = exports.hasModule = void 0;
+exports.getAsyncRoutes = exports.getInlineEnvVarsEnabled = exports.getExpoRouterAbsoluteAppRoot = exports.getIsServer = exports.getBaseUrl = exports.getIsNodeModule = exports.getIsProd = exports.getIsFastRefreshEnabled = exports.getIsDev = exports.getPossibleProjectRoot = exports.getPlatform = exports.getBundler = exports.hasModule = void 0;
+const path_1 = __importDefault(require("path"));
 function hasModule(name) {
     try {
         return !!require.resolve(name);
@@ -59,6 +63,12 @@ function getIsDev(caller) {
     return process.env.BABEL_ENV === 'development' || process.env.NODE_ENV === 'development';
 }
 exports.getIsDev = getIsDev;
+function getIsFastRefreshEnabled(caller) {
+    if (!caller)
+        return false;
+    return caller.isHMREnabled && !caller.isServer && !caller.isNodeModule && getIsDev(caller);
+}
+exports.getIsFastRefreshEnabled = getIsFastRefreshEnabled;
 function getIsProd(caller) {
     if (caller?.isDev != null)
         return caller.isDev === false;
@@ -66,6 +76,10 @@ function getIsProd(caller) {
     return process.env.BABEL_ENV === 'production' || process.env.NODE_ENV === 'production';
 }
 exports.getIsProd = getIsProd;
+function getIsNodeModule(caller) {
+    return caller?.isNodeModule ?? false;
+}
+exports.getIsNodeModule = getIsNodeModule;
 function getBaseUrl(caller) {
     return caller?.baseUrl ?? '';
 }
@@ -74,13 +88,36 @@ function getIsServer(caller) {
     return caller?.isServer ?? false;
 }
 exports.getIsServer = getIsServer;
+function getExpoRouterAbsoluteAppRoot(caller) {
+    const rootModuleId = caller?.routerRoot ?? './app';
+    if (path_1.default.isAbsolute(rootModuleId)) {
+        return rootModuleId;
+    }
+    const projectRoot = getPossibleProjectRoot(caller) || '/';
+    return path_1.default.join(projectRoot, rootModuleId);
+}
+exports.getExpoRouterAbsoluteAppRoot = getExpoRouterAbsoluteAppRoot;
 function getInlineEnvVarsEnabled(caller) {
     const isWebpack = getBundler(caller) === 'webpack';
     const isDev = getIsDev(caller);
     const isServer = getIsServer(caller);
+    const isNodeModule = getIsNodeModule(caller);
     const preserveEnvVars = caller?.preserveEnvVars;
     // Development env vars are added in the serializer to avoid caching issues in development.
     // Servers have env vars left as-is to read from the environment.
-    return !isWebpack && !isDev && !isServer && !preserveEnvVars;
+    return !isNodeModule && !isWebpack && !isDev && !isServer && !preserveEnvVars;
 }
 exports.getInlineEnvVarsEnabled = getInlineEnvVarsEnabled;
+function getAsyncRoutes(caller) {
+    const isServer = getIsServer(caller);
+    if (isServer) {
+        return false;
+    }
+    const isProd = getIsProd(caller);
+    const platform = getPlatform(caller);
+    if (platform !== 'web' && isProd) {
+        return false;
+    }
+    return caller?.asyncRoutes ?? false;
+}
+exports.getAsyncRoutes = getAsyncRoutes;

package/build/expo-router-plugin.d.ts

@@ -6,9 +6,7 @@ import { ConfigAPI, types } from '@babel/core';
  * EXPO_PUBLIC_USE_STATIC
  * EXPO_ROUTER_ABS_APP_ROOT
  * EXPO_ROUTER_APP_ROOT
- * EXPO_ROUTER_IMPORT_MODE_IOS
- * EXPO_ROUTER_IMPORT_MODE_ANDROID
- * EXPO_ROUTER_IMPORT_MODE_WEB
+ * EXPO_ROUTER_IMPORT_MODE
  */
 export declare function expoRouterBabelPlugin(api: ConfigAPI & {
     types: typeof types;

package/build/expo-router-plugin.js

@@ -4,92 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.expoRouterBabelPlugin = void 0;
-const config_1 = require("expo/config");
-const fs_1 = __importDefault(require("fs"));
+const core_1 = require("@babel/core");
 const path_1 = __importDefault(require("path"));
 const resolve_from_1 = __importDefault(require("resolve-from"));
 const common_1 = require("./common");
 const debug = require('debug')('expo:babel:router');
-let config;
-function getConfigMemo(projectRoot) {
-    if (!config || process.env._EXPO_INTERNAL_TESTING) {
-        config = (0, config_1.getConfig)(projectRoot);
-    }
-    return config;
-}
-function getExpoRouterImportMode(projectRoot, platform) {
-    const envVar = 'EXPO_ROUTER_IMPORT_MODE_' + platform.toUpperCase();
-    if (process.env[envVar]) {
-        return process.env[envVar];
-    }
-    const env = process.env.NODE_ENV || process.env.BABEL_ENV;
-    const { exp } = getConfigMemo(projectRoot);
-    let asyncRoutesSetting;
-    if (exp.extra?.router?.asyncRoutes) {
-        const asyncRoutes = exp.extra?.router?.asyncRoutes;
-        if (typeof asyncRoutes === 'string') {
-            asyncRoutesSetting = asyncRoutes;
-        }
-        else if (typeof asyncRoutes === 'object') {
-            asyncRoutesSetting = asyncRoutes[platform] ?? asyncRoutes.default;
-        }
-    }
-    let mode = [env, true].includes(asyncRoutesSetting) ? 'lazy' : 'sync';
-    // TODO: Production bundle splitting
-    if (env === 'production' && mode === 'lazy') {
-        throw new Error('Async routes are not supported in production yet. Set the `expo-router` Config Plugin prop `asyncRoutes` to `development`, `false`, or `undefined`.');
-    }
-    // NOTE: This is a temporary workaround for static rendering on web.
-    if (platform === 'web' && (exp.web || {}).output === 'static') {
-        mode = 'sync';
-    }
-    // Development
-    debug('Router import mode', mode);
-    process.env[envVar] = mode;
-    return mode;
-}
-function directoryExistsSync(file) {
-    return fs_1.default.statSync(file, { throwIfNoEntry: false })?.isDirectory() ?? false;
-}
-function getRouterDirectory(projectRoot) {
-    // more specific directories first
-    if (directoryExistsSync(path_1.default.join(projectRoot, 'src/app'))) {
-        // Log.log(chalk.gray('Using src/app as the root directory for Expo Router.'));
-        return './src/app';
-    }
-    // Log.debug('Using app as the root directory for Expo Router.');
-    return './app';
-}
-function getExpoRouterAppRoot(projectRoot) {
-    // Bump to v2 to prevent the CLI from setting the variable anymore.
-    // TODO: Bump to v3 to revert back to the CLI setting the variable again, but with custom value
-    // support.
-    if (process.env.EXPO_ROUTER_APP_ROOT_2) {
-        return process.env.EXPO_ROUTER_APP_ROOT_2;
-    }
+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');
-    // It doesn't matter if the app folder exists.
-    const appFolder = getExpoRouterAbsoluteAppRoot(projectRoot);
     const appRoot = path_1.default.relative(path_1.default.dirname(routerEntry), appFolder);
     debug('routerEntry', routerEntry, appFolder, appRoot);
-    process.env.EXPO_ROUTER_APP_ROOT_2 = appRoot;
     return appRoot;
 }
-function getExpoRouterAbsoluteAppRoot(projectRoot) {
-    if (process.env.EXPO_ROUTER_ABS_APP_ROOT) {
-        return process.env.EXPO_ROUTER_ABS_APP_ROOT;
-    }
-    const { exp } = getConfigMemo(projectRoot);
-    const customSrc = exp.extra?.router?.unstable_src || getRouterDirectory(projectRoot);
-    const isAbsolute = customSrc.startsWith('/');
-    // It doesn't matter if the app folder exists.
-    const appFolder = isAbsolute ? customSrc : path_1.default.join(projectRoot, customSrc);
-    const appRoot = appFolder;
-    debug('absolute router entry', appFolder, appRoot);
-    process.env.EXPO_ROUTER_ABS_APP_ROOT = appFolder;
-    return appRoot;
-}
-// TODO: Strip the function `generateStaticParams` when bundling for node.js environments.
 /**
  * Inlines environment variables to configure the process:
  *
@@ -97,80 +23,57 @@ function getExpoRouterAbsoluteAppRoot(projectRoot) {
  * EXPO_PUBLIC_USE_STATIC
  * EXPO_ROUTER_ABS_APP_ROOT
  * EXPO_ROUTER_APP_ROOT
- * EXPO_ROUTER_IMPORT_MODE_IOS
- * EXPO_ROUTER_IMPORT_MODE_ANDROID
- * EXPO_ROUTER_IMPORT_MODE_WEB
+ * EXPO_ROUTER_IMPORT_MODE
  */
 function expoRouterBabelPlugin(api) {
     const { types: t } = api;
     const platform = api.caller(common_1.getPlatform);
     const possibleProjectRoot = api.caller(common_1.getPossibleProjectRoot);
+    const asyncRoutes = api.caller(common_1.getAsyncRoutes);
+    const routerAbsoluteRoot = api.caller(common_1.getExpoRouterAbsoluteAppRoot);
+    function isFirstInAssign(path) {
+        return core_1.types.isAssignmentExpression(path.parent) && path.parent.left === path.node;
+    }
     return {
         name: 'expo-router',
         visitor: {
-            // Convert `process.env.EXPO_ROUTER_APP_ROOT` to a string literal
             MemberExpression(path, state) {
-                if (!t.isIdentifier(path.node.object, { name: 'process' }) ||
-                    !t.isIdentifier(path.node.property, { name: 'env' })) {
-                    return;
-                }
-                const parent = path.parentPath;
-                if (!t.isMemberExpression(parent.node)) {
-                    return;
-                }
                 const projectRoot = possibleProjectRoot || state.file.opts.root || '';
-                // Used for log box and stuff
-                if (t.isIdentifier(parent.node.property, {
-                    name: 'EXPO_PROJECT_ROOT',
-                }) &&
-                    !parent.parentPath.isAssignmentExpression()) {
-                    parent.replaceWith(t.stringLiteral(projectRoot));
-                }
-                else if (
-                // Enable static rendering
-                // TODO: Use a serializer or something to ensure this changes without
-                // needing to clear the cache.
-                t.isIdentifier(parent.node.property, {
-                    name: 'EXPO_PUBLIC_USE_STATIC',
-                }) &&
-                    !parent.parentPath.isAssignmentExpression()) {
-                    if (platform === 'web') {
-                        const isStatic = process.env.EXPO_PUBLIC_USE_STATIC === 'true' ||
-                            process.env.EXPO_PUBLIC_USE_STATIC === '1';
-                        parent.replaceWith(t.booleanLiteral(isStatic));
-                    }
-                    else {
-                        parent.replaceWith(t.booleanLiteral(false));
+                if (path.get('object').matchesPattern('process.env')) {
+                    const key = path.toComputedKey();
+                    if (t.isStringLiteral(key) && !isFirstInAssign(path)) {
+                        // Used for log box on web.
+                        if (key.value.startsWith('EXPO_PROJECT_ROOT')) {
+                            path.replaceWith(t.stringLiteral(projectRoot));
+                        }
+                        else if (
+                        // TODO: Add cache invalidation.
+                        key.value.startsWith('EXPO_PUBLIC_USE_STATIC')) {
+                            if (platform === 'web') {
+                                const isStatic = process.env.EXPO_PUBLIC_USE_STATIC === 'true' ||
+                                    process.env.EXPO_PUBLIC_USE_STATIC === '1';
+                                path.replaceWith(t.booleanLiteral(isStatic));
+                            }
+                            else {
+                                path.replaceWith(t.booleanLiteral(false));
+                            }
+                        }
+                        else if (key.value.startsWith('EXPO_ROUTER_IMPORT_MODE')) {
+                            path.replaceWith(t.stringLiteral(asyncRoutes ? 'lazy' : 'sync'));
+                        }
+                        if (
+                        // Skip loading the app root in tests.
+                        // This is handled by the testing-library utils
+                        process.env.NODE_ENV !== 'test') {
+                            if (key.value.startsWith('EXPO_ROUTER_ABS_APP_ROOT')) {
+                                path.replaceWith(t.stringLiteral(routerAbsoluteRoot));
+                            }
+                            else if (key.value.startsWith('EXPO_ROUTER_APP_ROOT')) {
+                                path.replaceWith(t.stringLiteral(getExpoRouterAppRoot(possibleProjectRoot, routerAbsoluteRoot)));
+                            }
+                        }
                     }
                 }
-                else if (process.env.NODE_ENV !== 'test' &&
-                    t.isIdentifier(parent.node.property, {
-                        name: 'EXPO_ROUTER_ABS_APP_ROOT',
-                    }) &&
-                    !parent.parentPath.isAssignmentExpression()) {
-                    parent.replaceWith(t.stringLiteral(getExpoRouterAbsoluteAppRoot(projectRoot)));
-                }
-                else if (
-                // Skip loading the app root in tests.
-                // This is handled by the testing-library utils
-                process.env.NODE_ENV !== 'test' &&
-                    t.isIdentifier(parent.node.property, {
-                        name: 'EXPO_ROUTER_APP_ROOT',
-                    }) &&
-                    !parent.parentPath.isAssignmentExpression()) {
-                    parent.replaceWith(
-                    // This is defined in Expo CLI when using Metro. It points to the relative path for the project app directory.
-                    t.stringLiteral(getExpoRouterAppRoot(projectRoot)));
-                }
-                else if (
-                // Expose the app route import mode.
-                platform &&
-                    t.isIdentifier(parent.node.property, {
-                        name: 'EXPO_ROUTER_IMPORT_MODE_' + platform.toUpperCase(),
-                    }) &&
-                    !parent.parentPath.isAssignmentExpression()) {
-                    parent.replaceWith(t.stringLiteral(getExpoRouterImportMode(projectRoot, platform)));
-                }
             },
         },
     };

package/build/index.js

@@ -18,7 +18,9 @@ function babelPresetExpo(api, options = {}) {
     let platform = api.caller((caller) => caller?.platform);
     const engine = api.caller((caller) => caller?.engine) ?? 'default';
     const isDev = api.caller(common_1.getIsDev);
+    const isFastRefreshEnabled = api.caller(common_1.getIsFastRefreshEnabled);
     const baseUrl = api.caller(common_1.getBaseUrl);
+    const supportsStaticESM = api.caller((caller) => caller?.supportsStaticESM);
     // Unlike `isDev`, this will be `true` when the bundler is explicitly set to `production`,
     // i.e. `false` when testing, development, or used with a bundler that doesn't specify the correct inputs.
     const isProduction = api.caller(common_1.getIsProd);
@@ -33,21 +35,21 @@ function babelPresetExpo(api, options = {}) {
         if (platform === 'web') {
             // Only disable import/export transform when Webpack is used because
             // Metro does not support tree-shaking.
-            platformOptions.disableImportExportTransform = isWebpack;
+            platformOptions.disableImportExportTransform = supportsStaticESM ?? isWebpack;
         }
         else {
-            platformOptions.disableImportExportTransform = false;
+            platformOptions.disableImportExportTransform = supportsStaticESM ?? false;
         }
     }
     if (platformOptions.unstable_transformProfile == null) {
         platformOptions.unstable_transformProfile = engine === 'hermes' ? 'hermes-stable' : 'default';
     }
     // Note that if `options.lazyImports` is not set (i.e., `null` or `undefined`),
-    // `metro-react-native-babel-preset` will handle it.
+    // `@react-native/babel-preset` will handle it.
     const lazyImportsOption = platformOptions?.lazyImports;
     const extraPlugins = [];
     if (engine !== 'hermes') {
-        // `metro-react-native-babel-preset` configures this plugin with `{ loose: true }`, which breaks all
+        // `@react-native/babel-preset` configures this plugin with `{ loose: true }`, which breaks all
         // getters and setters in spread objects. We need to add this plugin ourself without that option.
         // @see https://github.com/expo/expo/pull/11960#issuecomment-887796455
         extraPlugins.push([
@@ -78,10 +80,6 @@ function babelPresetExpo(api, options = {}) {
     if (platformOptions.useTransformReactJSXExperimental != null) {
         throw new Error(`babel-preset-expo: The option 'useTransformReactJSXExperimental' has been removed in favor of { jsxRuntime: 'classic' }.`);
     }
-    const aliasPlugin = getAliasPlugin();
-    if (aliasPlugin) {
-        extraPlugins.push(aliasPlugin);
-    }
     // Allow jest tests to redefine the environment variables.
     if (process.env.NODE_ENV !== 'test') {
         extraPlugins.push([
@@ -111,14 +109,23 @@ function babelPresetExpo(api, options = {}) {
     if ((0, common_1.hasModule)('expo-router')) {
         extraPlugins.push(expo_router_plugin_1.expoRouterBabelPlugin);
     }
+    if (isFastRefreshEnabled) {
+        extraPlugins.push([
+            require('react-refresh/babel'),
+            {
+                // We perform the env check to enable `isFastRefreshEnabled`.
+                skipEnvCheck: true,
+            },
+        ]);
+    }
     return {
         presets: [
             [
                 // We use `require` here instead of directly using the package name because we want to
-                // specifically use the `metro-react-native-babel-preset` installed by this package (ex:
+                // specifically use the `@react-native/babel-preset` installed by this package (ex:
                 // `babel-preset-expo/node_modules/`). This way the preset will not change unintentionally.
                 // Reference: https://github.com/expo/expo/pull/4685#discussion_r307143920
-                require('metro-react-native-babel-preset'),
+                require('@react-native/babel-preset'),
                 {
                     // Defaults to undefined, set to `true` to disable `@babel/plugin-transform-flow-strip-types`
                     disableFlowStripTypesTransform: platformOptions.disableFlowStripTypesTransform,
@@ -144,7 +151,7 @@ function babelPresetExpo(api, options = {}) {
                             // behavior) or are in the blacklist.
                             return !(importModuleSpecifier.includes('./') || lazyImports_1.lazyImports.has(importModuleSpecifier));
                         }
-                        : // Pass the option directly to `metro-react-native-babel-preset`, which in turn
+                        : // Pass the option directly to `@react-native/babel-preset`, which in turn
                             // passes it to `babel-plugin-transform-modules-commonjs`
                             lazyImportsOption,
                 },
@@ -186,18 +193,5 @@ function babelPresetExpo(api, options = {}) {
         ].filter(Boolean),
     };
 }
-function getAliasPlugin() {
-    if (!(0, common_1.hasModule)('@expo/vector-icons')) {
-        return null;
-    }
-    return [
-        require.resolve('babel-plugin-module-resolver'),
-        {
-            alias: {
-                'react-native-vector-icons': '@expo/vector-icons',
-            },
-        },
-    ];
-}
 exports.default = babelPresetExpo;
 module.exports = babelPresetExpo;

package/build/inline-env-vars.js

@@ -12,17 +12,6 @@ function expoInlineEnvVars(api) {
         visitor: {
             MemberExpression(path, state) {
                 const filename = state.filename;
-                // If the filename is not defined, skip to prevent a node module from intercepting
-                // environment variables.
-                if (!filename) {
-                    debug('No filename found in state, skipping to be safe:', state.file.opts);
-                    return;
-                }
-                // Do nothing in node modules
-                // Skip node_modules, the feature is a bit too sensitive to allow in arbitrary code.
-                if (/node_modules/.test(filename)) {
-                    return;
-                }
                 if (path.get('object').matchesPattern('process.env')) {
                     // @ts-expect-error: missing types
                     const key = path.toComputedKey();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-expo",
-  "version": "9.9.0",
+  "version": "10.0.0",
   "description": "The Babel preset for Expo projects",
   "main": "build/index.js",
   "files": [
@@ -47,13 +47,14 @@
     "@babel/preset-env": "^7.20.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/plugin-transform-parameters": "^7.22.15",
-    "babel-plugin-module-resolver": "^5.0.0",
+    "@react-native/babel-preset": "^0.73.18",
     "babel-plugin-react-native-web": "~0.18.10",
-    "metro-react-native-babel-preset": "0.76.8"
+    "react-refresh": "0.14.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "expo-module-scripts": "^3.3.0",
     "jest": "^29.2.1"
   },
-  "gitHead": "3142a086578deffd8704a8f1b6f0f661527d836c"
+  "gitHead": "6aca7ce098ddc667776a3d7cf612adbb985e264a"
 }