@expo/cli 0.17.10 → 0.18.1

package/build/src/start/server/metro/withMetroMultiPlatform.js

@@ -1,69 +1,134 @@
-"use strict";
+/**
+ * Copyright © 2022 650 Industries.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getNodejsExtensions = getNodejsExtensions;
-exports.withExtendedResolver = withExtendedResolver;
-exports.shouldAliasAssetRegistryForWeb = shouldAliasAssetRegistryForWeb;
-exports.shouldAliasModule = shouldAliasModule;
-exports.withMetroMultiPlatformAsync = withMetroMultiPlatformAsync;
-var _fs = _interopRequireDefault(require("fs"));
-var metroResolver = _interopRequireWildcard(require("metro-resolver"));
-var _path = _interopRequireDefault(require("path"));
-var _resolveFrom = _interopRequireDefault(require("resolve-from"));
-var _createExpoMetroResolver = require("./createExpoMetroResolver");
-var _externals = require("./externals");
-var _metroErrors = require("./metroErrors");
-var _withMetroResolvers = require("./withMetroResolvers");
-var _log = require("../../../log");
-var _fileNotifier = require("../../../utils/FileNotifier");
-var _env = require("../../../utils/env");
-var _exit = require("../../../utils/exit");
-var _interactive = require("../../../utils/interactive");
-var _loadTsConfigPaths = require("../../../utils/tsconfig/loadTsConfigPaths");
-var _resolveWithTsConfigPaths = require("../../../utils/tsconfig/resolveWithTsConfigPaths");
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getNodejsExtensions: ()=>getNodejsExtensions,
+    withExtendedResolver: ()=>withExtendedResolver,
+    shouldAliasAssetRegistryForWeb: ()=>shouldAliasAssetRegistryForWeb,
+    shouldAliasModule: ()=>shouldAliasModule,
+    withMetroMultiPlatformAsync: ()=>withMetroMultiPlatformAsync
+});
+function _fs() {
+    const data = /*#__PURE__*/ _interopRequireDefault(require("fs"));
+    _fs = function() {
+        return data;
+    };
+    return data;
+}
+function _metroResolver() {
+    const data = /*#__PURE__*/ _interopRequireWildcard(require("metro-resolver"));
+    _metroResolver = function() {
+        return data;
+    };
+    return data;
+}
+function _path() {
+    const data = /*#__PURE__*/ _interopRequireDefault(require("path"));
+    _path = function() {
+        return data;
+    };
+    return data;
+}
+function _resolveFrom() {
+    const data = /*#__PURE__*/ _interopRequireDefault(require("resolve-from"));
+    _resolveFrom = function() {
+        return data;
+    };
+    return data;
+}
+const _createExpoMetroResolver = require("./createExpoMetroResolver");
+const _externals = require("./externals");
+const _metroErrors = require("./metroErrors");
+const _metroVirtualModules = require("./metroVirtualModules");
+const _withMetroResolvers = require("./withMetroResolvers");
+const _log = require("../../../log");
+const _fileNotifier = require("../../../utils/FileNotifier");
+const _env = require("../../../utils/env");
+const _exit = require("../../../utils/exit");
+const _interactive = require("../../../utils/interactive");
+const _loadTsConfigPaths = require("../../../utils/tsconfig/loadTsConfigPaths");
+const _resolveWithTsConfigPaths = require("../../../utils/tsconfig/resolveWithTsConfigPaths");
+const _metroOptions = require("../middleware/metroOptions");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
         return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
             }
         }
-        newObj.default = obj;
-        return newObj;
     }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 const debug = require("debug")("expo:start:server:metro:multi-platform");
-function withWebPolyfills(config) {
-    const originalGetPolyfills = config.serializer.getPolyfills ? config.serializer.getPolyfills.bind(config.serializer) : ()=>[]
-    ;
+function withWebPolyfills(config, { getMetroBundler  }) {
+    const originalGetPolyfills = config.serializer.getPolyfills ? config.serializer.getPolyfills.bind(config.serializer) : ()=>[];
     const getPolyfills = (ctx)=>{
+        const virtualModuleId = `\0polyfill:external-require`;
+        const contents = (()=>{
+            if (ctx.platform === "web") {
+                return `global.$$require_external = typeof window === "undefined" ? require : () => null;`;
+            } else {
+                // Wrap in try/catch to support Android.
+                return 'try { global.$$require_external = typeof expo === "undefined" ? eval("require") : (moduleId) => { throw new Error(`Node.js standard library module ${moduleId} is not available in this JavaScript environment`);} } catch { global.$$require_external = (moduleId) => { throw new Error(`Node.js standard library module ${moduleId} is not available in this JavaScript environment`);} }';
+            }
+        })();
+        (0, _metroVirtualModules.getMetroBundlerWithVirtualModules)(getMetroBundler()).setVirtualModule(virtualModuleId, contents);
         if (ctx.platform === "web") {
             return [
-                // NOTE: We might need this for all platforms
-                _path.default.join(config.projectRoot, _externals.EXTERNAL_REQUIRE_POLYFILL)
+                virtualModuleId
             ];
         }
         // Generally uses `rn-get-polyfills`
         const polyfills = originalGetPolyfills(ctx);
         return [
             ...polyfills,
-            _path.default.join(config.projectRoot, _externals.EXTERNAL_REQUIRE_NATIVE_POLYFILL)
+            virtualModuleId
         ];
     };
     return {
@@ -78,10 +143,8 @@ function normalizeSlashes(p) {
     return p.replace(/\\/g, "/");
 }
 function getNodejsExtensions(srcExts) {
-    const mjsExts = srcExts.filter((ext)=>/mjs$/.test(ext)
-    );
-    const nodejsSourceExtensions = srcExts.filter((ext)=>!/mjs$/.test(ext)
-    );
+    const mjsExts = srcExts.filter((ext)=>/mjs$/.test(ext));
+    const nodejsSourceExtensions = srcExts.filter((ext)=>!/mjs$/.test(ext));
     // find index of last `*.js` extension
     const jsIndex = nodejsSourceExtensions.reduce((index, ext, i)=>{
         return /jsx?$/.test(ext) ? i : index;
@@ -90,19 +153,22 @@ function getNodejsExtensions(srcExts) {
     nodejsSourceExtensions.splice(jsIndex + 1, 0, ...mjsExts);
     return nodejsSourceExtensions;
 }
-function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFastResolverEnabled , isExporting  }) {
-    var ref5, ref1, ref2, ref3;
+function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFastResolverEnabled , isExporting , isReactCanaryEnabled , getMetroBundler  }) {
+    var ref, ref1, ref2, ref3;
     if (isFastResolverEnabled) {
         _log.Log.warn(`Experimental bundling features are enabled.`);
     }
+    if (isReactCanaryEnabled) {
+        _log.Log.warn(`Experimental React Canary version is enabled.`);
+    }
     // Get the `transformer.assetRegistryPath`
     // this needs to be unified since you can't dynamically
     // swap out the transformer based on platform.
-    const assetRegistryPath = _fs.default.realpathSync(_path.default.resolve((0, _resolveFrom).default(config.projectRoot, "@react-native/assets-registry/registry.js")));
-    const defaultResolver = metroResolver.resolve;
+    const assetRegistryPath = _fs().default.realpathSync(_path().default.resolve((0, _resolveFrom().default)(config.projectRoot, "@react-native/assets-registry/registry.js")));
+    const defaultResolver = _metroResolver().resolve;
     var ref4;
-    const resolver = isFastResolverEnabled ? (0, _createExpoMetroResolver).createFastResolver({
-        preserveSymlinks: (ref4 = (ref5 = config.resolver) == null ? void 0 : ref5.unstable_enableSymlinks) != null ? ref4 : true,
+    const resolver = isFastResolverEnabled ? (0, _createExpoMetroResolver.createFastResolver)({
+        preserveSymlinks: (ref4 = (ref = config.resolver) == null ? void 0 : ref.unstable_enableSymlinks) != null ? ref4 : true,
         blockList: Array.isArray((ref1 = config.resolver) == null ? void 0 : ref1.blockList) ? (ref2 = config.resolver) == null ? void 0 : ref2.blockList : [
             (ref3 = config.resolver) == null ? void 0 : ref3.blockList
         ]
@@ -115,7 +181,7 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
     };
     const universalAliases = [];
     // This package is currently always installed as it is included in the `expo` package.
-    if (_resolveFrom.default.silent(config.projectRoot, "@expo/vector-icons")) {
+    if (_resolveFrom().default.silent(config.projectRoot, "@expo/vector-icons")) {
         debug("Enabling alias: react-native-vector-icons -> @expo/vector-icons");
         universalAliases.push([
             /^react-native-vector-icons(\/.*)?/,
@@ -132,14 +198,14 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
             "main"
         ]
     };
-    var _paths1, _baseUrl1;
+    var _paths, _baseUrl;
     let tsConfigResolve = isTsconfigPathsEnabled && ((tsconfig == null ? void 0 : tsconfig.paths) || (tsconfig == null ? void 0 : tsconfig.baseUrl) != null) ? _resolveWithTsConfigPaths.resolveWithTsConfigPaths.bind(_resolveWithTsConfigPaths.resolveWithTsConfigPaths, {
-        paths: (_paths1 = tsconfig.paths) != null ? _paths1 : {},
-        baseUrl: (_baseUrl1 = tsconfig.baseUrl) != null ? _baseUrl1 : config.projectRoot,
+        paths: (_paths = tsconfig.paths) != null ? _paths : {},
+        baseUrl: (_baseUrl = tsconfig.baseUrl) != null ? _baseUrl : config.projectRoot,
         hasBaseUrl: !!tsconfig.baseUrl
     }) : null;
     // TODO: Move this to be a transform key for invalidation.
-    if (!isExporting && (0, _interactive).isInteractive()) {
+    if (!isExporting && (0, _interactive.isInteractive)()) {
         if (isTsconfigPathsEnabled) {
             // TODO: We should track all the files that used imports and invalidate them
             // currently the user will need to save all the files that use imports to
@@ -150,7 +216,7 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
             ]);
             configWatcher.startObserving(()=>{
                 debug("Reloading tsconfig.json");
-                (0, _loadTsConfigPaths).loadTsConfigPathsAsync(config.projectRoot).then((tsConfigPaths)=>{
+                (0, _loadTsConfigPaths.loadTsConfigPathsAsync)(config.projectRoot).then((tsConfigPaths)=>{
                     if ((tsConfigPaths == null ? void 0 : tsConfigPaths.paths) && !!Object.keys(tsConfigPaths.paths).length) {
                         debug("Enabling tsconfig.json paths support");
                         var _paths, _baseUrl;
@@ -166,7 +232,7 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
                 });
             });
             // TODO: This probably prevents the process from exiting.
-            (0, _exit).installExitHooks(()=>{
+            (0, _exit.installExitHooks)(()=>{
                 configWatcher.stopObserving();
             });
         } else {
@@ -174,7 +240,6 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
         }
     }
     let nodejsSourceExtensions = null;
-    const shimsFolder = _path.default.join(config.projectRoot, _externals.METRO_SHIMS_FOLDER);
     function getStrictResolver({ resolveRequest , ...context }, platform) {
         return function doResolve(moduleName) {
             return resolver(context, moduleName, platform);
@@ -188,7 +253,7 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
             } catch (error) {
                 // If the error is directly related to a resolver not being able to resolve a module, then
                 // we can ignore the error and try the next resolver. Otherwise, we should throw the error.
-                const isResolutionError = (0, _metroErrors).isFailedToResolveNameError(error) || (0, _metroErrors).isFailedToResolvePathError(error);
+                const isResolutionError = (0, _metroErrors.isFailedToResolveNameError)(error) || (0, _metroErrors.isFailedToResolvePathError)(error);
                 if (!isResolutionError) {
                     throw error;
                 }
@@ -196,7 +261,29 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
             return null;
         };
     }
-    const metroConfigWithCustomResolver = (0, _withMetroResolvers).withMetroResolvers(config, [
+    const metroConfigWithCustomResolver = (0, _withMetroResolvers.withMetroResolvers)(config, [
+        // Mock out production react imports in development.
+        (context, moduleName, platform)=>{
+            // This resolution is dev-only to prevent bundling the production React packages in development.
+            // @ts-expect-error: dev is not on type.
+            if (!context.dev) return null;
+            if (// Match react-native renderers.
+            (platform !== "web" && context.originModulePath.match(/[\\/]node_modules[\\/]react-native[\\/]/) && moduleName.match(/([\\/]ReactFabric|ReactNativeRenderer)-prod/)) || // Match react production imports.
+            (moduleName.match(/\.production(\.min)?\.js$/) && // Match if the import originated from a react package.
+            context.originModulePath.match(/[\\/]node_modules[\\/](react[-\\/]|scheduler[\\/])/))) {
+                debug(`Skipping production module: ${moduleName}`);
+                // /Users/path/to/expo/node_modules/react/index.js ./cjs/react.production.min.js
+                // /Users/path/to/expo/node_modules/react/jsx-dev-runtime.js ./cjs/react-jsx-dev-runtime.production.min.js
+                // /Users/path/to/expo/node_modules/react-is/index.js ./cjs/react-is.production.min.js
+                // /Users/path/to/expo/node_modules/react-refresh/runtime.js ./cjs/react-refresh-runtime.production.min.js
+                // /Users/path/to/expo/node_modules/react-native/node_modules/scheduler/index.native.js ./cjs/scheduler.native.production.min.js
+                // /Users/path/to/expo/node_modules/react-native/node_modules/react-is/index.js ./cjs/react-is.production.min.js
+                return {
+                    type: "empty"
+                };
+            }
+            return null;
+        },
         // tsconfig paths
         (context, moduleName, platform)=>{
             var ref;
@@ -207,18 +294,19 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
         },
         // Node.js externals support
         (context, moduleName, platform)=>{
-            var // In browser runtimes, we want to either resolve a local node module by the same name, or shim the module to
-            // prevent crashing when Node.js built-ins are imported.
-            ref;
-            // This is a web-only feature, we may extend the shimming to native platforms in the future.
-            if (platform !== "web") {
+            var ref, ref1;
+            const isServer = ((ref = context.customResolverOptions) == null ? void 0 : ref.environment) === "node" || ((ref1 = context.customResolverOptions) == null ? void 0 : ref1.environment) === "react-server";
+            if (platform !== "web" && !isServer) {
+                // This is a web/server-only feature, we may extend the shimming to native platforms in the future.
                 return null;
             }
-            const moduleId = (0, _externals).isNodeExternal(moduleName);
+            const moduleId = (0, _externals.isNodeExternal)(moduleName);
             if (!moduleId) {
                 return null;
             }
-            if (((ref = context.customResolverOptions) == null ? void 0 : ref.environment) !== "node") {
+            if (// In browser runtimes, we want to either resolve a local node module by the same name, or shim the module to
+            // prevent crashing when Node.js built-ins are imported.
+            !isServer) {
                 // Perform optional resolve first. If the module doesn't exist (no module in the node_modules)
                 // then we can mock the file to use an empty module.
                 const result = getOptionalResolver(context, platform)(moduleName);
@@ -227,9 +315,14 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
                     type: "empty"
                 };
             }
-            const redirectedModuleName = (0, _externals).getNodeExternalModuleId(context.originModulePath, moduleId);
-            debug(`Redirecting Node.js external "${moduleId}" to "${redirectedModuleName}"`);
-            return getStrictResolver(context, platform)(redirectedModuleName);
+            const contents = `module.exports=$$require_external('node:${moduleId}');`;
+            debug(`Virtualizing Node.js "${moduleId}"`);
+            const virtualModuleId = `\0node:${moduleId}`;
+            (0, _metroVirtualModules.getMetroBundlerWithVirtualModules)(getMetroBundler()).setVirtualModule(virtualModuleId, contents);
+            return {
+                type: "sourceFile",
+                filePath: virtualModuleId
+            };
         },
         // Basic moduleId aliases
         (context, moduleName, platform)=>{
@@ -243,8 +336,7 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
                 const match = moduleName.match(matcher);
                 if (match) {
                     var ref;
-                    const aliasedModule = alias.replace(/\$(\d+)/g, (_, index)=>(ref = match[parseInt(index, 10)]) != null ? ref : ""
-                    );
+                    const aliasedModule = alias.replace(/\$(\d+)/g, (_, index)=>(ref = match[parseInt(index, 10)]) != null ? ref : "");
                     const doResolve = getStrictResolver(context, platform);
                     debug(`Alias "${moduleName}" to "${aliasedModule}"`);
                     return doResolve(aliasedModule);
@@ -272,34 +364,60 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
             if (result.type !== "sourceFile") {
                 return result;
             }
-            // Replace the web resolver with the original one.
-            // This is basically an alias for web-only.
-            // TODO: Drop this in favor of the standalone asset registry module.
-            if (shouldAliasAssetRegistryForWeb(platform, result)) {
-                // @ts-expect-error: `readonly` for some reason.
-                result.filePath = assetRegistryPath;
-            }
-            if (platform === "web" && result.filePath.includes("node_modules")) {
-                // Replace with static shims
-                const normalName = normalizeSlashes(result.filePath)// Drop everything up until the `node_modules` folder.
-                .replace(/.*node_modules\//, "");
-                const shimPath = _path.default.join(shimsFolder, normalName);
-                if (_fs.default.existsSync(shimPath)) {
+            if (platform === "web") {
+                // Replace the web resolver with the original one.
+                // This is basically an alias for web-only.
+                // TODO: Drop this in favor of the standalone asset registry module.
+                if (shouldAliasAssetRegistryForWeb(platform, result)) {
                     // @ts-expect-error: `readonly` for some reason.
-                    result.filePath = shimPath;
+                    result.filePath = assetRegistryPath;
+                }
+                if (platform === "web" && result.filePath.includes("node_modules")) {
+                    // Replace with static shims
+                    const normalName = normalizeSlashes(result.filePath)// Drop everything up until the `node_modules` folder.
+                    .replace(/.*node_modules\//, "");
+                    const shimFile = (0, _externals.shouldCreateVirtualShim)(normalName);
+                    if (shimFile) {
+                        const virtualId = `\0shim:${normalName}`;
+                        const bundler = (0, _metroVirtualModules.getMetroBundlerWithVirtualModules)(getMetroBundler());
+                        if (!bundler.hasVirtualModule(virtualId)) {
+                            bundler.setVirtualModule(virtualId, _fs().default.readFileSync(shimFile, "utf8"));
+                        }
+                        debug(`Redirecting module "${result.filePath}" to shim`);
+                        return {
+                            ...result,
+                            filePath: virtualId
+                        };
+                    }
+                }
+            } else {
+                // When server components are enabled, redirect React Native's renderer to the canary build
+                // this will enable the use hook and other requisite features from React 19.
+                if (isReactCanaryEnabled && result.filePath.includes("node_modules")) {
+                    const normalName1 = normalizeSlashes(result.filePath)// Drop everything up until the `node_modules` folder.
+                    .replace(/.*node_modules\//, "");
+                    const canaryFile = (0, _externals.shouldCreateVirtualCanary)(normalName1);
+                    if (canaryFile) {
+                        debug(`Redirecting React Native module "${result.filePath}" to canary build`);
+                        return {
+                            ...result,
+                            filePath: canaryFile
+                        };
+                    }
                 }
             }
             return result;
         }, 
     ]);
     // Ensure we mutate the resolution context to include the custom resolver options for server and web.
-    const metroConfigWithCustomContext = (0, _withMetroResolvers).withMetroMutatedResolverContext(metroConfigWithCustomResolver, (immutableContext, moduleName, platform)=>{
+    const metroConfigWithCustomContext = (0, _withMetroResolvers.withMetroMutatedResolverContext)(metroConfigWithCustomResolver, (immutableContext, moduleName, platform)=>{
         var ref;
         const context = {
             ...immutableContext,
             preferNativePlatform: platform !== "web"
         };
-        if (((ref = context.customResolverOptions) == null ? void 0 : ref.environment) === "node") {
+        if ((0, _metroOptions.isServerEnvironment)((ref = context.customResolverOptions) == null ? void 0 : ref.environment)) {
+            var ref1;
             // Adjust nodejs source extensions to sort mjs after js, including platform variants.
             if (nodejsSourceExtensions === null) {
                 nodejsSourceExtensions = getNodejsExtensions(context.sourceExts);
@@ -317,6 +435,15 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
                 "main",
                 "module"
             ];
+            // Enable react-server import conditions.
+            if (((ref1 = context.customResolverOptions) == null ? void 0 : ref1.environment) === "react-server") {
+                context.unstable_conditionNames = [
+                    "node",
+                    "require",
+                    "react-server",
+                    "server"
+                ];
+            }
         } else {
             // Non-server changes
             if (!_env.env.EXPO_METRO_NO_MAIN_FIELD_OVERRIDE && platform && platform in preferredMainFields) {
@@ -325,16 +452,16 @@ function withExtendedResolver(config, { tsconfig , isTsconfigPathsEnabled , isFa
         }
         return context;
     });
-    return (0, _withMetroResolvers).withMetroErrorReportingResolver(metroConfigWithCustomContext);
+    return (0, _withMetroResolvers.withMetroErrorReportingResolver)(metroConfigWithCustomContext);
 }
 function shouldAliasAssetRegistryForWeb(platform, result) {
     return platform === "web" && (result == null ? void 0 : result.type) === "sourceFile" && typeof (result == null ? void 0 : result.filePath) === "string" && normalizeSlashes(result.filePath).endsWith("react-native-web/dist/modules/AssetRegistry/index.js");
 }
 function shouldAliasModule(input, alias) {
-    var ref, ref6;
-    return input.platform === alias.platform && ((ref = input.result) == null ? void 0 : ref.type) === "sourceFile" && typeof ((ref6 = input.result) == null ? void 0 : ref6.filePath) === "string" && normalizeSlashes(input.result.filePath).endsWith(alias.output);
+    var ref, ref1;
+    return input.platform === alias.platform && ((ref = input.result) == null ? void 0 : ref.type) === "sourceFile" && typeof ((ref1 = input.result) == null ? void 0 : ref1.filePath) === "string" && normalizeSlashes(input.result.filePath).endsWith(alias.output);
 }
-async function withMetroMultiPlatformAsync(projectRoot, { config , exp , platformBundlers , isTsconfigPathsEnabled , webOutput , isFastResolverEnabled , isExporting  }) {
+async function withMetroMultiPlatformAsync(projectRoot, { config , exp , platformBundlers , isTsconfigPathsEnabled , webOutput , isFastResolverEnabled , isExporting , isReactCanaryEnabled , getMetroBundler  }) {
     if (!config.projectRoot) {
         // @ts-expect-error: read-only types
         config.projectRoot = projectRoot;
@@ -356,23 +483,20 @@ async function withMetroMultiPlatformAsync(projectRoot, { config , exp , platfor
             config.watchFolders = [];
         }
         // @ts-expect-error: watchFolders is readonly
-        config.watchFolders.push(_path.default.join(require.resolve("metro-runtime/package.json"), "../.."));
+        config.watchFolders.push(_path().default.join(require.resolve("metro-runtime/package.json"), "../.."));
     }
     // @ts-expect-error
     config.transformer._expoRouterWebRendering = webOutput;
     // @ts-expect-error: Invalidate the cache when the location of expo-router changes on-disk.
-    config.transformer._expoRouterPath = _resolveFrom.default.silent(projectRoot, "expo-router");
+    config.transformer._expoRouterPath = _resolveFrom().default.silent(projectRoot, "expo-router");
     let tsconfig = null;
     if (isTsconfigPathsEnabled) {
-        tsconfig = await (0, _loadTsConfigPaths).loadTsConfigPathsAsync(projectRoot);
+        tsconfig = await (0, _loadTsConfigPaths.loadTsConfigPathsAsync)(projectRoot);
     }
-    await (0, _externals).setupShimFiles(projectRoot);
-    await (0, _externals).setupNodeExternals(projectRoot);
     let expoConfigPlatforms = Object.entries(platformBundlers).filter(([platform, bundler])=>{
         var ref;
         return bundler === "metro" && ((ref = exp.platforms) == null ? void 0 : ref.includes(platform));
-    }).map(([platform])=>platform
-    );
+    }).map(([platform])=>platform);
     if (Array.isArray(config.resolver.platforms)) {
         expoConfigPlatforms = [
             ...new Set(expoConfigPlatforms.concat(config.resolver.platforms))
@@ -380,12 +504,16 @@ async function withMetroMultiPlatformAsync(projectRoot, { config , exp , platfor
     }
     // @ts-expect-error: typed as `readonly`.
     config.resolver.platforms = expoConfigPlatforms;
-    config = withWebPolyfills(config);
+    config = withWebPolyfills(config, {
+        getMetroBundler
+    });
     return withExtendedResolver(config, {
         tsconfig,
         isExporting,
         isTsconfigPathsEnabled,
-        isFastResolverEnabled
+        isFastResolverEnabled,
+        isReactCanaryEnabled,
+        getMetroBundler
     });
 }
 function isDirectoryIn(a, b) {