babel-preset-expo 54.0.7-canary-20251031-b135dff → 54.1.0-canary-20251118-8f7ee64

package/build/common.js

@@ -92,7 +92,9 @@ function getIsFastRefreshEnabled(caller) {
     assertExpoBabelCaller(caller);
     if (!caller)
         return false;
-    return !caller.isServer && !caller.isNodeModule && getIsDev(caller);
+    // NOTE(@kitten): `isHMREnabled` is always true in `@expo/metro-config`.
+    // However, we still use this option to ensure fast refresh is only enabled in supported runtimes (Metro + Expo)
+    return !!caller.isHMREnabled && !caller.isServer && !caller.isNodeModule && getIsDev(caller);
 }
 function getIsProd(caller) {
     assertExpoBabelCaller(caller);

package/build/index.d.ts

@@ -26,6 +26,8 @@ type BabelPresetExpoPlatformOptions = {
     unstable_transformProfile?: 'default' | 'hermes-stable' | 'hermes-canary';
     /** Settings to pass to `babel-plugin-react-compiler`. Set as `false` to disable the plugin. */
     'react-compiler'?: false | ReactCompilerOptions;
+    /** Only set to `false` to disable `react-refresh/babel` forcefully, defaults to `undefined` */
+    enableReactFastRefresh?: boolean;
     /** Enable `typeof window` runtime checks. The default behavior is to minify `typeof window` on web clients to `"object"` and `"undefined"` on servers. */
     minifyTypeofWindow?: boolean;
     /**

package/build/index.js

@@ -10,6 +10,7 @@ const inline_env_vars_1 = require("./inline-env-vars");
 const lazyImports_1 = require("./lazyImports");
 const restricted_react_api_plugin_1 = require("./restricted-react-api-plugin");
 const server_actions_plugin_1 = require("./server-actions-plugin");
+const server_data_loaders_plugin_1 = require("./server-data-loaders-plugin");
 const use_dom_directive_plugin_1 = require("./use-dom-directive-plugin");
 function getOptions(options, platform) {
     const tag = platform === 'web' ? 'web' : 'native';
@@ -162,6 +163,10 @@ function babelPresetExpo(api, options = {}) {
     }
     if ((0, common_1.hasModule)('expo-router')) {
         extraPlugins.push(expo_router_plugin_1.expoRouterBabelPlugin);
+        // Strip loader() functions from client bundles
+        if (!isServerEnv) {
+            extraPlugins.push(server_data_loaders_plugin_1.serverDataLoadersPlugin);
+        }
     }
     extraPlugins.push(client_module_proxy_plugin_1.reactClientReferencesPlugin);
     // Ensure these only run when the user opts-in to bundling for a react server to prevent unexpected behavior for
@@ -176,12 +181,13 @@ function babelPresetExpo(api, options = {}) {
     }
     // This plugin is fine to run whenever as the server-only imports were introduced as part of RSC and shouldn't be used in any client code.
     extraPlugins.push(environment_restricted_imports_1.environmentRestrictedImportsPlugin);
-    if (isFastRefreshEnabled) {
+    if (platformOptions.enableReactFastRefresh ||
+        (isFastRefreshEnabled && platformOptions.enableReactFastRefresh !== false)) {
         extraPlugins.push([
             require('react-refresh/babel'),
             {
-                // We perform the env check to enable `isFastRefreshEnabled`.
-                skipEnvCheck: true,
+                // We perform the env check to enable `isFastRefreshEnabled`, unless the plugin is force-enabled
+                skipEnvCheck: platformOptions.enableReactFastRefresh !== true,
             },
         ]);
     }

package/build/server-data-loaders-plugin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright © 2025 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { ConfigAPI, PluginObj } from '@babel/core';
+export declare function serverDataLoadersPlugin(api: ConfigAPI & typeof import('@babel/core')): PluginObj;

package/build/server-data-loaders-plugin.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serverDataLoadersPlugin = serverDataLoadersPlugin;
+const common_1 = require("./common");
+const debug = require('debug')('expo:babel:server-data-loaders');
+const LOADER_EXPORT_NAME = 'loader';
+function serverDataLoadersPlugin(api) {
+    const { types: t } = api;
+    const routerAbsoluteRoot = api.caller(common_1.getExpoRouterAbsoluteAppRoot);
+    const isServer = api.caller(common_1.getIsServer);
+    return {
+        name: 'expo-server-data-loaders',
+        visitor: {
+            ExportNamedDeclaration(path, state) {
+                if (isServer) {
+                    return;
+                }
+                // Early exit if file is not within the `app/` directory
+                if (!isInAppDirectory(state.file.opts.filename ?? '', routerAbsoluteRoot)) {
+                    debug('Skipping file outside app directory:', state.file.opts.filename);
+                    return;
+                }
+                debug(isServer ? 'Processing server bundle:' : 'Processing client bundle:', state.file.opts.filename);
+                const { declaration, specifiers } = path.node;
+                // Is this a type export like `export type Foo`?
+                const isTypeExport = path.node.exportKind === 'type';
+                // Does this export with `export { loader }`?
+                // NOTE(@hassankhan): We should add proper handling for specifiers too
+                const hasSpecifiers = specifiers.length > 0;
+                if (isTypeExport || hasSpecifiers) {
+                    return;
+                }
+                // Handles `export function loader() {}`
+                if (t.isFunctionDeclaration(declaration)) {
+                    const name = declaration.id?.name;
+                    if (name && isLoaderIdentifier(name)) {
+                        debug('Found and removed loader function declaration');
+                        markForConstantFolding(state);
+                        path.remove();
+                    }
+                }
+                // Handles `export const loader = ...`
+                if (t.isVariableDeclaration(declaration)) {
+                    let hasRemovedLoader = false;
+                    declaration.declarations = declaration.declarations.filter((declarator) => {
+                        const name = t.isIdentifier(declarator.id) ? declarator.id.name : null;
+                        if (name && isLoaderIdentifier(name)) {
+                            debug('Found and removed loader variable declaration');
+                            hasRemovedLoader = true;
+                            return false;
+                        }
+                        return true;
+                    });
+                    if (hasRemovedLoader) {
+                        markForConstantFolding(state);
+                        // If all declarations were removed, remove the export
+                        if (declaration.declarations.length === 0) {
+                            path.remove();
+                        }
+                    }
+                }
+            },
+        },
+    };
+}
+/**
+ * Checks if identifier name is `loader`
+ */
+function isLoaderIdentifier(name) {
+    return name === LOADER_EXPORT_NAME;
+}
+function assertExpoMetadata(metadata) {
+    if (metadata && typeof metadata === 'object') {
+        return;
+    }
+    throw new Error('Expected Babel state.file.metadata to be an object');
+}
+/**
+ * Check if file is within the `app/` directory
+ */
+function isInAppDirectory(filePath, routerRoot) {
+    const normalizedFilePath = (0, common_1.toPosixPath)(filePath);
+    const normalizedAppRoot = (0, common_1.toPosixPath)(routerRoot);
+    return normalizedFilePath.startsWith(normalizedAppRoot + '/');
+}
+/**
+ * Marks a file for Metro's constant folding. This will work for both development and production bundles.
+ *
+ * @see packages/@expo/metro-config/src/transform-worker/metro-transform-worker.ts#transformJS
+ */
+function markForConstantFolding(state) {
+    assertExpoMetadata(state.file.metadata);
+    state.file.metadata.performConstantFolding = true;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-expo",
-  "version": "54.0.7-canary-20251031-b135dff",
+  "version": "54.1.0-canary-20251118-8f7ee64",
   "description": "The Babel preset for Expo projects",
   "main": "build/index.js",
   "files": [
@@ -43,7 +43,7 @@
   "peerDependencies": {
     "@babel/runtime": "^7.20.0",
     "react-refresh": ">=0.14.0 <1.0.0",
-    "expo": "55.0.0-canary-20251031-b135dff"
+    "expo": "55.0.0-canary-20251118-8f7ee64"
   },
   "peerDependenciesMeta": {
     "@babel/runtime": {
@@ -69,7 +69,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.82.1",
+    "@react-native/babel-preset": "0.83.0-nightly-20251104-502efe1cc",
     "babel-plugin-react-compiler": "^1.0.0",
     "babel-plugin-react-native-web": "~0.21.0",
     "babel-plugin-transform-flow-enums": "^0.0.2",
@@ -81,7 +81,7 @@
     "@babel/core": "^7.26.0",
     "@types/babel__core": "^7.20.5",
     "@expo/metro": "~54.1.0",
-    "expo-module-scripts": "5.0.8-canary-20251031-b135dff",
+    "expo-module-scripts": "5.1.0-canary-20251118-8f7ee64",
     "jest": "^29.2.1",
     "react-refresh": "^0.14.2"
   }