babel-preset-expo 13.0.0 → 13.1.0-canary-20250408-7f0ab53

package/README.md

@@ -148,6 +148,12 @@ If `undefined` (default), this will be set automatically via `caller.supportsSta
 
 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`.
 
+### `unstable_transformImportMeta`
+
+Enable that transform that converts `import.meta` to `globalThis.__ExpoImportMetaRegistry`, defaults to `false`.
+
+> **Note:** Use this option at your own risk. If the JavaScript engine supports `import.meta` natively, this transformation may interfere with the native implementation.
+
 ### `enableBabelRuntime`
 
 Passed to `@react-native/babel-preset`.

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

@@ -22,7 +22,7 @@ function reactClientReferencesPlugin(api) {
                 // TODO: use server can be added to scopes inside of the file. https://github.com/facebook/react/blob/29fbf6f62625c4262035f931681c7b7822ca9843/packages/react-server-dom-webpack/src/ReactFlightWebpackNodeRegister.js#L55
                 const isUseServer = path.node.directives.some((directive) => directive.value.value === 'use server');
                 if (isUseClient && isUseServer) {
-                    throw path.buildCodeFrameError("It's not possible to have both `use client` and `use server` directives in the same file.");
+                    throw path.buildCodeFrameError('It\'s not possible to have both "use client" and "use server" directives in the same file.');
                 }
                 if (!isUseClient && !isUseServer) {
                     return;
@@ -44,7 +44,7 @@ function reactClientReferencesPlugin(api) {
                                         if (declaration.id.type === 'Identifier') {
                                             const exportName = declaration.id.name;
                                             exportNames.add(exportName);
-                                            callback(exportName);
+                                            callback(exportName, exportPath);
                                         }
                                     });
                                 }
@@ -52,14 +52,14 @@ function reactClientReferencesPlugin(api) {
                                     const exportName = exportPath.node.declaration.id?.name;
                                     if (exportName) {
                                         exportNames.add(exportName);
-                                        callback(exportName);
+                                        callback(exportName, exportPath);
                                     }
                                 }
                                 else if (exportPath.node.declaration.type === 'ClassDeclaration') {
                                     const exportName = exportPath.node.declaration.id?.name;
                                     if (exportName) {
                                         exportNames.add(exportName);
-                                        callback(exportName);
+                                        callback(exportName, exportPath);
                                     }
                                 }
                                 else if (![
@@ -77,7 +77,7 @@ function reactClientReferencesPlugin(api) {
                                     if (core_1.types.isIdentifier(specifier.exported)) {
                                         const exportName = specifier.exported.name;
                                         exportNames.add(exportName);
-                                        callback(exportName);
+                                        callback(exportName, exportPath);
                                     }
                                     else {
                                         // TODO: What is this type?
@@ -86,9 +86,15 @@ function reactClientReferencesPlugin(api) {
                                 });
                             }
                         },
-                        ExportDefaultDeclaration() {
+                        ExportDefaultDeclaration(path) {
                             exportNames.add('default');
-                            callback('default');
+                            callback('default', path);
+                        },
+                        ExportAllDeclaration(exportPath) {
+                            if (exportPath.node.source) {
+                                // exportNames.add('*');
+                                callback('*', exportPath);
+                            }
                         },
                     });
                     return exportNames;
@@ -99,6 +105,28 @@ function reactClientReferencesPlugin(api) {
                         // The "use server" transform for react-server is in a different plugin.
                         return;
                     }
+                    // Assert that assignment to `module.exports` or `exports` is not allowed.
+                    path.traverse({
+                        AssignmentExpression(path) {
+                            if (core_1.types.isMemberExpression(path.node.left) &&
+                                'name' in path.node.left.object &&
+                                (path.node.left.object.name === 'module' ||
+                                    path.node.left.object.name === 'exports')) {
+                                throw path.buildCodeFrameError('Assignment to `module.exports` or `exports` is not allowed in a "use server" file. Only async functions can be exported.');
+                            }
+                        },
+                        // Also check Object.assign
+                        CallExpression(path) {
+                            if (core_1.types.isMemberExpression(path.node.callee) &&
+                                'name' in path.node.callee.property &&
+                                'name' in path.node.callee.object &&
+                                path.node.callee.property.name === 'assign' &&
+                                (path.node.callee.object.name === 'Object' ||
+                                    path.node.callee.object.name === 'exports')) {
+                                throw path.buildCodeFrameError('Assignment to `module.exports` or `exports` is not allowed in a "use server" file. Only async functions can be exported.');
+                            }
+                        },
+                    });
                     // Handle "use server" in the client.
                     const proxyModule = [
                         `import { createServerReference } from 'react-server-dom-webpack/client';`,
@@ -107,10 +135,13 @@ function reactClientReferencesPlugin(api) {
                     const getProxy = (exportName) => {
                         return `createServerReference(${JSON.stringify(`${outputKey}#${exportName}`)}, callServerRSC)`;
                     };
-                    const pushProxy = (exportName) => {
+                    const pushProxy = (exportName, path) => {
                         if (exportName === 'default') {
                             proxyModule.push(`export default ${getProxy(exportName)};`);
                         }
+                        else if (exportName === '*') {
+                            throw path.buildCodeFrameError('Re-exporting all modules is not supported in a "use server" file. Only async functions can be exported.');
+                        }
                         else {
                             proxyModule.push(`export const ${exportName} = ${getProxy(exportName)};`);
                         }
@@ -146,17 +177,27 @@ function reactClientReferencesPlugin(api) {
                         `const proxy = /*@__PURE__*/ require("react-server-dom-webpack/server").createClientModuleProxy(${JSON.stringify(outputKey)});`,
                         `module.exports = proxy;`,
                     ];
-                    const getProxy = (exportName) => {
-                        return `(/*@__PURE__*/ proxy[${JSON.stringify(exportName)}])`;
-                    };
                     const pushProxy = (exportName) => {
                         if (exportName === 'default') {
-                            proxyModule.push(`export default ${getProxy(exportName)};`);
+                            proxyModule.push(`export default require("react-server-dom-webpack/server").registerClientReference(function () {
+                throw new Error(${JSON.stringify(`Attempted to call the default export of ${filePath} from the server but it's on the client. ` +
+                                `It's not possible to invoke a client function from the server, it can ` +
+                                `only be rendered as a Component or passed to props of a Client Component.`)});
+                }, ${JSON.stringify(outputKey)}, ${JSON.stringify(exportName)});`);
+                        }
+                        else if (exportName === '*') {
+                            // Do nothing because we have the top-level hack to inject module.exports.
                         }
                         else {
-                            proxyModule.push(`export const ${exportName} = ${getProxy(exportName)};`);
+                            proxyModule.push(`export const ${exportName} = require("react-server-dom-webpack/server").registerClientReference(function () {
+                throw new Error(${JSON.stringify(`Attempted to call ${exportName}() of ${filePath} from the server but ${exportName} is on the client. ` +
+                                `It's not possible to invoke a client function from the server, it can ` +
+                                `only be rendered as a Component or passed to props of a Client Component.`)});
+                }, ${JSON.stringify(outputKey)}, ${JSON.stringify(exportName)});`);
                         }
                     };
+                    // TODO: How to handle `export * from './module'`?
+                    // TODO: How to handle module.exports, do we just assert that it isn't supported with server components?
                     // Collect all of the exports
                     const proxyExports = iterateExports(pushProxy, 'client');
                     // Clear the body

package/build/import-meta-transform-plugin.d.ts

@@ -0,0 +1,4 @@
+import { ConfigAPI, types } from '@babel/core';
+export declare function expoImportMetaTransformPlugin(api: ConfigAPI & {
+    types: typeof types;
+}): babel.PluginObj;

package/build/import-meta-transform-plugin.js

@@ -0,0 +1,20 @@
+"use strict";
+// Copyright 2015-present 650 Industries. All rights reserved.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.expoImportMetaTransformPlugin = void 0;
+function expoImportMetaTransformPlugin(api) {
+    const { types: t } = api;
+    return {
+        name: 'expo-import-meta-transform',
+        visitor: {
+            MetaProperty(path) {
+                const { node } = path;
+                if (node.meta.name === 'import' && node.property.name === 'meta') {
+                    const replacement = t.memberExpression(t.identifier('globalThis'), t.identifier('__ExpoImportMetaRegistry'));
+                    path.replaceWith(replacement);
+                }
+            },
+        },
+    };
+}
+exports.expoImportMetaTransformPlugin = expoImportMetaTransformPlugin;

package/build/index.d.ts

@@ -67,6 +67,14 @@ type BabelPresetExpoPlatformOptions = {
     };
     /** Enable `typeof window` runtime checks. The default behavior is to minify `typeof window` on web clients to `"object"` and `"undefined"` on servers. */
     minifyTypeofWindow?: boolean;
+    /**
+     * Enable that transform that converts `import.meta` to `globalThis.__ExpoImportMetaRegistry`.
+     *
+     * > **Note:** Use this option at your own risk. If the JavaScript engine supports `import.meta` natively, this transformation may interfere with the native implementation.
+     *
+     * @default `false`
+     */
+    unstable_transformImportMeta?: boolean;
 };
 export type BabelPresetExpoOptions = BabelPresetExpoPlatformOptions & {
     /** Web-specific settings. */

package/build/index.js

@@ -181,6 +181,9 @@ function babelPresetExpo(api, options = {}) {
     if (platformOptions.disableImportExportTransform) {
         extraPlugins.push([require('./detect-dynamic-exports').detectDynamicExports]);
     }
+    if (platformOptions.unstable_transformImportMeta === true) {
+        extraPlugins.push(require('./import-meta-transform-plugin').expoImportMetaTransformPlugin);
+    }
     return {
         presets: [
             (() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-expo",
-  "version": "13.0.0",
+  "version": "13.1.0-canary-20250408-7f0ab53",
   "description": "The Babel preset for Expo projects",
   "main": "build/index.js",
   "files": [
@@ -55,7 +55,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.79.0-rc.4",
+    "@react-native/babel-preset": "0.79.0",
     "babel-plugin-react-native-web": "~0.19.13",
     "babel-plugin-transform-flow-enums": "^0.0.2",
     "babel-plugin-syntax-hermes-parser": "^0.25.1",
@@ -80,9 +80,8 @@
     "@babel/traverse": "^7.9.0",
     "@babel/types": "^7.9.0",
     "babel-plugin-react-compiler": "^19.0.0-beta-9ee70a1-20241017",
-    "expo-module-scripts": "^4.1.0",
+    "expo-module-scripts": "4.1.1-canary-20250408-7f0ab53",
     "jest": "^29.2.1",
     "react-compiler-runtime": "^19.0.0-beta-8a03594-20241020"
-  },
-  "gitHead": "68b8233002dc678934ba40cbade7fbc80e71aeff"
+  }
 }