@vxrn/vite-plugin-metro 1.1.504 → 1.1.506

package/dist/esm/transformer/babel-transformer.native.js

@@ -81,8 +81,12 @@ var transform = function (param) {
         // `plugins` is used for `functionMapBabelPlugin` from `metro-source-map`. Could make sense to move this to `babel-preset-expo` too.
         plugins
       } = param,
-      _options_customTransformOptions,
-      customOptionsFromVite = ((_options_customTransformOptions = options.customTransformOptions) === null || _options_customTransformOptions === void 0 ? void 0 : _options_customTransformOptions.vite) || {},
+      customOptionsFromVite = function () {
+        var _options_customTransformOptions,
+          c = (_options_customTransformOptions = options.customTransformOptions) === null || _options_customTransformOptions === void 0 ? void 0 : _options_customTransformOptions.vite;
+        if (!c || typeof c != "object") throw new Error(`[vite-plugin-metro/babel-transformer]: Expect options.customTransformOptions.vite to be an object, but got ${typeof c}.`);
+        return c;
+      }(),
       babelConfigFromVitePlugin = customOptionsFromVite.babelConfig || {},
       OLD_BABEL_ENV = process.env.BABEL_ENV;
     process.env.BABEL_ENV = options.dev ? "development" : process.env.BABEL_ENV || "production";

package/dist/esm/transformer/babel-transformer.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["assert","loadBabelConfig","transformSync","debug","require","isCustomTruthy","value","String","memoize","fn","cache","Map","_len","arguments","length","args","Array","_key","key","JSON","stringify","has","get","result","set","memoizeWarning","message","getBabelCaller","param","filename","options","_options_customTransformOptions","_options_customTransformOptions1","_options_customTransformOptions2","_options_customTransformOptions3","_options_customTransformOptions4","_options_customTransformOptions5","_options_customTransformOptions6","_options_customTransformOptions7","_options_customTransformOptions8","isNodeModule","includes","isReactServer","customTransformOptions","environment","isGenericServer","isServer","routerRoot","decodeURI","name","bundler","platform","baseUrl","isDev","dev","preserveEnvVars","asyncRoutes","engine","stringOrUndefined","projectRoot","isHMREnabled","hot","supportsStaticESM","optimize","experimentalImportSupport","supportsReactCompiler","reactCompiler","transform","src","plugins","customOptionsFromVite","vite","babelConfigFromVitePlugin","babelConfig","OLD_BABEL_ENV","process","env","BABEL_ENV","sourceType","ast","code","cloneInputAst","cwd","highlightCode","babelrc","enableBabelRCLookup","caller","metadata"],"sources":["../../../src/transformer/babel-transformer.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["assert","loadBabelConfig","transformSync","debug","require","isCustomTruthy","value","String","memoize","fn","cache","Map","_len","arguments","length","args","Array","_key","key","JSON","stringify","has","get","result","set","memoizeWarning","message","getBabelCaller","param","filename","options","_options_customTransformOptions","_options_customTransformOptions1","_options_customTransformOptions2","_options_customTransformOptions3","_options_customTransformOptions4","_options_customTransformOptions5","_options_customTransformOptions6","_options_customTransformOptions7","_options_customTransformOptions8","isNodeModule","includes","isReactServer","customTransformOptions","environment","isGenericServer","isServer","routerRoot","decodeURI","name","bundler","platform","baseUrl","isDev","dev","preserveEnvVars","asyncRoutes","engine","stringOrUndefined","projectRoot","isHMREnabled","hot","supportsStaticESM","optimize","experimentalImportSupport","supportsReactCompiler","reactCompiler","transform","src","plugins","customOptionsFromVite","c","vite","Error","babelConfigFromVitePlugin","babelConfig","OLD_BABEL_ENV","process","env","BABEL_ENV","sourceType","ast","code","cloneInputAst","cwd","highlightCode","babelrc","enableBabelRCLookup","caller","metadata"],"sources":["../../../src/transformer/babel-transformer.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/transformer/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/transformer/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/transformer/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/esm/transformer/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/transformer/types.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.native.js.map

package/dist/esm/transformer/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/vite-plugin-metro",
-  "version": "1.1.504",
+  "version": "1.1.506",
   "sideEffects": false,
   "type": "module",
   "main": "dist/cjs",
@@ -11,14 +11,24 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "require": "./dist/cjs/index.js",
+      "require": "./dist/cjs/index.cjs",
       "import": "./dist/esm/index.mjs"
     },
+    "./rn-commands": {
+      "types": "./types/rn-commands/index.d.ts",
+      "import": "./dist/esm/rn-commands/index.mjs",
+      "require": "./dist/cjs/rn-commands/index.cjs"
+    },
     "./babel-transformer": {
       "types": "./types/transformer/babel-transformer.d.ts",
       "import": "./dist/esm/transformer/babel-transformer.mjs",
       "require": "./dist/cjs/transformer/babel-transformer.cjs"
     },
+    "./babel-plugins/import-meta-env-plugin": {
+      "types": "./types/babel-plugins/import-meta-env-plugin.d.ts",
+      "import": "./dist/esm/babel-plugins/import-meta-env-plugin.mjs",
+      "require": "./dist/cjs/babel-plugins/import-meta-env-plugin.cjs"
+    },
     "./empty": {
       "import": "./empty.js",
       "require": "./empty.js"
@@ -32,6 +42,7 @@
   ],
   "scripts": {
     "build": "tamagui-build",
+    "build:workaround-fix-nodejs-22-defaults-to-esm": "echo '{\n  \"type\": \"commonjs\"\n}' > dist/cjs/package.json",
     "watch": "yarn build --watch",
     "check": "yarn depcheck",
     "clean": "tamagui-build clean",
@@ -41,12 +52,15 @@
     "@expo/metro-config": "^0.19.8",
     "expo": "^53.0.4",
     "metro": "^0.82",
+    "metro-config": "*",
     "react-native": "~0.79.2",
     "vite": "^6.1.0"
   },
   "dependencies": {
     "@babel/core": "^7.26.8",
-    "@vxrn/debug": "1.1.504",
+    "@babel/helper-plugin-utils": "^7.26.8",
+    "@babel/types": "^7.26.8",
+    "@vxrn/debug": "1.1.506",
     "babel-preset-expo": "*",
     "launch-editor": "^2.10.0",
     "picocolors": "^1.0.0"
@@ -55,7 +69,8 @@
     "@biomejs/biome": "1.9.4",
     "@expo/metro-config": "^0.19.8",
     "@react-native/dev-middleware": "~0.79.2",
-    "@tamagui/build": "^1.129.16",
+    "@tamagui/build": "^1.132.7",
+    "@types/babel__helper-plugin-utils": "^7",
     "@types/node": "^22.1.0",
     "depcheck": "^1.4.7",
     "expo": "^53.0.4",

package/src/babel-plugins/import-meta-env-plugin.ts

@@ -0,0 +1,56 @@
+import { declare } from '@babel/helper-plugin-utils'
+import * as t from '@babel/types'
+import type { PluginObj } from '@babel/core'
+
+type PluginOptions = {
+  env?: Record<string, string | undefined>
+}
+
+export const importMetaEnvPlugin = declare<PluginOptions>((api, options): PluginObj => {
+  api.assertVersion(7)
+
+  return {
+    name: 'import-meta-env',
+    visitor: {
+      MemberExpression(path) {
+        const { node } = path
+
+        const isImportMeta =
+          t.isMetaProperty(node.object) &&
+          node.object.meta.name === 'import' &&
+          node.object.property.name === 'meta'
+
+        // Replace import.meta.env
+        if (isImportMeta && t.isIdentifier(node.property, { name: 'env' })) {
+          const envEntries = Object.entries(options.env ?? {}).map(([key, value]) =>
+            t.objectProperty(t.identifier(key), value === undefined ? t.identifier('undefined') : t.valueToNode(value))
+          )
+          path.replaceWith(t.objectExpression(envEntries))
+          return
+        }
+
+        // Replace import.meta.env.*
+        if (
+          t.isMemberExpression(node.object) &&
+          t.isMetaProperty(node.object.object) &&
+          node.object.object.meta.name === 'import' &&
+          node.object.object.property.name === 'meta' &&
+          t.isIdentifier(node.object.property, { name: 'env' })
+        ) {
+          const envKey = t.isIdentifier(node.property)
+            ? node.property.name
+            : t.isStringLiteral(node.property)
+              ? node.property.value
+              : null
+
+          if (!envKey) return
+
+          const value = options.env?.[envKey]
+          path.replaceWith(value === undefined ? t.identifier('undefined') : t.valueToNode(value))
+        }
+      },
+    },
+  }
+})
+
+export default importMetaEnvPlugin

package/src/metro-config/getMetroBabelConfigFromViteConfig.ts

@@ -0,0 +1,50 @@
+import type { ResolvedConfig } from 'vite'
+
+// For Metro and Expo, we only import types here.
+// We use `projectImport` to dynamically import the actual modules
+// at runtime to ensure they are loaded from the user's project root.
+import type { loadConfig as loadConfigT } from 'metro'
+import type { getDefaultConfig as getDefaultConfigT } from '@expo/metro-config'
+
+import { projectImport, projectResolve } from '../utils/projectImport'
+import { getTerminalReporter } from '../utils/getTerminalReporter'
+import { patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName } from '../utils/patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName'
+import type { MetroPluginOptions } from '../plugins/metroPlugin'
+import type { ExtraConfig, MetroConfigExtended } from './types'
+import type { TransformOptions } from '@babel/core'
+
+type MetroInputConfig = Parameters<typeof loadConfigT>[1]
+
+export function getMetroBabelConfigFromViteConfig(config: ResolvedConfig): TransformOptions {
+  const importMetaEnv = {
+    // https://vite.dev/guide/env-and-mode.html#built-in-constants
+    MODE: config.mode,
+    BASE_URL: 'https://vxrn.not.supported.yet',
+    PROD: config.mode === 'production',
+    DEV: config.mode === 'development',
+    SSR: false,
+  }
+
+  // Collect from process.env
+  const envPrefix = config.envPrefix || 'VITE_'
+  if (envPrefix) {
+    Object.keys(process.env).forEach((key) => {
+      const shouldInclude = Array.isArray(envPrefix)
+        ? envPrefix.some((p) => key.startsWith(p))
+        : key.startsWith(envPrefix)
+
+      if (shouldInclude) {
+        importMetaEnv[key] = process.env[key]
+      }
+    })
+  }
+
+  return {
+    plugins: [
+      // Note that we can only pass Babel plugins by name here,
+      // since Metro will run Babel transformers in different threads
+      // and plugins are not serializable, it seems.
+      ['@vxrn/vite-plugin-metro/babel-plugins/import-meta-env-plugin', { env: importMetaEnv }],
+    ],
+  }
+}

package/src/metro-config/getMetroConfigFromViteConfig.ts

@@ -0,0 +1,144 @@
+import type { ResolvedConfig } from 'vite'
+
+// For Metro and Expo, we only import types here.
+// We use `projectImport` to dynamically import the actual modules
+// at runtime to ensure they are loaded from the user's project root.
+import type { loadConfig as loadConfigT } from 'metro'
+import type { getDefaultConfig as getDefaultConfigT } from '@expo/metro-config'
+
+import { projectImport, projectResolve } from '../utils/projectImport'
+import { getTerminalReporter } from '../utils/getTerminalReporter'
+import { patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName } from '../utils/patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName'
+import type { MetroPluginOptions } from '../plugins/metroPlugin'
+import type { ExtraConfig, MetroConfigExtended } from './types'
+
+type MetroInputConfig = Parameters<typeof loadConfigT>[1]
+
+export async function getMetroConfigFromViteConfig(
+  config: ResolvedConfig,
+  metroPluginOptions: MetroPluginOptions
+): Promise<MetroConfigExtended> {
+  const extraConfig: ExtraConfig = {}
+  const { root: projectRoot } = config
+  const { mainModuleName, argv, defaultConfigOverrides } = metroPluginOptions
+
+  const { loadConfig } = await projectImport<{
+    loadConfig: typeof loadConfigT
+  }>(projectRoot, 'metro')
+  const { getDefaultConfig } = await projectImport<{
+    getDefaultConfig: typeof getDefaultConfigT
+  }>(projectRoot, '@expo/metro-config')
+
+  const _defaultConfig: MetroInputConfig = getDefaultConfig(projectRoot) as any
+
+  if (mainModuleName) {
+    const origRewriteRequestUrl = _defaultConfig!.server!.rewriteRequestUrl!
+
+    // We need to patch Expo's default `config.server.rewriteRequestUrl`
+    // to change how URLs like '/.expo/.virtual-metro-entry.bundle?' are
+    // rewritten.
+    // But since that function is difficult to override, here we borrow
+    // the ExpoGoManifestHandlerMiddleware and use it to resolve the
+    // URL to the main module name.
+    const resolveMainModuleName: (p: { platform: 'ios' | 'android' }) => string =
+      await (async () => {
+        const ExpoGoManifestHandlerMiddleware = (
+          await projectImport(
+            projectRoot,
+            '@expo/cli/build/src/start/server/middleware/ExpoGoManifestHandlerMiddleware.js'
+          )
+        ).default.ExpoGoManifestHandlerMiddleware
+
+        const manifestHandlerMiddleware = new ExpoGoManifestHandlerMiddleware(projectRoot, {})
+
+        patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName(
+          manifestHandlerMiddleware,
+          mainModuleName
+        )
+
+        return (p) => {
+          return manifestHandlerMiddleware.resolveMainModuleName({
+            pkg: { main: mainModuleName },
+            platform: p.platform,
+          })
+        }
+      })()
+
+    extraConfig.getResolveMainModuleName = resolveMainModuleName
+
+    _defaultConfig!.server!.rewriteRequestUrl = (url) => {
+      if (url.includes('/.expo/.virtual-metro-entry.bundle?')) {
+        const resolvedMainModulePath = resolveMainModuleName({
+          platform: 'ios', // we probably need to handle android here, but currently in our use case this won't affect the result
+        })
+
+        return url.replace('.expo/.virtual-metro-entry', resolvedMainModulePath)
+      }
+
+      return origRewriteRequestUrl(url)
+    }
+  }
+
+  const defaultConfig: MetroInputConfig = {
+    ..._defaultConfig,
+    resolver: {
+      ..._defaultConfig?.resolver,
+      sourceExts: ['js', 'jsx', 'json', 'ts', 'tsx', 'mjs', 'cjs'], // `one` related packages are using `.mjs` extensions. This somehow fixes `.native` files not being resolved correctly when `.mjs` files are present.
+      resolveRequest: (context, moduleName, platform) => {
+        const origResolveRequestFn =
+          _defaultConfig?.resolver?.resolveRequest || context.resolveRequest
+
+        // HACK: Do not assert the "import" condition for `@babel/runtime`. This
+        // is a workaround for ESM <-> CJS interop, as we need the CJS versions of
+        // `@babel/runtime` helpers.
+        //
+        // This hack is originally made in Metro and was removed in `v0.81.3`, but
+        // we somehow still need it.
+        // See: https://github.com/facebook/metro/commit/9552a64a0487af64cd86d8591e203a55c59c9686#diff-b03f1b511a2be7abd755b9c2561e47f513f84931466f2cc20a17a4238d70f12bL370-L378
+        //
+        // Resolves the "TypeError: _interopRequireDefault is not a function (it is Object)" error.
+        if (moduleName.startsWith('@babel/runtime')) {
+          const contextOverride = {
+            ...context,
+            unstable_conditionNames: context.unstable_conditionNames.filter((c) => c !== 'import'),
+          }
+          return origResolveRequestFn(contextOverride, moduleName, platform)
+        }
+
+        return origResolveRequestFn(context, moduleName, platform)
+      },
+    },
+    transformer: {
+      ..._defaultConfig?.transformer,
+      babelTransformerPath: projectResolve(
+        projectRoot,
+        '@vxrn/vite-plugin-metro/babel-transformer'
+      ),
+      // TODO: This is what Expo is doing, but do we really need this?
+      // Doing so seems to make the release build broken since assets will be
+      // copied to /.../Xcode/DerivedData/.../Build/Products/Release-iphonesimulator/...app/assets/?unstable_path=.%2Fsrc%2Fimages/logo.png
+      // publicPath: '/assets/?unstable_path=.',
+    },
+    reporter: await getTerminalReporter(projectRoot),
+  }
+
+  const metroConfig = await loadConfig(
+    {
+      cwd: projectRoot,
+      projectRoot,
+      'reset-cache': !!process.env.METRO_RESET_CACHE, // TODO: `--clean`
+      ...argv,
+    },
+    {
+      ...defaultConfig,
+      ...(typeof defaultConfigOverrides === 'function'
+        ? defaultConfigOverrides(defaultConfig)
+        : defaultConfigOverrides),
+    }
+  )
+
+  return {
+    ...metroConfig,
+    ...extraConfig,
+  }
+}

package/src/metro-config/patchMetroServerWithViteConfigAndMetroPluginOptions.ts

@@ -0,0 +1,44 @@
+import type Server from 'metro/src/Server'
+import type { ResolvedConfig } from 'vite'
+import type { MetroPluginOptions } from '../plugins/metroPlugin'
+import type { ViteCustomTransformOptions } from '../transformer/types'
+import { getMetroBabelConfigFromViteConfig } from './getMetroBabelConfigFromViteConfig'
+
+export function patchMetroServerWithViteConfigAndMetroPluginOptions(
+  metroServer: Server,
+  config: ResolvedConfig,
+  options: MetroPluginOptions
+) {
+  // Patch transformFile to inject custom transform options.
+  const originalTransformFile = metroServer
+    .getBundler()
+    .getBundler()
+    .transformFile.bind(metroServer.getBundler().getBundler())
+  const defaultBabelConfig = getMetroBabelConfigFromViteConfig(config)
+  metroServer.getBundler().getBundler().transformFile = async (
+    filePath: string,
+    transformOptions: Parameters<typeof originalTransformFile>[1],
+    fileBuffer?: Parameters<typeof originalTransformFile>[2]
+  ) => {
+    const viteCustomTransformOptions: ViteCustomTransformOptions = {
+      // config: server.config,
+      babelConfig: {
+        ...defaultBabelConfig,
+        ...options.babelConfig,
+        plugins: [...(defaultBabelConfig.plugins || []), ...(options.babelConfig?.plugins || [])],
+      },
+    }
+    return originalTransformFile(
+      filePath,
+      {
+        ...transformOptions,
+        customTransformOptions: {
+          ...transformOptions.customTransformOptions,
+          // Pass into our own babel-transformer
+          vite: viteCustomTransformOptions,
+        },
+      },
+      fileBuffer
+    )
+  }
+}

package/src/metro-config/types.ts

@@ -0,0 +1,9 @@
+import type { ConfigT } from 'metro-config'
+
+export type MetroConfig = ConfigT
+
+export type ExtraConfig = {
+  getResolveMainModuleName?: (p: { platform: 'ios' | 'android' }) => string
+}
+
+export type MetroConfigExtended = MetroConfig & ExtraConfig

package/src/plugins/metroPlugin.ts

@@ -11,13 +11,12 @@ import type MetroT from 'metro'
 import type { loadConfig as loadConfigT } from 'metro'
 import type MetroHmrServerT from 'metro/src/HmrServer'
 import type createWebsocketServerT from 'metro/src/lib/createWebsocketServer'
-import type { getDefaultConfig as getDefaultConfigT } from '@expo/metro-config'
 import type { createDevMiddleware as createDevMiddlewareT } from '@react-native/dev-middleware'
 
-import { projectImport, projectResolve } from '../utils/projectImport'
-import { getTerminalReporter } from '../utils/getTerminalReporter'
-import { patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName } from '../utils/patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName'
+import { projectImport } from '../utils/projectImport'
 import type { TransformOptions } from '../transformer/babel-core'
+import { getMetroConfigFromViteConfig } from '../metro-config/getMetroConfigFromViteConfig'
+import { patchMetroServerWithViteConfigAndMetroPluginOptions } from '../metro-config/patchMetroServerWithViteConfigAndMetroPluginOptions'
 
 type MetroYargArguments = Parameters<typeof loadConfigT>[0]
 type MetroInputConfig = Parameters<typeof loadConfigT>[1]
@@ -39,14 +38,15 @@ export type MetroPluginOptions = {
   mainModuleName?: string
 }
 
-export function metroPlugin({
-  argv,
-  defaultConfigOverrides,
-  babelConfig,
-  mainModuleName,
-}: MetroPluginOptions = {}): PluginOption {
+export function metroPlugin(options: MetroPluginOptions = {}): PluginOption {
   // let projectRoot = ''
 
+  // This is used to:
+  //   1. Make the react-native CLI bundle command use Metro.
+  //   2. Let the react-native CLI bundle command access metro plugin options.
+  // See: getBuildBundleFn
+  globalThis['__viteMetroPluginOptions__'] = options
+
   return {
     name: 'metro',
     // configResolved(config) {
@@ -56,9 +56,8 @@ export function metroPlugin({
     async configureServer(server) {
       const { logger, root: projectRoot } = server.config
 
-      const { default: Metro, loadConfig } = await projectImport<{
+      const { default: Metro } = await projectImport<{
         default: typeof MetroT
-        loadConfig: typeof loadConfigT
       }>(projectRoot, 'metro')
       const { default: MetroHmrServer } = await projectImport<{
         default: typeof MetroHmrServerT
@@ -66,118 +65,11 @@ export function metroPlugin({
       const { default: createWebsocketServer } = await projectImport<{
         default: typeof createWebsocketServerT
       }>(projectRoot, 'metro/src/lib/createWebsocketServer')
-      const { getDefaultConfig } = await projectImport<{
-        getDefaultConfig: typeof getDefaultConfigT
-      }>(projectRoot, '@expo/metro-config')
       const { createDevMiddleware } = await projectImport<{
         createDevMiddleware: typeof createDevMiddlewareT
       }>(projectRoot, '@react-native/dev-middleware')
 
-      const _defaultConfig: MetroInputConfig = getDefaultConfig(projectRoot) as any
-
-      if (mainModuleName) {
-        const origRewriteRequestUrl = _defaultConfig!.server!.rewriteRequestUrl!
-
-        // We need to patch Expo's default `config.server.rewriteRequestUrl`
-        // to change how URLs like '/.expo/.virtual-metro-entry.bundle?' are
-        // rewritten.
-        // But since that function is difficult to override, here we borrow
-        // the ExpoGoManifestHandlerMiddleware and use it to resolve the
-        // URL to the main module name.
-        const resolveMainModuleName: (p: { platform: 'ios' | 'android' }) => string =
-          await (async () => {
-            const ExpoGoManifestHandlerMiddleware = (
-              await projectImport(
-                projectRoot,
-                '@expo/cli/build/src/start/server/middleware/ExpoGoManifestHandlerMiddleware.js'
-              )
-            ).default.ExpoGoManifestHandlerMiddleware
-
-            const manifestHandlerMiddleware = new ExpoGoManifestHandlerMiddleware(projectRoot, {})
-
-            patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName(
-              manifestHandlerMiddleware,
-              mainModuleName
-            )
-
-            return (p) => {
-              return manifestHandlerMiddleware.resolveMainModuleName({
-                pkg: { main: mainModuleName },
-                platform: p.platform,
-              })
-            }
-          })()
-
-        _defaultConfig!.server!.rewriteRequestUrl = (url) => {
-          if (url.includes('/.expo/.virtual-metro-entry.bundle?')) {
-            const resolvedMainModulePath = resolveMainModuleName({
-              platform: 'ios', // we probably need to handle android here, but currently in our use case this won't affect the result
-            })
-
-            return url.replace('.expo/.virtual-metro-entry', resolvedMainModulePath)
-          }
-
-          return origRewriteRequestUrl(url)
-        }
-      }
-
-      const defaultConfig: MetroInputConfig = {
-        ..._defaultConfig,
-        resolver: {
-          ..._defaultConfig?.resolver,
-          sourceExts: ['js', 'jsx', 'json', 'ts', 'tsx', 'mjs', 'cjs'], // `one` related packages are using `.mjs` extensions. This somehow fixes `.native` files not being resolved correctly when `.mjs` files are present.
-          resolveRequest: (context, moduleName, platform) => {
-            const origResolveRequestFn =
-              _defaultConfig?.resolver?.resolveRequest || context.resolveRequest
-
-            // HACK: Do not assert the "import" condition for `@babel/runtime`. This
-            // is a workaround for ESM <-> CJS interop, as we need the CJS versions of
-            // `@babel/runtime` helpers.
-            //
-            // This hack is originally made in Metro and was removed in `v0.81.3`, but
-            // we somehow still need it.
-            // See: https://github.com/facebook/metro/commit/9552a64a0487af64cd86d8591e203a55c59c9686#diff-b03f1b511a2be7abd755b9c2561e47f513f84931466f2cc20a17a4238d70f12bL370-L378
-            //
-            // Resolves the "TypeError: _interopRequireDefault is not a function (it is Object)" error.
-            if (moduleName.startsWith('@babel/runtime')) {
-              const contextOverride = {
-                ...context,
-                unstable_conditionNames: context.unstable_conditionNames.filter(
-                  (c) => c !== 'import'
-                ),
-              }
-              return origResolveRequestFn(contextOverride, moduleName, platform)
-            }
-
-            return origResolveRequestFn(context, moduleName, platform)
-          },
-        },
-        transformer: {
-          ..._defaultConfig?.transformer,
-          babelTransformerPath: projectResolve(
-            projectRoot,
-            '@vxrn/vite-plugin-metro/babel-transformer'
-          ),
-          // TODO: This is what Expo is doing, but do we really need this?
-          publicPath: '/assets/?unstable_path=.',
-        },
-        reporter: await getTerminalReporter(projectRoot),
-      }
-
-      const config = await loadConfig(
-        {
-          cwd: projectRoot,
-          projectRoot,
-          'reset-cache': !!process.env.METRO_RESET_CACHE,
-          ...argv,
-        },
-        {
-          ...defaultConfig,
-          ...(typeof defaultConfigOverrides === 'function'
-            ? defaultConfigOverrides(defaultConfig)
-            : defaultConfigOverrides),
-        }
-      )
+      const config = await getMetroConfigFromViteConfig(server.config, options)
 
       const { middleware, end, metroServer } = await Metro.createConnectMiddleware(config, {
         // Force enable file watching, even on CI.
@@ -185,30 +77,7 @@ export function metroPlugin({
         watch: true,
       })
 
-      // Patch transformFile to inject custom transform options.
-      const originalTransformFile = metroServer
-        .getBundler()
-        .getBundler()
-        .transformFile.bind(metroServer.getBundler().getBundler())
-      metroServer.getBundler().getBundler().transformFile = async (
-        filePath: string,
-        transformOptions: Parameters<typeof originalTransformFile>[1],
-        fileBuffer?: Parameters<typeof originalTransformFile>[2]
-      ) => {
-        return originalTransformFile(
-          filePath,
-          {
-            ...transformOptions,
-            customTransformOptions: {
-              ...transformOptions.customTransformOptions,
-              vite: {
-                babelConfig,
-              },
-            },
-          },
-          fileBuffer
-        )
-      }
+      patchMetroServerWithViteConfigAndMetroPluginOptions(metroServer, server.config, options)
 
       const hmrServer = new MetroHmrServer(
         metroServer.getBundler(),

package/src/rn-commands/bundle/README.md

@@ -0,0 +1,2 @@
+We are copying code from `@react-native/community-cli-plugin` mostly because we need to pass custom things into the babel-transformer.
+If we can find a better way to do that, we probably can just import `unstable_buildBundleWithConfig` from `@react-native/community-cli-plugin` and just use it.