vxrn 2.9.2 → 2.11.0

package/dist/utils/createNativeDevEngine.mjs

@@ -7,6 +7,7 @@ import { parseSync } from "oxc-parser";
 import { loadEnv, normalizePath } from "vite";
 import { shouldStripFlow, transformHermesAsync } from "@vxrn/compiler";
 import { resolvePath } from "@vxrn/resolve";
+import { desktopReactNativeFile, requireOnePackageRoot } from "@vxrn/utils/desktopReactNativeResolve";
 import { nativeAppDefines } from "@vxrn/utils/nativeAppManifest";
 import { withExpoPublicEnvAliases } from "@vxrn/utils/publicEnv";
 import { DEFAULT_ASSET_EXTS } from "../constants/defaults.mjs";
@@ -27,37 +28,52 @@ const HERMES_ASYNC_TRANSFORMS = ["transform-async-to-generator"];
 function getHermesSWCIncludes(dev) {
 	return [...HERMES_CLASS_TRANSFORMS, ...HERMES_ASYNC_TRANSFORMS];
 }
-function getResolveExtensions(platform) {
-	const platformExts = platform === "ios" ? [
+const NATIVE_PLATFORM_EXTENSIONS = {
+	ios: [
 		".ios.tsx",
 		".ios.ts",
 		".ios.jsx",
 		".ios.js"
-	] : [
+	],
+	android: [
 		".android.tsx",
 		".android.ts",
 		".android.jsx",
 		".android.js"
-	];
-	const nativeExts = [
-		".native.tsx",
-		".native.ts",
-		".native.jsx",
-		".native.js"
-	];
-	const defaultExts = [
-		".tsx",
-		".ts",
-		".jsx",
-		".js",
-		".mjs",
-		".cjs",
-		".json"
-	];
+	],
+	macos: [
+		".macos.tsx",
+		".macos.ts",
+		".macos.jsx",
+		".macos.js"
+	],
+	linux: [
+		".linux.tsx",
+		".linux.ts",
+		".linux.jsx",
+		".linux.js"
+	]
+};
+const NATIVE_SHARED_EXTENSIONS = [
+	".native.tsx",
+	".native.ts",
+	".native.jsx",
+	".native.js"
+];
+const PLAIN_EXTENSIONS = [
+	".tsx",
+	".ts",
+	".jsx",
+	".js",
+	".mjs",
+	".cjs",
+	".json"
+];
+function getResolveExtensions(platform) {
 	return [
-		...platformExts,
-		...nativeExts,
-		...defaultExts
+		...NATIVE_PLATFORM_EXTENSIONS[platform],
+		...NATIVE_SHARED_EXTENSIONS,
+		...PLAIN_EXTENSIONS
 	];
 }
 function getNativeResolveConfig(platform) {
@@ -153,14 +169,112 @@ function getNativeTransformConfig(platform, dev, root) {
 		inject: { React: "react" }
 	};
 }
-function getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest, onAsset, sourceMaps = false, userPlugins = [], minify = false) {
+function desktopReactNativeResolvePlugin(root, platform) {
+	const oneRoot = requireOnePackageRoot(root, platform);
+	return {
+		name: `vxrn:${platform}-react-native-resolve`,
+		resolveId(source, importer) {
+			if (!importer) return;
+			const file = desktopReactNativeFile(importer, source, oneRoot, platform);
+			if (file) return file;
+		}
+	};
+}
+const PLATFORM_VARIANT_EXTS = [
+	".ios.tsx",
+	".ios.ts",
+	".ios.jsx",
+	".ios.js",
+	".android.tsx",
+	".android.ts",
+	".android.jsx",
+	".android.js",
+	".web.tsx",
+	".web.ts",
+	".web.jsx",
+	".web.js"
+];
+function desktopNormalFile(target, source, platform) {
+	if (/\.(?:tsx|ts|jsx|js|mjs|cjs|json)$/.test(source)) return existsSync(target);
+	const extensions = getResolveExtensions(platform);
+	for (const ext of extensions) {
+		if (existsSync(target + ext)) return true;
+		if (existsSync(join(target, "index" + ext))) return true;
+	}
+	return false;
+}
+function desktopVariantSource(target) {
+	for (const ext of PLATFORM_VARIANT_EXTS) {
+		const file = target + ext;
+		if (existsSync(file)) return file;
+	}
+	return null;
+}
+function desktopPackageImportLabel(variantFile) {
+	let dir = dirname(variantFile);
+	for (let i = 0; i < 8; i++) {
+		const manifest = join(dir, "package.json");
+		if (existsSync(manifest)) try {
+			const name = JSON.parse(readFileSync(manifest, "utf8")).name;
+			if (typeof name === "string" && name.length > 0) return `${name}/${relative(dir, variantFile).split("\\").join("/").replace(/\.(?:ios|android|web)\.(?:tsx|ts|jsx|js)$/, "")}`;
+		} catch {}
+		const parent = dirname(dir);
+		if (parent === dir) break;
+		dir = parent;
+	}
+	return variantFile;
+}
+function desktopUnsupportedImportPlugin(platform) {
+	const label = platform === "macos" ? "macOS" : "Linux";
+	return {
+		name: `vxrn:${platform}-unsupported-import`,
+		onLog(_level, log) {
+			if (log.code === "UNRESOLVED_IMPORT") this.error({
+				...log,
+				message: `[vxrn] ${label} bundle cannot resolve an import: ${log.message}`
+			});
+		},
+		resolveId(source, importer) {
+			if (!importer || !source.startsWith(".") || source.includes("\0")) return;
+			if (source.includes("?") || source.includes("#")) return;
+			const target = resolve(dirname(importer), source);
+			if (desktopNormalFile(target, source, platform)) return;
+			const variant = desktopVariantSource(target);
+			if (!variant) return;
+			this.error(`[vxrn] ${desktopPackageImportLabel(variant)} has no ${label} implementation: cannot resolve import "${source}" from "${importer}". Add a .${platform}, .native or plain file.`);
+		}
+	};
+}
+function desktopDistVariantPlugin(platform) {
+	return {
+		name: `vxrn:${platform}-dist-variant`,
+		resolveId(source, importer) {
+			if (!importer || !source.startsWith(".") || !source.endsWith(".native.js")) return;
+			if (source.endsWith(`.${platform}.native.js`)) return;
+			const variant = resolve(dirname(importer), source).replace(/\.native\.js$/, `.${platform}.native.js`);
+			if (variant === importer || !existsSync(variant)) return;
+			return variant;
+		}
+	};
+}
+function getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest, onAsset, sourceMaps = false, userPlugins = [], minify = false, command = "serve") {
 	const context = {
 		root,
 		platform,
-		dev
+		dev,
+		command,
+		assetsDest
 	};
-	return [
-		...globalThis.__vxrnAddNativePlugins?.(platform) || [],
+	const desktopPlugins = platform === "macos" || platform === "linux" ? [
+		desktopReactNativeResolvePlugin(root, platform),
+		desktopDistVariantPlugin(platform),
+		desktopUnsupportedImportPlugin(platform)
+	] : [];
+	const globalPlugins = globalThis.__vxrnAddNativePlugins?.(platform) || [];
+	const trace = dev && command === "serve" ? [...globalPlugins, ...userPlugins].find((plugin) => plugin.api?.vxrnNativeCompilerTrace)?.api.vxrnNativeCompilerTrace : void 0;
+	const plugins = [
+		...desktopPlugins,
+		...globalPlugins,
 		serverFileExclusionPlugin(),
 		environmentGuardPlugin(),
 		missingDynamicImportPlugin(),
@@ -173,7 +287,7 @@ function getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest,
 		viteImportGlobPlugin({ root }),
 		rnCodegenPlugin({ projectRoot: root }),
 		flowStripPlugin(),
-		vxrnCompilerPlugin(platform, dev, root, sourceMaps),
+		vxrnCompilerPlugin(platform, dev, root, sourceMaps, trace),
 		mixedNativeModulePlugin(sourceMaps),
 		nativeAnimatedGuardPlugin(),
 		assetPlugin({
@@ -188,6 +302,55 @@ function getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest,
 		nativeExportsPrecedencePlugin(root, platform),
 		nativeDeclarationAliasPlugin(root, platform)
 	].map((plugin) => plugin.api?.vxrnNative ? plugin.api.vxrnNative(context) : plugin);
+	if (!trace) return plugins;
+	const start = (id, stage) => {
+		try {
+			const record = trace(id);
+			if (!record) return;
+			const mark = (status) => {
+				try {
+					record(stage, status);
+				} catch {}
+			};
+			mark("start");
+			return mark;
+		} catch {}
+	};
+	return [{
+		name: "test-native-hmr-trace-first-pre",
+		transform: {
+			order: "pre",
+			handler(_code, id) {
+				start(id, "pre:first")?.("end");
+				return null;
+			}
+		}
+	}, ...plugins.map((plugin, index) => {
+		if (plugin.name !== "one:use-dom-native" && plugin.name !== "vxrn:rn-codegen" && plugin.name !== "one:background-computation:native" && plugin.name !== "one-client-tree-shake") return plugin;
+		const hook = plugin.transform;
+		if (!hook || typeof hook === "function" || hook.order !== "pre") return plugin;
+		return {
+			...plugin,
+			transform: {
+				...hook,
+				handler(...args) {
+					const mark = start(args[1], `pre:${index}:${plugin.name}`);
+					if (!mark) return hook.handler.apply(this, args);
+					try {
+						const result = hook.handler.apply(this, args);
+						if (result instanceof Promise) try {
+							Promise.prototype.then.call(result, () => mark("end"), () => mark("error"));
+						} catch {}
+						else mark("end");
+						return result;
+					} catch (error) {
+						mark("error");
+						throw error;
+					}
+				}
+			}
+		};
+	})];
 }
 function getNativeOutputOptions(prelude, sourcemap, minify) {
 	return {
@@ -312,19 +475,19 @@ function postProcessNativeBundle(code) {
 	}
 	return code;
 }
+const NATIVE_MODULE_SCOPE_MARKER = "// vxrn: native module scope";
+const NATIVE_DEV_RUNTIME_END = "globalThis.__rolldown_runtime__ = new ReactNativeDevRuntime();";
 function wrapNativeBundleModuleScope(code) {
-	const idx = code.indexOf("//#region \\0rolldown/runtime.js");
-	if (idx === -1) return code;
+	const idx = code.indexOf(NATIVE_MODULE_SCOPE_MARKER);
+	if (idx === -1) throw new Error("[vxrn] the dev bundle lost the end of its prelude, so its modules would run at script scope");
 	return code.slice(0, idx) + ";(function() {" + code.slice(idx) + "\n})();\n";
 }
 async function downlevelClassFieldsInBundle(code) {
-	const startMarker = "//#region \\0rolldown/runtime.js";
-	const endMarker = "//#endregion";
-	const startIdx = code.indexOf(startMarker);
-	if (startIdx === -1) return code;
-	const endIdx = code.indexOf(endMarker, startIdx);
-	if (endIdx === -1) return code;
-	const runtimeEnd = endIdx + 12;
+	const markerIdx = code.indexOf(NATIVE_MODULE_SCOPE_MARKER);
+	const endIdx = markerIdx === -1 ? -1 : code.indexOf(NATIVE_DEV_RUNTIME_END, markerIdx);
+	if (endIdx === -1) throw new Error("[vxrn] could not locate the rolldown runtime in the dev bundle");
+	const startIdx = code.indexOf("\n", markerIdx) + 1;
+	const runtimeEnd = endIdx + 62;
 	const runtimeSection = code.slice(startIdx, runtimeEnd);
 	const originalNewlines = runtimeSection.match(/\n/g)?.length ?? 0;
 	const { transformSync } = await import("oxc-transform");
@@ -333,19 +496,17 @@ async function downlevelClassFieldsInBundle(code) {
 		assumptions: { setPublicClassFields: true }
 	});
 	if (result.errors?.length) throw new Error(result.errors.map((e) => e.message).join("\n"));
-	const transformedCode = result.code.trimEnd();
-	const transformed = transformedCode.includes(startMarker) ? transformedCode : `${startMarker}
-${transformedCode}`;
+	const transformed = result.code.trimEnd();
 	const transformedNewlines = transformed.match(/\n/g)?.length ?? 0;
-	if (transformedNewlines > originalNewlines) throw new Error("[vxrn] Hermes runtime transform added lines and would invalidate the production source map");
+	if (transformedNewlines > originalNewlines) throw new Error("[vxrn] Hermes runtime transform added lines and would invalidate the dev source map");
 	const linePreservingRuntime = transformed + "\n".repeat(originalNewlines - transformedNewlines);
 	return code.slice(0, startIdx) + linePreservingRuntime + code.slice(runtimeEnd);
 }
 function nativeBundlePostProcessPlugin() {
 	return {
 		name: "vxrn:native-post-process",
-		async renderChunk(code) {
-			const processed = await downlevelClassFieldsInBundle(postProcessNativeBundle(code));
+		renderChunk(code) {
+			const processed = postProcessNativeBundle(code);
 			assertBundleLinesPreserved(code, processed, "production");
 			return {
 				code: processed,
@@ -401,7 +562,8 @@ async function createNativeDevEngine(options) {
 		plugins: [virtualEntry.plugin, ...getNativePlugins(root, platform, viteImportGlobPlugin, true, void 0, assetRegistry.register, true, userPlugins)]
 	};
 	const outputOptions = {
-		...getNativeOutputOptions(prelude, true, false),
+		...getNativeOutputOptions(`${prelude}
+${NATIVE_MODULE_SCOPE_MARKER}`, true, false),
 		outro: `
 try {
   var __WS = (init_WebSocket(), __toCommonJS(WebSocket_exports)).default;
@@ -493,6 +655,7 @@ try {
 				code = postProcessNativeBundle(chunk.code);
 				code = await downlevelClassFieldsInBundle(code);
 				assertBundleLinesPreserved(chunk.code, code, "dev");
+				code = wrapNativeBundleModuleScope(code);
 			} catch (error) {
 				const failure = error instanceof Error ? error : new Error(String(error));
 				console.error("[vxrn] native bundle post-processing failed:", failure.message);
@@ -508,7 +671,6 @@ try {
 				}
 				return;
 			}
-			code = wrapNativeBundleModuleScope(code);
 			if (!chunk.map) throw new Error("[vxrn] rolldown produced no source map for the dev bundle, so /symbolicate cannot resolve a frame");
 			currentBundle = {
 				code,
@@ -612,7 +774,7 @@ async function buildNativeBundle(options) {
 				dev,
 				platform
 			}).plugin],
-			...getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest, void 0, sourcemap, userPlugins, minify),
+			...getNativePlugins(root, platform, viteImportGlobPlugin, dev, assetsDest, void 0, sourcemap, userPlugins, minify, "build"),
 			nativeBundlePostProcessPlugin()
 		],
 		output: {
@@ -639,7 +801,8 @@ function nativeVirtualEntryPlugin(root, opts) {
 	const setupFileImport = (() => {
 		const sf = entryConfig.setupFile;
 		if (!sf) return "";
-		const file = typeof sf === "string" ? sf : "native" in sf ? sf.native : sf.ios;
+		const perPlatform = sf;
+		const file = typeof sf === "string" ? sf : "native" in sf ? sf.native : opts.platform === "macos" || opts.platform === "linux" ? perPlatform[opts.platform] : sf.ios;
 		if (!file) return "";
 		const resolved = pathToFileURL(resolve(root, file)).href;
 		return `import ${JSON.stringify(resolved)};`;
@@ -1084,7 +1247,7 @@ function cssStubPlugin() {
 		} }
 	};
 }
-function vxrnCompilerPlugin(platform, dev, projectRoot = process.cwd(), sourceMaps = false) {
+function vxrnCompilerPlugin(platform, dev, projectRoot = process.cwd(), sourceMaps = false, trace) {
 	let compiler = null;
 	const isRefreshCandidate = (id) => dev && !id.includes("node_modules") && !id.includes("__virtual-native-entry") && /\.[tj]sx?$/.test(id);
 	return {
@@ -1092,93 +1255,92 @@ function vxrnCompilerPlugin(platform, dev, projectRoot = process.cwd(), sourceMa
 		async transform(code, id) {
 			if (!/\.[cm]?[jt]sx?$/.test(id)) return;
 			if (id.includes("\0") || id.includes("virtual:")) return;
-			const needsRefresh = isRefreshCandidate(id);
-			if (!compiler) compiler = await import("@vxrn/compiler");
-			const props = {
-				id,
-				code,
-				projectRoot,
-				development: dev,
-				environment: platform,
-				reactForRNVersion: "19"
-			};
-			let babelOptions = compiler.getBabelOptions(props);
-			let curCode = code;
-			const intermediateMaps = [];
-			const isWorkletPlugin = (entry) => {
-				if (!entry) return false;
-				const name = typeof entry === "string" ? entry : Array.isArray(entry) ? entry[0] : null;
-				return typeof name === "string" && (name.includes("react-native-worklets") || name.includes("react-native-reanimated"));
-			};
-			const workletEntry = babelOptions?.plugins?.find(isWorkletPlugin);
-			const workletPluginOptions = Array.isArray(workletEntry) ? workletEntry[1] : void 0;
-			const useWorklets = compiler.isNativeWorkletsEnabled() && (Boolean(workletEntry) || compiler.shouldTransformWorklets({
-				id,
-				code
-			}));
-			const compilerPluginIndex = babelOptions?.plugins?.findIndex((x) => Array.isArray(x) && x[0] === "babel-plugin-react-compiler") ?? -1;
-			if (compilerPluginIndex !== -1) {
-				if (useWorklets) {
-					const prepared = compiler.prepareWorkletsForReactCompiler(id, curCode, sourceMaps);
-					if (prepared) {
-						curCode = prepared.code;
-						if (prepared.map) intermediateMaps.push(prepared.map);
-					}
-				}
-				const compilerPluginOptions = babelOptions.plugins[compilerPluginIndex][1] || {};
-				if (!(compilerPluginOptions.compiler === "babel" || process.env.ONE_REACT_COMPILER === "babel" || process.env.VXRN_REACT_COMPILER === "babel")) {
-					const compilerOut = await compiler.transformOxcReactCompiler(id, curCode, compilerPluginOptions, sourceMaps);
-					if (compilerOut?.code) {
-						curCode = compilerOut.code;
-						if (sourceMaps && compilerOut.map) intermediateMaps.push(compilerOut.map);
-					}
-					babelOptions.plugins.splice(compilerPluginIndex, 1);
-					if (babelOptions.plugins.length === 0 && !babelOptions.configFile && !babelOptions.babelrc) babelOptions = null;
+			let active = "transform";
+			let failed = false;
+			let mark;
+			if (trace) try {
+				const record = trace(id);
+				if (record) mark = (stage, status) => {
+					active = status === "start" ? stage : "transform";
+					try {
+						record(stage, status);
+					} catch {}
+				};
+			} catch {}
+			mark?.("transform", "start");
+			try {
+				const needsRefresh = isRefreshCandidate(id);
+				if (!compiler) {
+					mark?.("compiler-import", "start");
+					compiler = await import("@vxrn/compiler");
+					mark?.("compiler-import", "end");
 				}
-			}
-			if (useWorklets) {
-				const workletOut = await compiler.transformWorklets(id, curCode, sourceMaps, {
+				const props = {
+					id,
+					code,
 					projectRoot,
-					...workletPluginOptions
-				});
-				if (workletOut?.code) {
-					curCode = workletOut.code;
-					if (sourceMaps && workletOut.map) intermediateMaps.push(workletOut.map);
-				}
-				if (babelOptions?.plugins) {
-					babelOptions.plugins = babelOptions.plugins.filter((entry) => !isWorkletPlugin(entry));
-					if (babelOptions.plugins.length === 0 && !babelOptions.configFile && !babelOptions.babelrc) babelOptions = null;
+					development: dev,
+					environment: platform === "android" ? "android" : "ios",
+					reactForRNVersion: "19"
+				};
+				mark?.("options", "start");
+				let babelOptions = compiler.getBabelOptions(props);
+				mark?.("options", "end");
+				let curCode = code;
+				const intermediateMaps = [];
+				const isWorkletPlugin = (entry) => {
+					if (!entry) return false;
+					const name = typeof entry === "string" ? entry : Array.isArray(entry) ? entry[0] : null;
+					return typeof name === "string" && (name.includes("react-native-worklets") || name.includes("react-native-reanimated"));
+				};
+				const workletEntry = babelOptions?.plugins?.find(isWorkletPlugin);
+				const workletPluginOptions = Array.isArray(workletEntry) ? workletEntry[1] : void 0;
+				const useWorklets = compiler.isNativeWorkletsEnabled() && (Boolean(workletEntry) || compiler.shouldTransformWorklets({
+					id,
+					code
+				}));
+				const compilerPluginIndex = babelOptions?.plugins?.findIndex((x) => Array.isArray(x) && x[0] === "babel-plugin-react-compiler") ?? -1;
+				if (compilerPluginIndex !== -1) {
+					if (useWorklets) {
+						mark?.("worklets-prepare", "start");
+						const prepared = compiler.prepareWorkletsForReactCompiler(id, curCode, sourceMaps);
+						mark?.("worklets-prepare", "end");
+						if (prepared) {
+							curCode = prepared.code;
+							if (prepared.map) intermediateMaps.push(prepared.map);
+						}
+					}
+					const compilerPluginOptions = babelOptions.plugins[compilerPluginIndex][1] || {};
+					if (!(compilerPluginOptions.compiler === "babel" || process.env.ONE_REACT_COMPILER === "babel" || process.env.VXRN_REACT_COMPILER === "babel")) {
+						mark?.("oxc-react-compiler", "start");
+						const compilerOut = await compiler.transformOxcReactCompiler(id, curCode, compilerPluginOptions, sourceMaps);
+						mark?.("oxc-react-compiler", "end");
+						if (compilerOut?.code) {
+							curCode = compilerOut.code;
+							if (sourceMaps && compilerOut.map) intermediateMaps.push(compilerOut.map);
+						}
+						babelOptions.plugins.splice(compilerPluginIndex, 1);
+						if (babelOptions.plugins.length === 0 && !babelOptions.configFile && !babelOptions.babelrc) babelOptions = null;
+					}
 				}
-			}
-			if (!babelOptions && !needsRefresh) {
-				if (curCode !== code) {
-					let finalMap = void 0;
-					if (sourceMaps && intermediateMaps.length > 0) if (intermediateMaps.length === 1) finalMap = intermediateMaps[0];
-					else {
-						const remapping = (await import("@jridgewell/remapping")).default;
-						finalMap = remapping(intermediateMaps.slice().reverse(), () => null);
+				if (useWorklets) {
+					mark?.("worklets", "start");
+					const workletOut = await compiler.transformWorklets(id, curCode, sourceMaps, {
+						projectRoot,
+						...workletPluginOptions
+					});
+					mark?.("worklets", "end");
+					if (workletOut?.code) {
+						curCode = workletOut.code;
+						if (sourceMaps && workletOut.map) intermediateMaps.push(workletOut.map);
+					}
+					if (babelOptions?.plugins) {
+						babelOptions.plugins = babelOptions.plugins.filter((entry) => !isWorkletPlugin(entry));
+						if (babelOptions.plugins.length === 0 && !babelOptions.configFile && !babelOptions.babelrc) babelOptions = null;
 					}
-					return {
-						code: curCode,
-						map: finalMap
-					};
 				}
-				return;
-			}
-			if (sourceMaps && babelOptions) {
-				babelOptions = {
-					...babelOptions,
-					sourceMaps: true,
-					sourceFileName: id
-				};
-				delete babelOptions.inputSourceMap;
-			}
-			if (babelOptions) {
-				const result = await compiler.transformBabel(id, curCode, babelOptions);
-				if (result?.code) {
-					curCode = result.code;
-					if (sourceMaps && result.map) intermediateMaps.push(result.map);
-					if (!needsRefresh) {
+				if (!babelOptions && !needsRefresh) {
+					if (curCode !== code) {
 						let finalMap = void 0;
 						if (sourceMaps && intermediateMaps.length > 0) if (intermediateMaps.length === 1) finalMap = intermediateMaps[0];
 						else {
@@ -1190,26 +1352,59 @@ function vxrnCompilerPlugin(platform, dev, projectRoot = process.cwd(), sourceMa
 							map: finalMap
 						};
 					}
+					return;
 				}
-			}
-			if (needsRefresh) {
-				const { transformSync } = await import("oxc-transform-react");
-				const jsxImportSource = compiler.configuration?.enableNativewind && !id.includes("node_modules") ? "nativewind" : "react";
-				const res = transformSync(id, curCode, {
-					jsx: {
-						development: dev,
-						runtime: "automatic",
-						importSource: jsxImportSource,
-						refresh: {
-							refreshReg: "__vxrnRefreshReg",
-							refreshSig: "__vxrnRefreshSig"
+				if (sourceMaps && babelOptions) {
+					babelOptions = {
+						...babelOptions,
+						sourceMaps: true,
+						sourceFileName: id
+					};
+					delete babelOptions.inputSourceMap;
+				}
+				if (babelOptions) {
+					mark?.("babel", "start");
+					const result = await compiler.transformBabel(id, curCode, babelOptions);
+					mark?.("babel", "end");
+					if (result?.code) {
+						curCode = result.code;
+						if (sourceMaps && result.map) intermediateMaps.push(result.map);
+						if (!needsRefresh) {
+							let finalMap = void 0;
+							if (sourceMaps && intermediateMaps.length > 0) if (intermediateMaps.length === 1) finalMap = intermediateMaps[0];
+							else {
+								const remapping = (await import("@jridgewell/remapping")).default;
+								finalMap = remapping(intermediateMaps.slice().reverse(), () => null);
+							}
+							return {
+								code: curCode,
+								map: finalMap
+							};
 						}
-					},
-					reactCompiler: false,
-					sourcemap: sourceMaps
-				});
-				if (res.fatal) throw new Error(`[vxrn:compiler] oxc react transform failed on ${id}: ${(res.errors ?? []).map((e) => e.message ?? String(e)).join(", ")}`);
-				const header = `var __prevRefreshReg = globalThis.$RefreshReg$;
+					}
+				}
+				if (needsRefresh) {
+					mark?.("refresh-import", "start");
+					const { transformSync } = await import("oxc-transform-react");
+					mark?.("refresh-import", "end");
+					const jsxImportSource = compiler.configuration?.enableNativewind && !id.includes("node_modules") ? "nativewind" : "react";
+					mark?.("refresh", "start");
+					const res = transformSync(id, curCode, {
+						jsx: {
+							development: dev,
+							runtime: "automatic",
+							importSource: jsxImportSource,
+							refresh: {
+								refreshReg: "__vxrnRefreshReg",
+								refreshSig: "__vxrnRefreshSig"
+							}
+						},
+						reactCompiler: false,
+						sourcemap: sourceMaps
+					});
+					if (res.fatal) throw new Error(`[vxrn:compiler] oxc react transform failed on ${id}: ${(res.errors ?? []).map((e) => e.message ?? String(e)).join(", ")}`);
+					mark?.("refresh", "end");
+					const header = `var __prevRefreshReg = globalThis.$RefreshReg$;
 var __prevRefreshSig = globalThis.$RefreshSig$;
 if (globalThis.__ReactRefresh) {
   globalThis.$RefreshReg$ = function(type, id) {
@@ -1222,7 +1417,7 @@ var __vxrnRefreshReg = globalThis.$RefreshReg$;
 var __vxrnRefreshSig = globalThis.$RefreshSig$;
 
 `;
-				const footer = `
+					const footer = `
 
 globalThis.$RefreshReg$ = __prevRefreshReg;
 globalThis.$RefreshSig$ = __prevRefreshSig;
@@ -1234,29 +1429,36 @@ if (import.meta.hot) {
   });
 }
 `;
-				let out;
-				let finalMap = void 0;
-				if (sourceMaps) {
-					const MagicString = (await import("magic-string")).default;
-					const ms = new MagicString(res.code);
-					ms.prepend(header);
-					ms.append(footer);
-					out = ms.toString();
-					const allMaps = [
-						ms.generateMap({
-							source: id,
-							hires: true
-						}),
-						res.map,
-						...intermediateMaps.slice().reverse()
-					].filter(Boolean);
-					const remapping = (await import("@jridgewell/remapping")).default;
-					finalMap = remapping(allMaps, () => null);
-				} else out = header + res.code + footer;
-				return {
-					code: out,
-					map: finalMap
-				};
+					let out;
+					let finalMap = void 0;
+					if (sourceMaps) {
+						const MagicString = (await import("magic-string")).default;
+						const ms = new MagicString(res.code);
+						ms.prepend(header);
+						ms.append(footer);
+						out = ms.toString();
+						const allMaps = [
+							ms.generateMap({
+								source: id,
+								hires: true
+							}),
+							res.map,
+							...intermediateMaps.slice().reverse()
+						].filter(Boolean);
+						const remapping = (await import("@jridgewell/remapping")).default;
+						finalMap = remapping(allMaps, () => null);
+					} else out = header + res.code + footer;
+					return {
+						code: out,
+						map: finalMap
+					};
+				}
+			} catch (error) {
+				failed = true;
+				if (active !== "transform") mark?.(active, "error");
+				throw error;
+			} finally {
+				mark?.("transform", failed ? "error" : "end");
 			}
 		}
 	};
@@ -1751,9 +1953,9 @@ class ReactNativeDevRuntime extends BaseDevRuntime {
   }
 }
 
-globalThis.__rolldown_runtime__ = new ReactNativeDevRuntime();
+${NATIVE_DEV_RUNTIME_END}
 `;
 }
 
-export { buildNativeBundle, createNativeDevAssetRegistry, createNativeDevEngine, getHermesSWCIncludes, getHmrRuntimeSource, getNativeAssetData, getNativeTransformConfig, hermesCompatPlugin, hermesCompatSWCPlugin, hermesLoopsPlugin, hmrClientNoopPlugin, nativeAnimatedGuardPlugin, normalizeNativeCommonJSInterop, postProcessNativeBundle, vxrnCompilerPlugin, wrapNativeBundleModuleScope };
+export { NATIVE_DEV_RUNTIME_END, NATIVE_MODULE_SCOPE_MARKER, buildNativeBundle, createNativeDevAssetRegistry, createNativeDevEngine, getHermesSWCIncludes, getHmrRuntimeSource, getNativeAssetData, getNativeTransformConfig, hermesCompatPlugin, hermesCompatSWCPlugin, hermesLoopsPlugin, hmrClientNoopPlugin, nativeAnimatedGuardPlugin, normalizeNativeCommonJSInterop, postProcessNativeBundle, vxrnCompilerPlugin, wrapNativeBundleModuleScope };
 //# sourceMappingURL=createNativeDevEngine.mjs.map