@vxrn/vite-plugin-metro 2.0.0-beta.33.1 → 2.0.0-beta.46.1

package/dist/esm/utils/projectImport.native.js

@@ -1,42 +1,33 @@
 import { createDebugger } from "@vxrn/debug";
 import module from "module";
 import { pathToFileURL } from "url";
-function _instanceof(left, right) {
-  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-    return !!right[Symbol.hasInstance](left);
-  } else {
-    return left instanceof right;
-  }
-}
-var {
-  debug
-} = createDebugger("vite-metro:projectImport");
+
+var { debug } = createDebugger("vite-metro:projectImport");
 async function projectImport(projectRoot, path) {
-  try {
-    var _out_default;
-    var importPath = projectResolve(projectRoot, path);
-    debug === null || debug === void 0 ? void 0 : debug(`Importing "${path}" from project root: "${projectRoot}" at "${importPath}"`);
-    var out = await import(pathToFileURL(importPath).href);
-    if (out === null || out === void 0 ? void 0 : (_out_default = out.default) === null || _out_default === void 0 ? void 0 : _out_default.default) {
-      return {
-        ...out,
-        default: out.default.default
-      };
-    }
-    return out;
-  } catch (e) {
-    if (_instanceof(e, Error)) {
-      e.message = `[vite-plugin-metro] Failed to import ${path} from your project (${projectRoot}): ${e.message}`;
-    }
-    throw e;
-  }
+	try {
+		var _out_default;
+		var importPath = projectResolve(projectRoot, path);
+		debug === null || debug === void 0 ? void 0 : debug(`Importing "${path}" from project root: "${projectRoot}" at "${importPath}"`);
+		var out = await import(pathToFileURL(importPath).href);
+		if (out === null || out === void 0 ? void 0 : (_out_default = out.default) === null || _out_default === void 0 ? void 0 : _out_default.default) {
+			return {
+				...out,
+				default: out.default.default
+			};
+		}
+		return out;
+	} catch (e) {
+		if (e instanceof Error) {
+			e.message = `[vite-plugin-metro] Failed to import ${path} from your project (${projectRoot}): ${e.message}`;
+		}
+		throw e;
+	}
 }
 function projectResolve(projectRoot, path) {
-  var require2 = module.createRequire(projectRoot);
-  var importPath = require2.resolve(path, {
-    paths: [projectRoot]
-  });
-  return importPath;
+	var require2 = module.createRequire(projectRoot);
+	var importPath = require2.resolve(path, { paths: [projectRoot] });
+	return importPath;
 }
+
 export { debug, projectImport, projectResolve };
 //# sourceMappingURL=projectImport.native.js.map

package/dist/esm/utils/projectImport.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["createDebugger","module","pathToFileURL","_instanceof","left","right","Symbol","hasInstance","debug","projectImport","projectRoot","path","_out_default","importPath","projectResolve","out","href","default","e","Error","message"],"sources":["../../../src/utils/projectImport.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,OAAOC,MAAA,MAAY;AACnB,SAASC,aAAA,QAAqB;AAEvB,SAAQC,WAAUA,CAAAC,IAAA,EAAAC,KAAA,EAAe;EAQxC,IAAAA,KAAA,IAAsB,eACpBC,MAAA,gBAEY,IAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IACZ,OAAI,EAAAF,KAAA,CAAAC,MAAA,CAAAC,WAAA,EAAAH,IAAA;EACF;IAEA,OAAAA,IAAQ,YAAcC,KAAI;EAE1B;AAGA;AACE;EAAAG;AAAA,CAAO,GAAAR,cAAA;AAAA,eACFS,cAAAC,WAAA,EAAAC,IAAA;EAAA;IACkB,IACvBC,YAAA;IACF,IAAAC,UAAA,GAAAC,cAAA,CAAAJ,WAAA,EAAAC,IAAA;IAEAH,KAAA,KAAO,QAAAA,KAAA,uBAAAA,KAAA,eAAAG,IAAA,yBAAAD,WAAA,SAAAG,UAAA;IACT,IAAAE,GAAS,GAAG,aAAAb,aAAA,CAAAW,UAAA,EAAAG,IAAA;IACV,IAAID,GAAA,aAAaA,GAAA,KAAO,mBAAAH,YAAA,GAAAG,GAAA,CAAAE,OAAA,cAAAL,YAAA,uBAAAA,YAAA,CAAAK,OAAA;MACtB,OAAE;QACJ,GAAAF,GAAA;QAEAE,OAAM,EAAAF,GAAA,CAAAE,OAAA,CAAAA;MACR;IACF;IAEO,OAASF,GAAA;EACd,SAAMG,CAAA;IACN,IAAMf,WAAA,CAAAe,CAAa,EAAAC,KAAA,GAAQ;MAC3BD,CAAA,CAAAE,OAAO,2CAAAT,IAAA,uBAAAD,WAAA,MAAAQ,CAAA,CAAAE,OAAA;IACT","ignoreList":[]}
+{"version":3,"file":"projectImport.native.js","names":[],"sources":["esm/utils/projectImport.native.js"],"sourcesContent":["import { createDebugger } from \"@vxrn/debug\";\nimport module from \"module\";\nimport { pathToFileURL } from \"url\";\nvar { debug } = createDebugger(\"vite-metro:projectImport\");\nasync function projectImport(projectRoot, path) {\n  try {\n    var _out_default;\n    var importPath = projectResolve(projectRoot, path);\n    debug === null || debug === void 0 ? void 0 : debug(`Importing \"${path}\" from project root: \"${projectRoot}\" at \"${importPath}\"`);\n    var out = await import(pathToFileURL(importPath).href);\n    if (out === null || out === void 0 ? void 0 : (_out_default = out.default) === null || _out_default === void 0 ? void 0 : _out_default.default) {\n      return {\n        ...out,\n        default: out.default.default\n      };\n    }\n    return out;\n  } catch (e) {\n    if (e instanceof Error) {\n      e.message = `[vite-plugin-metro] Failed to import ${path} from your project (${projectRoot}): ${e.message}`;\n    }\n    throw e;\n  }\n}\nfunction projectResolve(projectRoot, path) {\n  var require2 = module.createRequire(projectRoot);\n  var importPath = require2.resolve(path, {\n    paths: [\n      projectRoot\n    ]\n  });\n  return importPath;\n}\nexport {\n  debug,\n  projectImport,\n  projectResolve\n};\n//# sourceMappingURL=projectImport.js.map\n"],"mappings":";;;;;AAGA,IAAI,EAAE,UAAU,eAAe,0BAA0B;AACzD,eAAe,cAAc,aAAa,MAAM;CAC9C,IAAI;EACF,IAAI;EACJ,IAAI,aAAa,eAAe,aAAa,IAAI;EACjD,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,cAAc,KAAK,wBAAwB,YAAY,QAAQ,WAAW,EAAE;EAChI,IAAI,MAAM,MAAM,OAAO,cAAc,UAAU,CAAC,CAAC;EACjD,IAAI,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,KAAK,eAAe,IAAI,aAAa,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa,SAAS;GAC9I,OAAO;IACL,GAAG;IACH,SAAS,IAAI,QAAQ;GACvB;EACF;EACA,OAAO;CACT,SAAS,GAAG;EACV,IAAI,aAAa,OAAO;GACtB,EAAE,UAAU,wCAAwC,KAAK,sBAAsB,YAAY,KAAK,EAAE;EACpG;EACA,MAAM;CACR;AACF;AACA,SAAS,eAAe,aAAa,MAAM;CACzC,IAAI,WAAW,OAAO,cAAc,WAAW;CAC/C,IAAI,aAAa,SAAS,QAAQ,MAAM,EACtC,OAAO,CACL,WACF,EACF,CAAC;CACD,OAAO;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/vite-plugin-metro",
-  "version": "2.0.0-beta.33.1",
+  "version": "2.0.0-beta.46.1",
   "sideEffects": false,
   "type": "module",
   "main": "dist/cjs",
@@ -61,11 +61,11 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@expo/metro-config": "~57.0.7",
-    "expo": "~57.0.11",
-    "metro": "^0.84.3",
-    "metro-config": "^0.84.3",
-    "react-native": "0.86.2",
+    "@expo/metro-config": "58.0.0-canary-20260909-ea7a89a",
+    "expo": "58.0.0-canary-20260909-ea7a89a",
+    "metro": "^0.87.0",
+    "metro-config": "^0.87.0",
+    "react-native": "0.87.1",
     "vite": "^8.2.2"
   },
   "dependencies": {
@@ -74,12 +74,11 @@
     "@jridgewell/remapping": "^2.3.0",
     "@jridgewell/trace-mapping": "^0.3.25",
     "@oxc-project/runtime": "^0.112.0",
-    "@vxrn/compiler": "2.0.0-beta.33.1",
-    "@vxrn/debug": "2.0.0-beta.33.1",
-    "@vxrn/utils": "2.0.0-beta.33.1",
-    "babel-preset-expo": "~57.0.5",
+    "@vxrn/compiler": "2.0.0-beta.46.1",
+    "@vxrn/debug": "2.0.0-beta.46.1",
+    "@vxrn/utils": "2.0.0-beta.46.1",
+    "babel-preset-expo": "58.0.0-canary-20260909-ea7a89a",
     "esbuild": "^0.25.12",
-    "fast-flow-transform": "^0.0.3",
     "launch-editor": "^2.10.0",
     "magic-string": "^0.30.21",
     "micromatch": "^4.0.8",
@@ -89,16 +88,16 @@
   },
   "devDependencies": {
     "@biomejs/biome": "2.3.3",
-    "@expo/metro-config": "~57.0.7",
-    "@react-native/dev-middleware": "^0.86.2",
-    "@tamagui/build": "2.6.2",
+    "@expo/metro-config": "58.0.0-canary-20260909-ea7a89a",
+    "@react-native/dev-middleware": "^0.87.1",
+    "@tamagui/build": "3.0.0-beta.1309.1",
     "@types/babel__helper-plugin-utils": "^7",
     "@types/node": "^24.10.0",
     "depcheck": "^1.4.7",
-    "expo": "~57.0.11",
-    "metro": "^0.84.3",
-    "metro-config": "^0.84.3",
-    "react-native": "0.86.2",
+    "expo": "58.0.0-canary-20260909-ea7a89a",
+    "metro": "^0.87.0",
+    "metro-config": "^0.87.0",
+    "react-native": "0.87.1",
     "vite": "^8.2.2",
     "vitest": "^4.1.0"
   },

package/src/metro-config/getMetroConfigFromViteConfig.ts

@@ -9,6 +9,7 @@ import micromatch from 'micromatch'
 import type { loadConfig as loadConfigT } from 'metro'
 import type { getDefaultConfig as getDefaultConfigT } from '@expo/metro-config'
 
+import { findUserBabelConfig } from '@vxrn/compiler'
 import { projectImport, projectResolve } from '../utils/projectImport'
 import { getTerminalReporter } from '../utils/getTerminalReporter'
 import { patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName } from '../utils/patchExpoGoManifestHandlerMiddlewareWithCustomMainModuleName'
@@ -89,6 +90,47 @@ async function isWatchmanResponsive(projectRoot: string) {
   return probe
 }
 
+/**
+ * Decides whether Metro runs the native worker or the babel transformer.
+ * No babel by default: the worker throws on a babel plugin it has no port
+ * for, so opting back in is explicit rather than something you drift into.
+ * When a user adds a custom babel config, respect it rather than forcing
+ * native transforms, unless explicitly overridden. Shared by both config
+ * builders so the two never drift apart.
+ */
+function resolveNativeTransforms(
+  projectRoot: string,
+  metroPluginOptions: MetroPluginOptions
+): { isNativeTransforms: boolean; userBabelConfigPath: string | null } {
+  const userBabelConfigPath = projectRoot ? findUserBabelConfig(projectRoot) : null
+  const hasUserBabelConfig = Boolean(userBabelConfigPath)
+
+  const isNativeTransforms =
+    process.env.ONE_METRO_NATIVE_TRANSFORMS === '0'
+      ? false
+      : process.env.ONE_METRO_NATIVE_TRANSFORMS === '1'
+        ? true
+        : metroPluginOptions.nativeTransforms === false
+          ? false
+          : metroPluginOptions.nativeTransforms === true
+            ? true
+            : hasUserBabelConfig
+              ? false
+              : true
+
+  // the native worker runs no babel at all, so reaching it here means an
+  // explicit override is about to silently drop the user's plugins. name the
+  // ignored file rather than swallowing it.
+  if (userBabelConfigPath && isNativeTransforms) {
+    console.warn(
+      `[vxrn/metro] Ignoring user babel config at ${userBabelConfigPath} because native transforms are explicitly enabled (nativeTransforms: true or ONE_METRO_NATIVE_TRANSFORMS=1). ` +
+        `Port its plugins to nativeTransformModules, or set nativeTransforms: false (or ONE_METRO_NATIVE_TRANSFORMS=0) to use the babel transformer.`
+    )
+  }
+
+  return { isNativeTransforms, userBabelConfigPath }
+}
+
 /**
  * Build the Metro config input WITHOUT calling Metro's `loadConfig`. Returns
  * the same shape Metro `loadConfig` expects as its second argument. Use this
@@ -176,11 +218,8 @@ export async function buildMetroConfigInputFromViteConfig(
 
   // no babel by default. the worker throws on a babel plugin it has no port
   // for, so opting back in is explicit rather than something you drift into.
-  const isNativeTransforms =
-    process.env.ONE_METRO_NATIVE_TRANSFORMS === '0'
-      ? false
-      : process.env.ONE_METRO_NATIVE_TRANSFORMS === '1' ||
-        metroPluginOptions.nativeTransforms !== false
+  // When a user adds a custom babel config, respect it rather than forcing native transforms.
+  const { isNativeTransforms } = resolveNativeTransforms(projectRoot, metroPluginOptions)
 
   let nativeWorkerPath: string | undefined
   if (isNativeTransforms) {
@@ -343,11 +382,8 @@ export async function getMetroConfigFromViteConfig(
 
   // no babel by default. the worker throws on a babel plugin it has no port
   // for, so opting back in is explicit rather than something you drift into.
-  const isNativeTransforms =
-    process.env.ONE_METRO_NATIVE_TRANSFORMS === '0'
-      ? false
-      : process.env.ONE_METRO_NATIVE_TRANSFORMS === '1' ||
-        metroPluginOptions.nativeTransforms !== false
+  // When a user adds a custom babel config, respect it rather than forcing native transforms.
+  const { isNativeTransforms } = resolveNativeTransforms(projectRoot, metroPluginOptions)
 
   let nativeWorkerPath: string | undefined
   if (isNativeTransforms) {

package/src/transformer/loadBabelConfig.ts

@@ -31,9 +31,11 @@ export const loadBabelConfig = (() => {
       const possibleBabelRCPaths = [
         '.babelrc',
         '.babelrc.js',
+        '.babelrc.json',
         'babel.config.js',
         'babel.config.cjs',
         'babel.config.mjs',
+        'babel.config.json',
       ]
 
       const foundBabelRCPath = possibleBabelRCPaths.find((configFileName) =>

package/src/transformer/metroNativeWorker.test.ts

@@ -3,6 +3,7 @@ import * as babel from '@babel/core'
 import * as vm from 'node:vm'
 import { parseSync } from 'oxc-parser'
 import * as fs from 'node:fs'
+import * as os from 'node:os'
 import * as path from 'node:path'
 import { createRequire } from 'node:module'
 import {
@@ -18,7 +19,10 @@ import {
   applyEnvironmentGuard,
   getRemoveServerCodeRouterRoot,
 } from './metroNativeWorker'
-import { buildMetroConfigInputFromViteConfig } from '../metro-config/getMetroConfigFromViteConfig'
+import {
+  buildMetroConfigInputFromViteConfig,
+  getMetroConfigFromViteConfig,
+} from '../metro-config/getMetroConfigFromViteConfig'
 
 const babelCalls = {
   transform: 0,
@@ -31,33 +35,25 @@ const babelCalls = {
 
 vi.mock('@babel/core', async (importOriginal) => {
   const actual = await importOriginal<typeof import('@babel/core')>()
-  return {
-    ...actual,
-    transform: vi.fn((...args: any[]) => {
-      babelCalls.transform++
-      return (actual.transform as any)(...args)
-    }),
-    transformSync: vi.fn((...args: any[]) => {
-      babelCalls.transformSync++
-      return (actual.transformSync as any)(...args)
-    }),
-    transformAsync: vi.fn((...args: any[]) => {
-      babelCalls.transformAsync++
-      return (actual.transformAsync as any)(...args)
-    }),
-    transformFromAstSync: vi.fn((...args: any[]) => {
-      babelCalls.transformFromAstSync++
-      return (actual.transformFromAstSync as any)(...args)
-    }),
-    parse: vi.fn((...args: any[]) => {
-      babelCalls.parse++
-      return (actual.parse as any)(...args)
-    }),
-    parseSync: vi.fn((...args: any[]) => {
-      babelCalls.parseSync++
-      return (actual.parseSync as any)(...args)
-    }),
-  }
+  const names = [
+    'transform',
+    'transformSync',
+    'transformAsync',
+    'transformFromAstSync',
+    'parse',
+    'parseSync',
+  ] as const
+  const counted = Object.fromEntries(
+    names.map((name) => [
+      name,
+      vi.fn((...args: any[]) => {
+        babelCalls[name]++
+        return (actual[name] as any)(...args)
+      }),
+    ])
+  )
+  // @vxrn/compiler reaches babel through the default export, so count that too
+  return { ...actual, ...counted, default: { ...actual, ...counted } }
 })
 
 // module scope so every describe in this file can assert it, not just the first
@@ -70,6 +66,20 @@ beforeEach(() => {
   babelCalls.parseSync = 0
 })
 
+// flow stripping is the one place the worker runs babel: react-native's flow
+// syntax (readonly properties, enums) is beyond fast-flow-transform, so the
+// hermes-parser pass in @vxrn/compiler strips it in a single transform call
+function assertOnlyFlowStripBabelCall() {
+  expect(babelCalls).toEqual({
+    transform: 1,
+    transformSync: 0,
+    transformAsync: 0,
+    transformFromAstSync: 0,
+    parse: 0,
+    parseSync: 0,
+  })
+}
+
 function assertZeroBabelCalls() {
   expect(babelCalls.transform).toBe(0)
   expect(babelCalls.transformSync).toBe(0)
@@ -236,7 +246,9 @@ describe('metroNativeWorker', () => {
       off.find((d) => d.name === 'react-native-worklets-core')!.data.isOptional
     ).toBeUndefined()
 
-    const on = extractDependencies(code, 'setup.js', { allowOptionalDependencies: true })
+    const on = extractDependencies(code, 'setup.js', {
+      allowOptionalDependencies: true,
+    })
     expect(on.find((d) => d.name === 'react-native-worklets-core')!.data.isOptional).toBe(
       true
     )
@@ -399,7 +411,7 @@ describe('metroNativeWorker', () => {
   it('handles Asset files without Babel', async () => {
     const result = await transform(
       {
-        assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
+        assetRegistryPath: 'react-native/asset-registry',
         publicPath: '/assets',
       },
       '/project',
@@ -414,10 +426,10 @@ describe('metroNativeWorker', () => {
     expect(result.output[0].data.code).toContain('__d(function')
 
     const depNames = result.dependencies.map((d) => d.name)
-    expect(depNames).toContain('react-native/Libraries/Image/AssetRegistry')
+    expect(depNames).toContain('react-native/asset-registry')
   })
 
-  it('handles Flow files by stripping types without Babel', async () => {
+  it('strips Flow types with a single hermes-parser Babel pass', async () => {
     const flowSource = `
       // @flow
       function add(a: number, b: number): number {
@@ -434,11 +446,41 @@ describe('metroNativeWorker', () => {
       { dev: false, platform: 'ios', type: 'module' }
     )
 
-    assertZeroBabelCalls()
+    assertOnlyFlowStripBabelCall()
     expect(result.output[0].data.code).not.toContain(': number')
     expect(result.output[0].data.code).toContain('function add(a, b)')
   })
 
+  it('lowers React Native Flow enums and readonly properties', async () => {
+    // react-native 0.87 ships VirtualView.js with exported Flow enums, and
+    // readonly object properties throughout its type declarations
+    const flowSource = `
+      // @flow strict-local
+      type Props = { readonly state: VirtualViewRenderState };
+      export enum VirtualViewRenderState {
+        Unknown = 0,
+        Rendered = 1,
+        None = 2,
+      }
+      export function isRendered(state: VirtualViewRenderState): boolean {
+        return state === VirtualViewRenderState.Rendered;
+      }
+    `
+
+    const result = await transform(
+      {},
+      '/project',
+      'node_modules/react-native/src/private/components/virtualview/VirtualView.js',
+      Buffer.from(flowSource, 'utf8'),
+      { dev: false, platform: 'ios', type: 'module' }
+    )
+
+    assertOnlyFlowStripBabelCall()
+    expect(result.output[0].data.code).not.toContain('enum VirtualViewRenderState')
+    expect(result.output[0].data.code).not.toContain('readonly')
+    expect(result.dependencies.map((d) => d.name)).toContain('flow-enums-runtime')
+  })
+
   it('generates a deterministic cache key without Babel', () => {
     const key1 = getCacheKey(
       { globalPrefix: '__one_', minifierPath: 'terser' },
@@ -515,6 +557,151 @@ describe('metroNativeWorker', () => {
     )
   })
 
+  it('falls back to default Metro babel transformer when a user babel config exists', async () => {
+    const tempDir = path.join(process.cwd(), `.tmp-metro-test-${Date.now()}`)
+    fs.mkdirSync(tempDir, { recursive: true })
+    fs.writeFileSync(path.join(tempDir, 'package.json'), '{}')
+    try {
+      const mockViteConfig = { root: tempDir } as any
+      delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+
+      // With no config, defaults to metroNativeWorker
+      const config1 = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+      expect(config1.defaultConfig.transformerPath).toContain('metroNativeWorker')
+
+      // a config written by `one patch` is ignored, still uses metroNativeWorker
+      const babelConfigPath = path.join(tempDir, 'babel.config.js')
+      fs.writeFileSync(
+        babelConfigPath,
+        '// @one/generated bundler-config\nmodule.exports = {}'
+      )
+      const config2 = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+      expect(config2.defaultConfig.transformerPath).toContain('metroNativeWorker')
+
+      // User config: falls back to metro default transformer (not metroNativeWorker)
+      fs.writeFileSync(babelConfigPath, 'module.exports = { plugins: ["my-plugin"] }')
+      const config3 = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+      expect(config3.defaultConfig.transformerPath).not.toContain('metroNativeWorker')
+
+      // Explicit env var ONE_METRO_NATIVE_TRANSFORMS=1 forces native worker even with user babel config
+      process.env.ONE_METRO_NATIVE_TRANSFORMS = '1'
+      const config4 = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+      expect(config4.defaultConfig.transformerPath).toContain('metroNativeWorker')
+      delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+
+      // Explicit nativeTransforms: true also forces native worker
+      const config5 = await buildMetroConfigInputFromViteConfig(mockViteConfig, {
+        nativeTransforms: true,
+      })
+      expect(config5.defaultConfig.transformerPath).toContain('metroNativeWorker')
+    } finally {
+      delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+      fs.rmSync(tempDir, { recursive: true, force: true })
+    }
+  })
+
+  it('warns naming the ignored user babel config when native transforms are forced', async () => {
+    const tempDir = fs.realpathSync(
+      fs.mkdtempSync(path.join(process.cwd(), '.tmp-metro-test-'))
+    )
+    fs.writeFileSync(path.join(tempDir, 'package.json'), '{}')
+    const babelConfigPath = path.join(tempDir, 'babel.config.js')
+    fs.writeFileSync(babelConfigPath, 'module.exports = { plugins: [] }')
+    try {
+      delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+      const mockViteConfig = { root: tempDir } as any
+      const warnsWithConfig = (spy: any) =>
+        spy.mock.calls.some((args: any[]) => args.join(' ').includes(babelConfigPath))
+
+      // explicit option force still uses the worker, but names the dropped config
+      const optionWarn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+      try {
+        const forced = await buildMetroConfigInputFromViteConfig(mockViteConfig, {
+          nativeTransforms: true,
+        })
+        expect(forced.defaultConfig.transformerPath).toContain('metroNativeWorker')
+        expect(warnsWithConfig(optionWarn)).toBe(true)
+      } finally {
+        optionWarn.mockRestore()
+      }
+
+      // env var force warns the same way
+      const envWarn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+      try {
+        process.env.ONE_METRO_NATIVE_TRANSFORMS = '1'
+        const envForced = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+        expect(envForced.defaultConfig.transformerPath).toContain('metroNativeWorker')
+        expect(warnsWithConfig(envWarn)).toBe(true)
+      } finally {
+        envWarn.mockRestore()
+        delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+      }
+
+      // default (no force) respects the config silently: babel fallback, no warning
+      const respectedWarn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+      try {
+        const respected = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+        expect(respected.defaultConfig.transformerPath).not.toContain('metroNativeWorker')
+        expect(warnsWithConfig(respectedWarn)).toBe(false)
+      } finally {
+        respectedWarn.mockRestore()
+      }
+    } finally {
+      delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+      fs.rmSync(tempDir, { recursive: true, force: true })
+    }
+  })
+
+  it('selects the same transformer in both metro config builders', async () => {
+    const tempDir = fs.realpathSync(
+      fs.mkdtempSync(path.join(process.cwd(), '.tmp-metro-test-'))
+    )
+    fs.writeFileSync(path.join(tempDir, 'package.json'), '{}')
+    try {
+      delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+      const mockViteConfig = { root: tempDir } as any
+
+      // no user config: both builders default to the native worker
+      const nativeInput = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+      const nativeFull = await getMetroConfigFromViteConfig(mockViteConfig, {})
+      expect(nativeInput.defaultConfig.transformerPath).toContain('metroNativeWorker')
+      expect((nativeFull as any).transformerPath).toContain('metroNativeWorker')
+
+      // user config: both builders fall back to the babel transformer
+      const babelConfigPath = path.join(tempDir, 'babel.config.js')
+      fs.writeFileSync(babelConfigPath, 'module.exports = { plugins: [] }')
+      const fallbackInput = await buildMetroConfigInputFromViteConfig(mockViteConfig, {})
+      const fallbackFull = await getMetroConfigFromViteConfig(mockViteConfig, {})
+      expect(fallbackInput.defaultConfig.transformerPath).not.toContain(
+        'metroNativeWorker'
+      )
+      expect((fallbackFull as any).transformerPath).not.toContain('metroNativeWorker')
+
+      // forced with a user config: both builders warn naming the ignored file
+      const forcedWarn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+      try {
+        const forcedInput = await buildMetroConfigInputFromViteConfig(mockViteConfig, {
+          nativeTransforms: true,
+        })
+        const forcedFull = await getMetroConfigFromViteConfig(mockViteConfig, {
+          nativeTransforms: true,
+        })
+        expect(forcedInput.defaultConfig.transformerPath).toContain('metroNativeWorker')
+        expect((forcedFull as any).transformerPath).toContain('metroNativeWorker')
+        expect(
+          forcedWarn.mock.calls.some((args: any[]) =>
+            args.join(' ').includes(babelConfigPath)
+          )
+        ).toBe(true)
+      } finally {
+        forcedWarn.mockRestore()
+      }
+    } finally {
+      delete process.env.ONE_METRO_NATIVE_TRANSFORMS
+      fs.rmSync(tempDir, { recursive: true, force: true })
+    }
+  })
+
   it('transforms and executes a real 2-module Metro bundle through metro-runtime require polyfill', async () => {
     // Probe 1 verification:
     // Module 2 (dep.js): exports a value
@@ -1130,7 +1317,11 @@ describe('one native transform ports', () => {
   it('inlines import.meta.env reads, which oxc otherwise lowers to an empty object', () => {
     // oxc's CJS lowering emits `var import_meta = {}`, so an untouched
     // `import.meta.env.X` silently reads undefined in every native bundle.
-    const env = { DEV: false, VITE_POSTHOG_API_KEY: 'pk_live', TAMAGUI_TARGET: 'native' }
+    const env = {
+      DEV: false,
+      VITE_POSTHOG_API_KEY: 'pk_live',
+      TAMAGUI_TARGET: 'native',
+    }
     const out = applyInlineEnvVars(
       `export const key = import.meta.env.VITE_POSTHOG_API_KEY;
 export const target = import.meta.env?.TAMAGUI_TARGET;
@@ -1225,7 +1416,9 @@ export const all = { ...import.meta.env };`,
     // takeout adds `hot-updater/babel-plugin` for OTA; dropping it silently
     // would ship a build whose updates never apply.
     const withPlugins = (plugins: any[]) =>
-      ({ customTransformOptions: { vite: { babelConfig: { plugins } } } }) as any
+      ({
+        customTransformOptions: { vite: { babelConfig: { plugins } } },
+      }) as any
 
     expect(() =>
       assertNoUnportedBabelPlugins(
@@ -1284,3 +1477,42 @@ export const all = { ...import.meta.env };`,
     )
   })
 })
+
+describe('metro babel fallback config names', () => {
+  it('extends json babel configs just like the compiler detection does', async () => {
+    // loadBabelConfig memoizes a singleton, so each case gets a fresh module
+    for (const name of ['babel.config.json', '.babelrc.json']) {
+      vi.resetModules()
+      const { loadBabelConfig } = await import('./loadBabelConfig')
+      const tempDir = fs.realpathSync(
+        fs.mkdtempSync(path.join(os.tmpdir(), 'vxrn-babel-json-'))
+      )
+      try {
+        fs.writeFileSync(path.join(tempDir, name), JSON.stringify({ plugins: [] }))
+        expect(loadBabelConfig({ projectRoot: tempDir })).toEqual({
+          extends: path.join(tempDir, name),
+        })
+      } finally {
+        fs.rmSync(tempDir, { recursive: true, force: true })
+      }
+    }
+
+    // control: js configs keep loading
+    vi.resetModules()
+    const { loadBabelConfig } = await import('./loadBabelConfig')
+    const tempDir = fs.realpathSync(
+      fs.mkdtempSync(path.join(os.tmpdir(), 'vxrn-babel-json-'))
+    )
+    try {
+      fs.writeFileSync(
+        path.join(tempDir, 'babel.config.js'),
+        'module.exports = { plugins: [] }'
+      )
+      expect(loadBabelConfig({ projectRoot: tempDir })).toEqual({
+        extends: path.join(tempDir, 'babel.config.js'),
+      })
+    } finally {
+      fs.rmSync(tempDir, { recursive: true, force: true })
+    }
+  })
+})

package/src/transformer/metroNativeWorker.ts

@@ -8,6 +8,7 @@ import remapping from '@jridgewell/remapping'
 import { TraceMap, eachMapping } from '@jridgewell/trace-mapping'
 import {
   shouldStripFlow,
+  stripFlowTypes,
   transformHermesAsync,
   transformHermesLoops,
   transformReactNativeCodegen,
@@ -1986,8 +1987,7 @@ export const env = !dotEnvModules.keys().length ? process.env : { ...process.env
 
   // 2. Asset files
   if (options.type === 'asset') {
-    const assetRegistryPath =
-      config.assetRegistryPath || 'react-native/Libraries/Image/AssetRegistry'
+    const assetRegistryPath = config.assetRegistryPath || 'react-native/asset-registry'
     let properDescriptor: any = null
 
     const absolutePath = path.resolve(projectRoot, filename)
@@ -2144,15 +2144,7 @@ export const env = !dotEnvModules.keys().length ? process.env : { ...process.env
   // Step A: Flow stripping
   if (shouldStripFlow(filename, code)) {
     try {
-      const fft = await import('fast-flow-transform')
-      const flowTransform = fft.default || fft
-      const flowResult = await flowTransform({
-        filename,
-        source: code,
-        sourcemap: true,
-        dialect: 'flow',
-        format: 'pretty',
-      })
+      const flowResult = await stripFlowTypes(filename, code)
       if (flowResult?.code) {
         code = flowResult.code
         if (flowResult.map) {