babel-preset-expo 13.1.7 → 13.1.9

package/README.md

@@ -150,7 +150,7 @@ Changes the engine preset in `@react-native/babel-preset` based on the JavaScrip
 
 ### `unstable_transformImportMeta`
 
-Enable that transform that converts `import.meta` to `globalThis.__ExpoImportMetaRegistry`, defaults to `false`.
+Enable that transform that converts `import.meta` to `globalThis.__ExpoImportMetaRegistry`, defaults to `false` in client bundles and `true` for server bundles.
 
 > **Note:** Use this option at your own risk. If the JavaScript engine supports `import.meta` natively, this transformation may interfere with the native implementation.
 

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

@@ -8,10 +8,12 @@ exports.reactClientReferencesPlugin = reactClientReferencesPlugin;
  * Copyright © 2024 650 Industries.
  */
 const core_1 = require("@babel/core");
+const node_path_1 = require("node:path");
 const node_url_1 = __importDefault(require("node:url"));
 const common_1 = require("./common");
 function reactClientReferencesPlugin(api) {
     const isReactServer = api.caller(common_1.getIsReactServer);
+    const possibleProjectRoot = api.caller(common_1.getPossibleProjectRoot);
     return {
         name: 'expo-client-references',
         visitor: {
@@ -32,7 +34,12 @@ 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 = node_url_1.default.pathToFileURL(filePath).href;
+                const projectRoot = possibleProjectRoot || state.file.opts.root || '';
+                // TODO: Replace with opaque paths in production.
+                const outputKey = './' + (0, common_1.toPosixPath)((0, node_path_1.relative)(projectRoot, filePath));
+                // const outputKey = isProd
+                //   ? './' + getRelativePath(projectRoot, filePath)
+                //   : url.pathToFileURL(filePath).href;
                 function iterateExports(callback, type) {
                     const exportNames = new Set();
                     // Collect all of the exports
@@ -157,7 +164,7 @@ function reactClientReferencesPlugin(api) {
                     // Store the proxy export names for testing purposes.
                     state.file.metadata.proxyExports = [...proxyExports];
                     // Save the server action reference in the metadata.
-                    state.file.metadata.reactServerReference = outputKey;
+                    state.file.metadata.reactServerReference = node_url_1.default.pathToFileURL(filePath).href;
                 }
                 else if (isUseClient) {
                     if (!isReactServer) {
@@ -208,7 +215,7 @@ function reactClientReferencesPlugin(api) {
                     // Store the proxy export names for testing purposes.
                     state.file.metadata.proxyExports = [...proxyExports];
                     // Save the client reference in the metadata.
-                    state.file.metadata.reactClientReference = outputKey;
+                    state.file.metadata.reactClientReference = node_url_1.default.pathToFileURL(filePath).href;
                 }
             },
         },

package/build/common.d.ts

@@ -14,7 +14,12 @@ export declare function getIsNodeModule(caller?: any): boolean;
 export declare function getBaseUrl(caller?: any): string;
 export declare function getReactCompiler(caller?: any): boolean;
 export declare function getIsServer(caller?: any): boolean;
+export declare function getMetroSourceType(caller?: any): "script" | "module" | "asset" | undefined;
 export declare function getExpoRouterAbsoluteAppRoot(caller?: any): string;
 export declare function getInlineEnvVarsEnabled(caller?: any): boolean;
 export declare function getAsyncRoutes(caller?: any): boolean;
 export declare function createAddNamedImportOnce(t: typeof import('@babel/types')): (path: NodePath<t.Node>, name: string, source: string) => any;
+/**
+ * Convert any platform-specific path to a POSIX path.
+ */
+export declare function toPosixPath(filePath: string): string;

package/build/common.js

@@ -15,10 +15,12 @@ exports.getIsNodeModule = getIsNodeModule;
 exports.getBaseUrl = getBaseUrl;
 exports.getReactCompiler = getReactCompiler;
 exports.getIsServer = getIsServer;
+exports.getMetroSourceType = getMetroSourceType;
 exports.getExpoRouterAbsoluteAppRoot = getExpoRouterAbsoluteAppRoot;
 exports.getInlineEnvVarsEnabled = getInlineEnvVarsEnabled;
 exports.getAsyncRoutes = getAsyncRoutes;
 exports.createAddNamedImportOnce = createAddNamedImportOnce;
+exports.toPosixPath = toPosixPath;
 // @ts-expect-error: missing types
 const helper_module_imports_1 = require("@babel/helper-module-imports");
 const node_path_1 = __importDefault(require("node:path"));
@@ -113,6 +115,10 @@ function getIsServer(caller) {
     assertExpoBabelCaller(caller);
     return caller?.isServer ?? false;
 }
+function getMetroSourceType(caller) {
+    assertExpoBabelCaller(caller);
+    return caller?.metroSourceType;
+}
 function getExpoRouterAbsoluteAppRoot(caller) {
     assertExpoBabelCaller(caller);
     const rootModuleId = caller?.routerRoot ?? './app';
@@ -164,3 +170,10 @@ function createAddNamedImportOnce(t) {
         return didCreate ? identifier : t.cloneNode(identifier);
     };
 }
+const REGEXP_REPLACE_SLASHES = /\\/g;
+/**
+ * Convert any platform-specific path to a POSIX path.
+ */
+function toPosixPath(filePath) {
+    return filePath.replace(REGEXP_REPLACE_SLASHES, '/');
+}

package/build/index.d.ts

@@ -72,7 +72,7 @@ type BabelPresetExpoPlatformOptions = {
      *
      * > **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`
+     * @default `false` on client and `true` on server.
      */
     unstable_transformImportMeta?: boolean;
 };

package/build/index.js

@@ -29,6 +29,7 @@ function babelPresetExpo(api, options = {}) {
     const isReactServer = api.caller(common_1.getIsReactServer);
     const isFastRefreshEnabled = api.caller(common_1.getIsFastRefreshEnabled);
     const isReactCompilerEnabled = api.caller(common_1.getReactCompiler);
+    const metroSourceType = api.caller(common_1.getMetroSourceType);
     const baseUrl = api.caller(common_1.getBaseUrl);
     const supportsStaticESM = api.caller((caller) => caller?.supportsStaticESM);
     const isServerEnv = isServer || isReactServer;
@@ -44,6 +45,11 @@ function babelPresetExpo(api, options = {}) {
     // Use the simpler babel preset for web and server environments (both web and native SSR).
     const isModernEngine = platform === 'web' || isServerEnv;
     const platformOptions = getOptions(options, platform);
+    // If the input is a script, we're unable to add any dependencies. Since the @babel/runtime transformer
+    // adds extra dependencies (requires/imports) we need to disable it
+    if (metroSourceType === 'script') {
+        platformOptions.enableBabelRuntime = false;
+    }
     if (platformOptions.useTransformReactJSXExperimental != null) {
         throw new Error(`babel-preset-expo: The option 'useTransformReactJSXExperimental' has been removed in favor of { jsxRuntime: 'classic' }.`);
     }
@@ -181,7 +187,8 @@ function babelPresetExpo(api, options = {}) {
     if (platformOptions.disableImportExportTransform) {
         extraPlugins.push([require('./detect-dynamic-exports').detectDynamicExports]);
     }
-    extraPlugins.push((0, import_meta_transform_plugin_1.expoImportMetaTransformPluginFactory)(platformOptions.unstable_transformImportMeta === true));
+    const polyfillImportMeta = platformOptions.unstable_transformImportMeta ?? isServerEnv;
+    extraPlugins.push((0, import_meta_transform_plugin_1.expoImportMetaTransformPluginFactory)(polyfillImportMeta === true));
     return {
         presets: [
             (() => {

package/build/server-actions-plugin.js

@@ -41,12 +41,15 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactServerActionsPlugin = reactServerActionsPlugin;
 const core_1 = require("@babel/core");
 const t = __importStar(require("@babel/types"));
 const node_path_1 = require("node:path");
-const node_url_1 = __importStar(require("node:url"));
+const node_url_1 = __importDefault(require("node:url"));
 const common_1 = require("./common");
 const debug = require('debug')('expo:babel:server-actions');
 const LAZY_WRAPPER_VALUE_KEY = 'value';
@@ -193,7 +196,7 @@ function reactServerActionsPlugin(api) {
             };
             getActionModuleId = once(() => {
                 // Create relative file path hash.
-                return (0, node_url_1.pathToFileURL)((0, node_path_1.relative)(projectRoot, file.opts.filename)).href;
+                return './' + (0, common_1.toPosixPath)((0, node_path_1.relative)(projectRoot, file.opts.filename));
             });
             const defineBoundArgsWrapperHelper = once(() => {
                 const id = this.file.path.scope.generateUidIdentifier('wrapBoundArgs');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-preset-expo",
-  "version": "13.1.7",
+  "version": "13.1.9",
   "description": "The Babel preset for Expo projects",
   "main": "build/index.js",
   "files": [
@@ -79,5 +79,5 @@
     "expo-module-scripts": "^4.1.5",
     "jest": "^29.2.1"
   },
-  "gitHead": "3cd208465df78e385ca9380531bbbfe33ca68e81"
+  "gitHead": "bb2cf89d99a9d7f70b07419cc36cdf80c2764217"
 }