rollipop 0.1.0-alpha.16 → 0.1.0-alpha.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # rollipop
 
+## 0.1.0-alpha.18
+
+### Patch Changes
+
+- fa83644: trigger publish
+
+## 0.1.0-alpha.17
+
+### Patch Changes
+
+- 5985887: Include `src/runtime/hmr-client.ts` in the published tarball. The `./hmr-client` export maps to this raw TypeScript source, but the `files` field in `package.json` only listed `bin`, `dist`, and `client.d.ts` — so consumers hitting `import 'rollipop/hmr-client'` against a published version would fail to resolve the file.
+
 ## 0.1.0-alpha.16
 
 ### Patch Changes

package/dist/commands.cjs

@@ -86,7 +86,6 @@ ajv = __toESM(ajv);
 let _babel_code_frame = require("@babel/code-frame");
 let ws = require("ws");
 ws = __toESM(ws);
-let _svgr_core = require("@svgr/core");
 let _babel_core = require("@babel/core");
 _babel_core = __toESM(_babel_core);
 let _swc_core = require("@swc/core");
@@ -480,7 +479,7 @@ async function stripFlowTypes(id, code) {
 //#endregion
 //#region src/constants.ts
 const ROLLIPOP_VERSION = globalThis.__ROLLIPOP_VERSION__;
-const GLOBAL_IDENTIFIER = "__ROLLIPOP_GLOBAL__";
+const GLOBAL_IDENTIFIER = "global";
 /**
 * @see {@link https://github.com/facebook/metro/blob/0.81.x/docs/Configuration.md#resolvermainfields}
 */
@@ -542,6 +541,7 @@ const DEFAULT_ASSET_EXTENSIONS = [
 const DEFAULT_ASSET_REGISTRY_PATH = "react-native/Libraries/Image/AssetRegistry.js";
 const DEFAULT_HMR_CLIENT_PATH = "react-native/Libraries/Utilities/HMRClient.js";
 const DEFAULT_REACT_NATIVE_GLOBAL_IDENTIFIERS = [
+	GLOBAL_IDENTIFIER,
 	"Promise",
 	"regeneratorRuntime",
 	"XMLHttpRequest",
@@ -596,6 +596,7 @@ const DEFAULT_REACT_NATIVE_GLOBAL_IDENTIFIERS = [
 	"TaskAttributionTiming"
 ];
 const DEFAULT_ENV_PREFIX = "ROLLIPOP_";
+const DEFAULT_RUNTIME_TARGET = "hermes-v1";
 //#endregion
 //#region src/internal/react-native.ts
 function getInitializeCorePath(basePath) {
@@ -634,6 +635,16 @@ function resolvePackagePath(basePath, packageName) {
 	} catch {}
 	throw new Error(`Failed to resolve package path for '${packageName}'`);
 }
+function resolvePackageJson(basePath, packageName) {
+	try {
+		const packagePath = resolvePackagePath(basePath, packageName);
+		const packageJsonPath = node_path.default.join(packagePath, "package.json");
+		const rawPackageJson = node_fs.default.readFileSync(packageJsonPath, "utf-8");
+		return JSON.parse(rawPackageJson);
+	} catch {
+		return null;
+	}
+}
 function resolvePackagePathWithNodeRequire(basePath, packageName, subpath) {
 	const resolvedPath = require.resolve(subpath ? `${packageName}/${subpath}` : packageName, { paths: [basePath] });
 	const root = node_path.default.parse(resolvedPath).root;
@@ -987,13 +998,10 @@ async function getDefaultConfig(projectRoot, mode) {
 			preferNativePlatform: true,
 			symlinks: true
 		},
-		transformer: {
-			svg: true,
-			flow: { filter: {
-				id: /\.jsx?$/,
-				code: /@flow/
-			} }
-		},
+		transformer: { flow: { filter: {
+			id: /\.jsx?$/,
+			code: /@flow/
+		} } },
 		serializer: {
 			prelude: [getInitializeCorePath(projectRoot)],
 			polyfills: await Promise.all(getPolyfillScriptPaths(reactNativePath).map(async (path) => {
@@ -1024,7 +1032,9 @@ async function getDefaultConfig(projectRoot, mode) {
 			return "compat";
 		})() },
 		envDir: projectRoot,
-		envPrefix: DEFAULT_ENV_PREFIX
+		envPrefix: DEFAULT_ENV_PREFIX,
+		runtimeTarget: DEFAULT_RUNTIME_TARGET,
+		experimental: { nativeTransformPipeline: false }
 	};
 }
 //#endregion
@@ -1087,11 +1097,14 @@ async function loadConfig(options = {}) {
 		...commonOptions
 	});
 	const plugins = await flattenPluginOption(userConfig.plugins);
-	const pluginConfig = await resolvePluginConfig(userConfig, plugins);
-	const resolvedConfig = mergeConfig(defaultConfig, ...[{
-		...userConfig,
-		plugins
-	}, pluginConfig]);
+	const resolvedConfig = {
+		...await resolvePluginConfig(mergeConfig(defaultConfig, {
+			...userConfig,
+			plugins
+		}), plugins),
+		plugins,
+		dangerously_overrideRolldownOptions: userConfig.dangerously_overrideRolldownOptions
+	};
 	await invokeConfigResolved(resolvedConfig, plugins);
 	return resolvedConfig;
 }
@@ -1226,9 +1239,6 @@ function indent(text, indent, space = " ") {
 function asLiteral(value) {
 	return JSON.stringify(value);
 }
-function asIdentifier(name) {
-	return name;
-}
 function nodeEnvironment(dev) {
 	return dev ? "development" : "production";
 }
@@ -1292,6 +1302,14 @@ function defineEnvFromObject(env) {
 	return Object.fromEntries(Object.entries(env).map(([key, value]) => [`import.meta.env.${key}`, asLiteral(value)]));
 }
 //#endregion
+//#region src/utils/runtime-target.ts
+function resolveRuntimeTarget(target) {
+	switch (target) {
+		case "hermes": return "Hermes";
+		default: return "HermesV1";
+	}
+}
+//#endregion
 //#region src/utils/server.ts
 function getBaseUrl(host, port, https) {
 	return `${https ? "https" : "http"}://${host}:${port}`;
@@ -1460,7 +1478,7 @@ var FileSystemBundleStore = class {
 			code,
 			mtimeMs: stats.mtimeMs
 		};
-		logger$1.info(`File system bundle created at ${bundleFilePath}`);
+		logger$1.debug(`File system bundle created at ${bundleFilePath}`);
 	}
 	update() {
 		this.holder = {
@@ -2932,8 +2950,8 @@ function withTransformBoundary(context, plugins) {
 }
 //#endregion
 //#region src/core/plugins/react-native-plugin.ts
-function reactNativePlugin(config, options) {
-	const { buildType, flowFilter, codegenFilter, assetsDir, assetExtensions, assetRegistryPath, hmrClientPath } = options;
+function reactNativePlugin(options) {
+	const { projectRoot, platform, preferNativePlatform, buildType, assetsDir, assetExtensions, assetRegistryPath, flowFilter, codegenFilter, builtinPluginConfig } = options;
 	const codegenPlugin = {
 		name: "rollipop:react-native-codegen-marker",
 		transform: {
@@ -2970,10 +2988,10 @@ function reactNativePlugin(config, options) {
 			async handler(id) {
 				this.debug(`Asset ${id} found`);
 				const assetData = await resolveScaledAssets({
-					projectRoot: config.root,
+					projectRoot,
 					assetPath: id,
-					platform: options.platform,
-					preferNativePlatform: config.resolver.preferNativePlatform
+					platform,
+					preferNativePlatform
 				});
 				assets.push(assetData);
 				return {
@@ -2993,33 +3011,13 @@ function reactNativePlugin(config, options) {
 				await copyAssetsToDestination({
 					assets,
 					assetsDir,
-					platform: options.platform,
-					preferNativePlatform: config.resolver.preferNativePlatform
+					platform,
+					preferNativePlatform
 				});
 			}
 		}
 	};
-	const defaultRuntimeImplements = getDefaultRuntimeImplements();
-	const hmrConfig = resolveHmrConfig(config);
-	const replaceHMRClientPlugin = {
-		name: "rollipop:react-native-replace-hmr-client",
-		load: {
-			filter: [(0, _rollipop_rolldown_pluginutils.include)((0, _rollipop_rolldown_pluginutils.id)((0, _rollipop_rolldown_pluginutils.exactRegex)(hmrClientPath)))],
-			handler(id) {
-				this.debug(`Replacing HMR client: ${id}`);
-				return {
-					code: hmrConfig?.clientImplement ?? defaultRuntimeImplements.clientImplement,
-					moduleType: "ts"
-				};
-			}
-		}
-	};
-	return [
-		codegenPlugin,
-		stripFlowSyntaxPlugin,
-		assetPlugin,
-		...(buildType === "serve" ? [replaceHMRClientPlugin] : null) ?? []
-	];
+	return [...builtinPluginConfig ? [(0, _rollipop_rolldown_experimental.rollipopReactNativePlugin)(builtinPluginConfig)] : [codegenPlugin, stripFlowSyntaxPlugin], assetPlugin];
 }
 //#endregion
 //#region src/core/plugins/prelude-plugin.ts
@@ -3072,42 +3070,9 @@ function jsonPlugin() {
 	};
 }
 //#endregion
-//#region src/core/plugins/svg-plugin.ts
-function svgPlugin(options) {
-	if (!options.enabled) return null;
-	return {
-		name: "rollipop:svg",
-		load: {
-			filter: { id: /\.svg$/ },
-			async handler(id) {
-				return {
-					code: await (0, _svgr_core.transform)(node_fs.default.readFileSync(id, "utf-8"), {
-						template: defaultTemplate,
-						plugins: [require.resolve("@svgr/plugin-jsx")],
-						native: true
-					}, { filePath: id }),
-					moduleType: "jsx"
-				};
-			}
-		}
-	};
-}
-const SVG_COMPONENT_NAME = "SvgLogo";
-const defaultTemplate = (variables, { tpl }) => {
-	return tpl`${variables.imports};
-
-${variables.interfaces};
-
-const ${SVG_COMPONENT_NAME} = (${variables.props}) => (
-  ${variables.jsx}
-);
-
-export default ${SVG_COMPONENT_NAME};`;
-};
-//#endregion
 //#region src/utils/babel.ts
-function mergeBabelOptions(baseOptions, ...options) {
-	return options.reduce((acc, options) => (0, es_toolkit.mergeWith)(acc, options, merge$3), baseOptions);
+function mergeBabelOptions(options) {
+	return options.reduce((acc, options) => (0, es_toolkit.mergeWith)(acc, options, merge$3), {});
 }
 function merge$3(target, source, key) {
 	if (key === "plugins") return [...target ?? [], ...source ?? []];
@@ -3124,8 +3089,8 @@ function isJSX(id) {
 }
 //#endregion
 //#region src/core/plugins/babel-plugin.ts
-function babelPlugin(options) {
-	const { rules = [] } = options ?? {};
+function babelPlugin({ useNativeTransformPipeline, transformConfig }) {
+	const { rules = [] } = transformConfig ?? {};
 	const babelOptionsById = /* @__PURE__ */ new Map();
 	const babelRules = rules.map(({ filter, options }, index) => {
 		return {
@@ -3149,14 +3114,14 @@ function babelPlugin(options) {
 			const flags = getFlag(this, id);
 			if (flags & TransformFlag.SKIP_ALL) return;
 			const babelOptions = babelOptionsById.get(id) ?? [];
-			if (!(flags & TransformFlag.CODEGEN_REQUIRED || babelOptions.length > 0)) return;
-			const baseOptions = getPreset$1(flags, id);
+			if (!(useNativeTransformPipeline ? babelOptions.length > 0 : flags & TransformFlag.CODEGEN_REQUIRED || babelOptions.length > 0)) return;
+			const baseOptions = useNativeTransformPipeline ? [] : [getPreset(flags, id)];
 			const result = _babel_core.transformSync(code, {
 				filename: id,
 				babelrc: false,
 				configFile: false,
 				sourceMaps: true,
-				...mergeBabelOptions(baseOptions, ...babelOptions)
+				...mergeBabelOptions([...baseOptions, ...babelOptions])
 			});
 			(0, es_toolkit.invariant)(result?.code, `Failed to transform with babel: ${id}`);
 			return {
@@ -3167,7 +3132,7 @@ function babelPlugin(options) {
 	};
 	return [...babelRules, babelPlugin];
 }
-function getPreset$1(flags, id) {
+function getPreset(flags, id) {
 	const presets = [];
 	const plugins = [];
 	let parserOpts = null;
@@ -3191,8 +3156,8 @@ function getPreset$1(flags, id) {
 }
 //#endregion
 //#region src/utils/swc.ts
-function mergeSwcOptions(baseOptions, ...options) {
-	return options.reduce((acc, options) => (0, es_toolkit.mergeWith)(acc, options, merge$2), baseOptions);
+function mergeSwcOptions(options) {
+	return options.reduce((acc, options) => (0, es_toolkit.mergeWith)(acc, options, merge$2), {});
 }
 function merge$2(target, source, key) {
 	if (key === "plugins") return [...target ?? [], ...source ?? []];
@@ -3202,8 +3167,8 @@ function merge$2(target, source, key) {
 const ROLLDOWN_RUNTIME_EXCLUDE_FILTER = (0, _rollipop_rolldown_pluginutils.exclude)((0, _rollipop_rolldown_pluginutils.or)((0, _rollipop_rolldown_pluginutils.id)(/rolldown\/runtime/), (0, _rollipop_rolldown_pluginutils.id)(/@oxc-project\+runtime/)));
 //#endregion
 //#region src/core/plugins/swc-plugin.ts
-function swcPlugin(options) {
-	const { rules = [] } = options ?? {};
+function swcPlugin({ useNativeTransformPipeline, runtimeTarget, transformConfig }) {
+	const { rules = [] } = transformConfig ?? {};
 	const swcOptionsById = /* @__PURE__ */ new Map();
 	const swcHelpersResolvePlugin = {
 		name: "rollipop:swc-helpers-resolve",
@@ -3228,6 +3193,7 @@ function swcPlugin(options) {
 			}
 		};
 	});
+	const getSwcPreset = useNativeTransformPipeline ? null : presets[runtimeTarget];
 	const swcPlugin = {
 		name: "rollipop:swc",
 		buildStart() {
@@ -3238,14 +3204,15 @@ function swcPlugin(options) {
 			handler(code, id) {
 				if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
 				const swcOptions = swcOptionsById.get(id) ?? [];
-				const baseOptions = getPreset(id);
+				if (getSwcPreset == null && swcOptions.length === 0) return;
+				const baseOptions = getSwcPreset != null ? [getSwcPreset(id)] : [];
 				const result = _swc_core.transformSync(code, {
 					filename: id,
 					configFile: false,
 					swcrc: false,
 					sourceMaps: true,
 					inputSourceMap: false,
-					...mergeSwcOptions(baseOptions, ...swcOptions)
+					...mergeSwcOptions([...baseOptions, ...swcOptions])
 				});
 				return {
 					code: result.code,
@@ -3260,8 +3227,8 @@ function swcPlugin(options) {
 		swcPlugin
 	];
 }
-function getPreset(id) {
-	return {
+const presets = {
+	"hermes-v1": (id) => ({
 		env: {
 			targets: { node: 9999 },
 			include: [
@@ -3280,8 +3247,26 @@ function getPreset(id) {
 			externalHelpers: true
 		},
 		isModule: id.endsWith(".cjs") ? "commonjs" : true
-	};
-}
+	}),
+	hermes: (id) => ({
+		jsc: {
+			parser: {
+				syntax: "typescript",
+				tsx: true
+			},
+			transform: { react: { runtime: "preserve" } },
+			externalHelpers: true,
+			keepClassNames: true,
+			loose: false,
+			assumptions: {
+				setPublicClassFields: true,
+				privateFieldsAsProperties: true
+			},
+			target: "es5"
+		},
+		isModule: id.endsWith(".cjs") ? "commonjs" : true
+	})
+};
 //#endregion
 //#region src/core/plugins/reporter-plugin.ts
 function reporterPlugin(options) {
@@ -3332,6 +3317,29 @@ function reporterPlugin(options) {
 	};
 }
 //#endregion
+//#region src/core/plugins/dev-server-plugin.ts
+async function devServerPlugin(options) {
+	const { cwd, hmrClientPath, hmrConfig } = options;
+	if (hmrConfig == null) return null;
+	return [{
+		name: "rollipop:replace-hmr-client",
+		load: {
+			filter: [(0, _rollipop_rolldown_pluginutils.include)((0, _rollipop_rolldown_pluginutils.id)((0, _rollipop_rolldown_pluginutils.exactRegex)(resolveFrom(cwd, typeof hmrClientPath === "function" ? await hmrClientPath(cwd) : hmrClientPath))))],
+			handler(id) {
+				this.debug(`Replacing HMR client: ${id}`);
+				return {
+					code: hmrConfig.clientImplement,
+					moduleType: "ts"
+				};
+			}
+		}
+	}, (0, _rollipop_rolldown_experimental.rollipopReactRefreshWrapperPlugin)({
+		cwd,
+		include: [/\.[tj]sx?(?:$|\?)/],
+		exclude: [/\/node_modules\//]
+	})];
+}
+//#endregion
 //#region src/core/rolldown.ts
 resolveRolldownOptions.cache = /* @__PURE__ */ new Map();
 async function resolveRolldownOptions(context, config, buildOptions, devEngineOptions) {
@@ -3345,18 +3353,18 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		MODE: config.mode,
 		...isDevServerMode ? { BASE_URL: getBaseUrl(devEngineOptions.host, devEngineOptions.port, devEngineOptions.https) } : null
 	};
+	const hmrConfig = resolveHmrConfig(config);
+	const hmrEnabled = hmrConfig != null;
 	const { sourceExtensions, assetExtensions, preferNativePlatform, external: rolldownExternal, ...rolldownResolve } = config.resolver;
-	const { polyfills, prelude: preludePaths, banner: rolldownBanner, footer: rolldownFooter, postBanner: rolldownPostBanner, postFooter: rolldownPostFooter, intro: rolldownIntro, outro: rolldownOutro, shimMissingExports: rolldownShimMissingExports } = config.serializer;
-	const { flow, babel: babelConfig, swc: swcConfig, ...rolldownTransform } = config.transformer;
+	const { polyfills, banner: rolldownBanner, footer: rolldownFooter, postBanner: rolldownPostBanner, postFooter: rolldownPostFooter, intro: rolldownIntro, outro: rolldownOutro, shimMissingExports: rolldownShimMissingExports } = config.serializer;
+	const { flow: _flow, babel: _babel, swc: _swc, ...rolldownTransform } = config.transformer;
 	const { treeshake: rolldownTreeshake, minify: rolldownMinify, lazyBarrel: rolldownLazyBarrel, ...rolldownOptimization } = config.optimization;
-	const { codegen, assetRegistryPath, hmrClientPath, globalIdentifiers: rolldownGlobalIdentifiers } = config.reactNative;
+	const { globalIdentifiers: rolldownGlobalIdentifiers } = config.reactNative;
 	const { sourcemap: rolldownSourcemap, sourcemapBaseUrl: rolldownSourcemapBaseUrl, sourcemapDebugIds: rolldownSourcemapDebugIds, sourcemapIgnoreList: rolldownSourcemapIgnoreList, sourcemapPathTransform: rolldownSourcemapPathTransform } = config;
-	const transformSvg = config.transformer.svg;
-	const resolvedSourceExtensions = transformSvg ? [...sourceExtensions, "svg"] : sourceExtensions;
-	const resolvedAssetExtensions = transformSvg ? assetExtensions.filter((extension) => extension !== "svg") : assetExtensions;
+	const userPlugins = config.plugins;
 	const mergedResolveOptions = (0, es_toolkit.merge)({ extensions: getResolveExtensions({
-		sourceExtensions: resolvedSourceExtensions,
-		assetExtensions: resolvedAssetExtensions,
+		sourceExtensions,
+		assetExtensions,
 		platform,
 		preferNativePlatform
 	}) }, rolldownResolve);
@@ -3369,29 +3377,20 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		},
 		define: {
 			__DEV__: asLiteral(dev),
-			global: asIdentifier(GLOBAL_IDENTIFIER),
 			"process.env.NODE_ENV": asLiteral(nodeEnvironment(dev)),
 			"process.env.DEBUG_ROLLIPOP": asLiteral(isDebugEnabled()),
+			...hmrEnabled ? null : { "import.meta.hot": "{}" },
 			...defineEnvFromObject(env),
 			...defineEnvFromObject(builtInEnv)
 		},
 		helpers: { mode: "Runtime" }
 	}, rolldownTransform);
-	const devServerPlugins = isDevServerMode ? [(0, _rollipop_rolldown_experimental.rollipopReactRefreshWrapperPlugin)({
-		cwd: config.root,
-		include: [/\.[tj]sx?(?:$|\?)/],
-		exclude: [/\/node_modules\//]
-	})] : null;
-	const defaultReporters = [(() => {
-		switch (config.terminal.status) {
-			case "compat": return new CompatStatusReporter();
-			case "progress": return new ProgressBarStatusReporter(context.id, `[${platform}, ${buildOptions.dev ? "dev" : "prod"}]`, getBuildTotalModules(context.storage, context.id));
-		}
-	})()];
-	const reporterOptions = {
-		initialTotalModules: getBuildTotalModules(context.storage, context.id),
-		reporter: mergeReporters([...defaultReporters, config.reporter].filter(es_toolkit.isNotNil))
-	};
+	const preludePluginOptions = resolvePreludePluginOptions(config);
+	const reactNativePluginOptions = await resolveReactNativePluginOptions(config, context, buildOptions);
+	const babelPluginOptions = resolveBabelPluginOptions(config);
+	const swcPluginOptions = resolveSwcPluginOptions(config);
+	const devServerPluginOptions = resolveDevServerPluginOptions(config, hmrConfig);
+	const reporterPluginOptions = resolveReporterPluginOptions(config, context, buildOptions);
 	const finalOptions = await applyDangerouslyOverrideOptionsFinalizer(config, {
 		platform: "neutral",
 		cwd: config.root,
@@ -3402,31 +3401,20 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		treeshake: rolldownTreeshake,
 		external: rolldownExternal,
 		shimMissingExports: rolldownShimMissingExports,
-		optimization: {
-			...rolldownOptimization,
-			inlineConst: false
+		optimization: rolldownOptimization,
+		experimental: {
+			lazyBarrel: rolldownLazyBarrel,
+			...isDevServerMode ? { devMode: hmrConfig ? { implement: hmrConfig.runtimeImplement } : false } : null
 		},
-		experimental: { lazyBarrel: rolldownLazyBarrel },
 		plugins: withTransformBoundary(context, [
-			preludePlugin({ modulePaths: preludePaths }),
-			reactNativePlugin(config, {
-				dev,
-				platform,
-				buildType: context.buildType,
-				codegenFilter: codegen.filter,
-				flowFilter: flow.filter,
-				assetsDir: buildOptions.assetsDir,
-				assetExtensions: resolvedAssetExtensions,
-				assetRegistryPath: resolveFrom(config.root, typeof assetRegistryPath === "function" ? await assetRegistryPath(config.root) : assetRegistryPath),
-				hmrClientPath: resolveFrom(config.root, typeof hmrClientPath === "function" ? await hmrClientPath(config.root) : hmrClientPath)
-			}),
+			preludePlugin(preludePluginOptions),
+			reactNativePlugin(reactNativePluginOptions),
 			jsonPlugin(),
-			svgPlugin({ enabled: transformSvg }),
-			babelPlugin(babelConfig),
-			swcPlugin(swcConfig),
-			reporterPlugin(reporterOptions),
-			devServerPlugins,
-			config.plugins
+			babelPlugin(babelPluginOptions),
+			swcPlugin(swcPluginOptions),
+			devServerPlugin(devServerPluginOptions),
+			reporterPlugin(reporterPluginOptions),
+			userPlugins
 		]),
 		checks: {
 			eval: false,
@@ -3467,6 +3455,78 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 	resolveRolldownOptions.cache.set(context.id, finalOptions);
 	return finalOptions;
 }
+function resolvePreludePluginOptions(config) {
+	return { modulePaths: config.serializer.prelude };
+}
+async function resolveReactNativePluginOptions(config, context, buildOptions) {
+	return {
+		projectRoot: config.root,
+		platform: buildOptions.platform,
+		preferNativePlatform: config.resolver.preferNativePlatform,
+		buildType: context.buildType,
+		assetsDir: buildOptions.assetsDir,
+		assetExtensions: config.resolver.assetExtensions,
+		assetRegistryPath: await resolveAssetRegistryPath(config),
+		flowFilter: config.transformer.flow?.filter ?? [],
+		codegenFilter: config.reactNative.codegen?.filter ?? [],
+		builtinPluginConfig: resolveReactNativeBuiltinPluginConfig(config)
+	};
+}
+async function resolveAssetRegistryPath(config) {
+	const { assetRegistryPath } = config.reactNative;
+	const path = typeof assetRegistryPath === "function" ? await assetRegistryPath(config.root) : assetRegistryPath;
+	return resolveFrom(config.root, path);
+}
+function resolveReactNativeBuiltinPluginConfig(config) {
+	if (!config.experimental?.nativeTransformPipeline) return null;
+	return {
+		envName: config.mode,
+		runtimeTarget: resolveRuntimeTarget(config.runtimeTarget),
+		worklets: resolveWorkletsConfig(config),
+		plugins: []
+	};
+}
+function resolveWorkletsConfig(config) {
+	const { worklets } = config.experimental ?? {};
+	if (worklets == null) return;
+	return (0, es_toolkit.merge)({
+		isRelease: config.mode === "production",
+		pluginVersion: resolvePackageJson(config.root, "react-native-worklets")?.version
+	}, worklets);
+}
+function resolveBabelPluginOptions(config) {
+	return {
+		useNativeTransformPipeline: config.experimental?.nativeTransformPipeline,
+		transformConfig: config.transformer.babel
+	};
+}
+function resolveSwcPluginOptions(config) {
+	return {
+		useNativeTransformPipeline: config.experimental?.nativeTransformPipeline,
+		runtimeTarget: config.runtimeTarget,
+		transformConfig: config.transformer.swc
+	};
+}
+function resolveDevServerPluginOptions(config, hmrConfig) {
+	return {
+		cwd: config.root,
+		hmrClientPath: config.reactNative.hmrClientPath,
+		hmrConfig
+	};
+}
+function resolveReporterPluginOptions(config, context, buildOptions) {
+	const statusReporter = createStatusReporter(config, context, buildOptions);
+	return {
+		initialTotalModules: getBuildTotalModules(context.storage, context.id),
+		reporter: mergeReporters([statusReporter, config.reporter].filter(es_toolkit.isNotNil))
+	};
+}
+function createStatusReporter(config, context, buildOptions) {
+	switch (config.terminal.status) {
+		case "compat": return new CompatStatusReporter();
+		case "progress": return new ProgressBarStatusReporter(context.id, `[${buildOptions.platform}, ${buildOptions.dev ? "dev" : "prod"}]`, getBuildTotalModules(context.storage, context.id));
+	}
+}
 function getResolveExtensions({ platform, sourceExtensions, assetExtensions, preferNativePlatform }) {
 	const supportedExtensions = [...sourceExtensions, ...assetExtensions];
 	return [...[platform, preferNativePlatform ? "native" : null].filter(es_toolkit.isNotNil).map((platform) => {
@@ -3491,13 +3551,11 @@ async function applyDangerouslyOverrideOptionsFinalizer(config, inputOptions, ou
 		output: (0, es_toolkit.merge)(outputOptions, config.dangerously_overrideRolldownOptions?.output ?? {})
 	};
 }
-function getOverrideOptionsForDevServer(config, buildOptions) {
-	const hmrConfig = resolveHmrConfig(config);
+function getOverrideOptionsForDevServer(buildOptions) {
 	return {
 		input: {
 			transform: { jsx: { development: true } },
 			experimental: {
-				devMode: hmrConfig ? { implement: hmrConfig.runtimeImplement } : false,
 				incrementalBuild: true,
 				nativeMagicString: true
 			},
@@ -3521,7 +3579,7 @@ var Bundler = class Bundler {
 		const resolvedBuildOptions = resolveBuildOptions(config, buildOptions);
 		const context = Bundler.createContext(buildType, config, resolvedBuildOptions);
 		const { input = {}, output = {} } = await resolveRolldownOptions(context, config, resolvedBuildOptions, devEngineOptions);
-		const devServerOptions = getOverrideOptionsForDevServer(config, resolvedBuildOptions);
+		const devServerOptions = getOverrideOptionsForDevServer(resolvedBuildOptions);
 		const devEngine = await (0, _rollipop_rolldown_experimental.dev)((0, es_toolkit.merge)(input, devServerOptions.input), (0, es_toolkit.merge)(output, devServerOptions.output), {
 			watch: config.watcher,
 			...devEngineOptions