rollipop 0.1.0-alpha.13 → 0.1.0-alpha.15

package/dist/commands.cjs

@@ -41,11 +41,8 @@ let node_tty = require("node:tty");
 let _inquirer_prompts = require("@inquirer/prompts");
 let node_fs = require("node:fs");
 node_fs = __toESM(node_fs);
-let _babel_generator = require("@babel/generator");
-let flow_remove_types = require("flow-remove-types");
-flow_remove_types = __toESM(flow_remove_types);
-let hermes_parser = require("hermes-parser");
-hermes_parser = __toESM(hermes_parser);
+let fast_flow_transform = require("fast-flow-transform");
+fast_flow_transform = __toESM(fast_flow_transform);
 let wrap_ansi = require("wrap-ansi");
 wrap_ansi = __toESM(wrap_ansi);
 let c12 = require("c12");
@@ -58,7 +55,7 @@ let _rollipop_rolldown_experimental = require("@rollipop/rolldown/experimental")
 _rollipop_rolldown_experimental = __toESM(_rollipop_rolldown_experimental);
 let node_crypto = require("node:crypto");
 node_crypto = __toESM(node_crypto);
-let _node_rs_xxhash = require("@node-rs/xxhash");
+require("@node-rs/xxhash");
 let dedent = require("dedent");
 dedent = __toESM(dedent);
 let dotenv = require("dotenv");
@@ -155,7 +152,7 @@ const DEBUG_KEY = "rollipop";
 const SHARED_DATA_PATH = ".rollipop";
 
 //#endregion
-//#region src/common/debug.ts
+//#region src/common/env.ts
 const TRUTHY_VALUES = [
 	"yes",
 	"on",
@@ -185,6 +182,13 @@ function isDebugEnabled() {
 	if (debugKeys == null) debugKeys = parseDebugKeys();
 	return debugKeys[DEBUG_KEY] ?? false;
 }
+function getBundleStoreMode() {
+	switch (process.env.BUNDLE_STORE) {
+		case "fs":
+		case "memory": return process.env.BUNDLE_STORE;
+		default: return "memory";
+	}
+}
 
 //#endregion
 //#region src/common/logger.ts
@@ -265,7 +269,7 @@ var Logger = class Logger {
 
 //#endregion
 //#region src/node/logger.ts
-const logger$2 = new Logger("cli");
+const logger$3 = new Logger("cli");
 
 //#endregion
 //#region src/node/utils.ts
@@ -313,12 +317,12 @@ var DebuggerOpener = class DebuggerOpener {
 		this.settings = loadSettings(projectRoot);
 	}
 	async openDebuggerForTarget(target) {
-		logger$2.debug(`Opening debugger for target: ${target.id}`);
+		logger$3.debug(`Opening debugger for target: ${target.id}`);
 		try {
 			await fetch(new URL("/open-debugger?target=" + encodeURIComponent(target.id), this.serverUrl), { method: "POST" });
 		} catch (error) {
-			logger$2.error(`Failed to open debugger for ${target.title}`);
-			logger$2.debug("Reason", error);
+			logger$3.error(`Failed to open debugger for ${target.title}`);
+			logger$3.debug("Reason", error);
 		}
 	}
 	async autoOpen() {
@@ -327,18 +331,18 @@ var DebuggerOpener = class DebuggerOpener {
 		if (this.isAutoOpenEnabled()) await this.open();
 	}
 	async open() {
-		logger$2.debug("Fetching available debugging targets...");
+		logger$3.debug("Fetching available debugging targets...");
 		const response = await fetch(new URL("/json/list", this.serverUrl), { method: "POST" });
 		if (response.status !== 200) throw new Error(`Unexpected status code: ${response.status}`);
 		const targets = await response.json();
 		if (!Array.isArray(targets)) throw new Error("Unexpected response format");
-		logger$2.debug(`Found ${targets.length} debugging targets:`);
-		if (targets.length === 0) logger$2.warn("No connected targets");
+		logger$3.debug(`Found ${targets.length} debugging targets:`);
+		if (targets.length === 0) logger$3.warn("No connected targets");
 		else if (targets.length === 1) {
 			const target = targets[0];
 			await this.openDebuggerForTarget(target);
 		} else {
-			if (targets.length > DebuggerOpener.MAX_TARGETS_SHOWN) logger$2.warn(`More than ${DebuggerOpener.MAX_TARGETS_SHOWN} debug targets available, showing the first ${DebuggerOpener.MAX_TARGETS_SHOWN}.`);
+			if (targets.length > DebuggerOpener.MAX_TARGETS_SHOWN) logger$3.warn(`More than ${DebuggerOpener.MAX_TARGETS_SHOWN} debug targets available, showing the first ${DebuggerOpener.MAX_TARGETS_SHOWN}.`);
 			const slicedTargets = targets.slice(0, DebuggerOpener.MAX_TARGETS_SHOWN);
 			Logger.block();
 			this._prompting = true;
@@ -378,7 +382,7 @@ function setupInteractiveMode(options) {
 	const { devServer, extraCommands = [] } = options;
 	if (!devServer.instance.server.listening) throw new Error("Dev server is not listening. Please call `devServer.instance.listen()` first.");
 	if (!(process.stdin.isTTY && process.stdin instanceof node_tty.ReadStream)) {
-		logger$2.warn("Interactive mode is not supported in non-interactive environments");
+		logger$3.warn("Interactive mode is not supported in non-interactive environments");
 		return;
 	}
 	const debuggerOpener = new DebuggerOpener(devServer.config.root, devServer.instance.listeningOrigin);
@@ -389,7 +393,7 @@ function setupInteractiveMode(options) {
 	process.stdin.setRawMode(true);
 	devServer.on("device.connected", () => {
 		debuggerOpener.autoOpen().catch(() => {
-			logger$2.error("Failed to open debugger");
+			logger$3.error("Failed to open debugger");
 		});
 	});
 	process.stdin.on("keypress", (_, key) => {
@@ -405,7 +409,7 @@ function setupInteractiveMode(options) {
 		const targetCommand = allCommands.find((command) => command.key === sequence && (command.shift ?? false) === shift);
 		if (targetCommand) targetCommand.handler.call({
 			server: devServer,
-			logger: logger$2
+			logger: logger$3
 		});
 	});
 	console.log();
@@ -422,7 +426,7 @@ function getDefaultCommands(devServer, debuggerOpener) {
 			key: "r",
 			description: "Reload app",
 			handler: (0, es_toolkit.throttle)(() => {
-				logger$2.info("Reloading app...");
+				logger$3.info("Reloading app...");
 				devServer.message.broadcast("reload");
 			}, BROADCAST_THROTTLE_DELAY)
 		},
@@ -431,7 +435,7 @@ function getDefaultCommands(devServer, debuggerOpener) {
 			description: "Open DevTools",
 			handler: () => {
 				debuggerOpener.open().catch(() => {
-					logger$2.error("Failed to open debugger");
+					logger$3.error("Failed to open debugger");
 				});
 			}
 		},
@@ -439,7 +443,7 @@ function getDefaultCommands(devServer, debuggerOpener) {
 			key: "d",
 			description: "Show developer menu",
 			handler: (0, es_toolkit.throttle)(() => {
-				logger$2.info("Showing developer menu...");
+				logger$3.info("Showing developer menu...");
 				devServer.message.broadcast("devMenu");
 			}, BROADCAST_THROTTLE_DELAY)
 		},
@@ -453,7 +457,7 @@ function getDefaultCommands(devServer, debuggerOpener) {
 			handler: () => {
 				const newAutoOpenEnabled = !debuggerOpener.isAutoOpenEnabled();
 				debuggerOpener.setAutoOpenEnabled(newAutoOpenEnabled);
-				logger$2.info(`Auto opening developer tools: ${chalk.default.bold(newAutoOpenEnabled ? "enabled" : "disabled")}`);
+				logger$3.info(`Auto opening developer tools: ${chalk.default.bold(newAutoOpenEnabled ? "enabled" : "disabled")}`);
 			}
 		}
 	];
@@ -490,36 +494,15 @@ const UNSUPPORTED_OPTION_DESCRIPTION = "This option is not supported by Rollipop
 
 //#endregion
 //#region src/common/transformer.ts
-function stripFlowTypes(code) {
-	const typeRemoved = (0, flow_remove_types.default)(code, {
-		all: true,
-		removeEmptyImports: true
-	});
-	return {
-		code: typeRemoved.toString(),
-		map: typeRemoved.generateMap()
-	};
-}
-function stripFlowSyntax(code) {
-	const { code: typeRemovedCode } = stripFlowTypes(code);
-	return parseFlowSyntax(typeRemovedCode);
-}
-function parseFlowSyntax(code) {
-	return hermes_parser.parse(code, {
-		flow: "all",
-		babel: true
+async function stripFlowTypes(id, code) {
+	return await (0, fast_flow_transform.default)({
+		filename: id,
+		source: code,
+		sourcemap: true,
+		dialect: "flow",
+		format: "pretty"
 	});
 }
-function generateSourceFromAst(ast, id) {
-	const generated = (0, _babel_generator.generate)(ast, {
-		sourceMaps: true,
-		sourceFileName: node_path.default.basename(id)
-	});
-	return {
-		code: generated.code,
-		map: generated.map
-	};
-}
 
 //#endregion
 //#region src/constants.ts
@@ -921,7 +904,7 @@ var ProgressBarRenderManager = class ProgressBarRenderManager {
 
 //#endregion
 //#region src/logger.ts
-const logger$1 = new Logger("bundler");
+const logger$2 = new Logger("bundler");
 
 //#endregion
 //#region src/utils/reporters.ts
@@ -983,7 +966,7 @@ var ProgressBarStatusReporter = class {
 			case "transform":
 				const { id, totalModules, transformedModules } = event;
 				if (this.flags & ProgressFlags.FILE_CHANGED) {
-					logger$1.debug("Transformed changed file", { id });
+					logger$2.debug("Transformed changed file", { id });
 					return;
 				}
 				this.renderProgress(id, totalModules, transformedModules);
@@ -998,16 +981,16 @@ var CompatStatusReporter = class {
 	update(event) {
 		switch (event.type) {
 			case "bundle_build_started":
-				logger$1.info("Build started...");
+				logger$2.info("Build started...");
 				break;
 			case "bundle_build_failed":
-				logger$1.error(`Build failed`);
+				logger$2.error(`Build failed`);
 				break;
 			case "bundle_build_done":
 				const { duration, totalModules } = event;
 				const time = chalk.default.blue(`${duration.toFixed(2)}ms`);
 				const modules = chalk.default.blue(`(${totalModules} modules)`);
-				logger$1.info(`Build completed in ${time} ${modules}`);
+				logger$2.info(`Build completed in ${time} ${modules}`);
 				break;
 		}
 	}
@@ -1015,7 +998,7 @@ var CompatStatusReporter = class {
 
 //#endregion
 //#region src/config/defaults.ts
-function getDefaultConfig(projectRoot, mode) {
+async function getDefaultConfig(projectRoot, mode) {
 	let reactNativePath;
 	try {
 		reactNativePath = process.env.ROLLIPOP_REACT_NATIVE_PATH ?? resolvePackagePath(projectRoot, "react-native");
@@ -1043,9 +1026,11 @@ function getDefaultConfig(projectRoot, mode) {
 		},
 		serializer: {
 			prelude: [getInitializeCorePath(projectRoot)],
-			polyfills: getPolyfillScriptPaths(reactNativePath).map((path) => ({
-				type: "iife",
-				code: generateSourceFromAst(stripFlowSyntax(node_fs.default.readFileSync(path, "utf-8")), path).code
+			polyfills: await Promise.all(getPolyfillScriptPaths(reactNativePath).map(async (path) => {
+				return {
+					type: "iife",
+					code: (await stripFlowTypes(path, node_fs.default.readFileSync(path, "utf-8"))).code
+				};
 			}))
 		},
 		watcher: {
@@ -1116,7 +1101,7 @@ function mergeConfig(baseConfig, ...overrideConfigs) {
 const CONFIG_FILE_NAME = "rollipop";
 async function loadConfig(options = {}) {
 	const { cwd = process.cwd(), configFile, mode, context = {} } = options;
-	const defaultConfig = getDefaultConfig(cwd, mode);
+	const defaultConfig = await getDefaultConfig(cwd, mode);
 	const commonOptions = {
 		context: {
 			...context,
@@ -1183,7 +1168,7 @@ var FileSystemCache = class FileSystemCache {
 	constructor(projectRoot, id) {
 		this.cacheDirectory = node_path.default.join(FileSystemCache.getCacheDirectory(projectRoot), id);
 		this.ensureCacheDirectory(this.cacheDirectory);
-		logger$1.debug("cache directory:", this.cacheDirectory);
+		logger$2.debug("cache directory:", this.cacheDirectory);
 	}
 	ensureCacheDirectory(cacheDirectory) {
 		if (!node_fs.default.existsSync(cacheDirectory)) node_fs.default.mkdirSync(cacheDirectory, { recursive: true });
@@ -1205,11 +1190,11 @@ var FileSystemCache = class FileSystemCache {
 			try {
 				await node_fs.default.promises.writeFile(node_path.default.join(this.cacheDirectory, key), value);
 			} catch (error) {
-				logger$1.error("Failed to write cache file", key);
-				logger$1.debug(error);
+				logger$2.error("Failed to write cache file", key);
+				logger$2.debug(error);
 			}
 		}))).catch((error) => {
-			logger$1.error("Failed to flush cache", error);
+			logger$2.error("Failed to flush cache", error);
 		});
 		this.pendingData.clear();
 	}
@@ -1245,9 +1230,6 @@ function resolveBuildOptions(config, buildOptions) {
 
 //#endregion
 //#region src/utils/hash.ts
-function xxhash(data) {
-	return (0, _node_rs_xxhash.xxh32)(data).toString(16);
-}
 function md5(data) {
 	return node_crypto.default.createHash("md5").update(data).digest("hex");
 }
@@ -1417,7 +1399,7 @@ function loadEnv(options) {
 	for (const envFile of envFilesToLoad) {
 		const envPath = node_path.default.resolve(envDir, envFile);
 		if (!node_fs.default.existsSync(envPath)) continue;
-		logger$1.trace(`Loading environment variables from ${envPath}`);
+		logger$2.trace(`Loading environment variables from ${envPath}`);
 		const parsed = dotenv.default.parse(node_fs.default.readFileSync(envPath, "utf-8"));
 		const expanded = dotenv_expand.default.expand({
 			parsed,
@@ -1427,35 +1409,35 @@ function loadEnv(options) {
 			if (key.startsWith(envPrefix)) env[key] = key in process.env ? process.env[key] : value;
 		});
 	}
-	logger$1.trace("Loaded environment variables:", env);
+	logger$2.trace("Loaded environment variables:", env);
 	return env;
 }
 
 //#endregion
 //#region src/server/logger.ts
-const logger = new Logger("dev-server");
+const logger$1 = new Logger("dev-server");
 var DevServerLogger = class {
 	level = "trace";
 	trace(...args) {
-		logger.trace(...args);
+		logger$1.trace(...args);
 	}
 	debug(...args) {
-		logger.debug(...args);
+		logger$1.debug(...args);
 	}
 	info(...args) {
-		logger.info(...args);
+		logger$1.info(...args);
 	}
 	warn(...args) {
-		logger.warn(...args);
+		logger$1.warn(...args);
 	}
 	error(...args) {
-		logger.error(...args);
+		logger$1.error(...args);
 	}
 	silent(...args) {
-		logger.trace(chalk.default.gray("(silent)"), ...args);
+		logger$1.trace(chalk.default.gray("(silent)"), ...args);
 	}
 	fatal(...args) {
-		logger.error(chalk.default.magenta("(fatal)"), ...args);
+		logger$1.error(chalk.default.magenta("(fatal)"), ...args);
 	}
 	child(_bindings) {
 		return this;
@@ -1470,11 +1452,11 @@ async function assertDevServerStatus(options) {
 	let shouldExit = false;
 	switch (status) {
 		case DevServerStatus.MATCHED_SERVER_RUNNING:
-			logger.warn(`A dev server is already running for this project on port ${port}. Exiting.`);
+			logger$1.warn(`A dev server is already running for this project on port ${port}. Exiting.`);
 			shouldExit = true;
 			break;
 		case DevServerStatus.PORT_TAKEN:
-			logger.error(`Another process is running on port ${port}. Please terminate this process and try again, or use another port with "--port".`);
+			logger$1.error(`Another process is running on port ${port}. Please terminate this process and try again, or use another port with "--port".`);
 			shouldExit = true;
 			break;
 	}
@@ -1564,7 +1546,7 @@ function replaceSourceMappingURL(code, sourceMappingURL) {
 
 //#endregion
 //#region src/server/bundle.ts
-var InMemoryBundle = class {
+var InMemoryBundleStore = class {
 	lazySourceMapConsumer = null;
 	constructor(_code, _sourceMap, sourceMappingURL) {
 		this._code = _code;
@@ -1583,6 +1565,42 @@ var InMemoryBundle = class {
 		return this.lazySourceMapConsumer;
 	}
 };
+var FileSystemBundleStore = class {
+	bundleFilePath;
+	holder;
+	constructor(projectRoot, id, code) {
+		const sharedDataPath = getSharedDataPath(projectRoot);
+		const bundlesPath = node_path.default.join(sharedDataPath, "bundles");
+		const bundleFilePath = node_path.default.join(bundlesPath, `${id}.bundle`);
+		if (!node_fs.default.existsSync(bundlesPath)) node_fs.default.mkdirSync(bundlesPath, { recursive: true });
+		node_fs.default.writeFileSync(bundleFilePath, code, { encoding: "utf-8" });
+		const stats = node_fs.default.statSync(bundleFilePath);
+		this.bundleFilePath = bundleFilePath;
+		this.holder = {
+			code,
+			mtimeMs: stats.mtimeMs
+		};
+		logger$2.info(`File system bundle created at ${bundleFilePath}`);
+	}
+	update() {
+		this.holder = {
+			code: node_fs.default.readFileSync(this.bundleFilePath, { encoding: "utf-8" }),
+			mtimeMs: node_fs.default.statSync(this.bundleFilePath).mtimeMs
+		};
+	}
+	get code() {
+		if (this.isStale()) {
+			logger$2.info("File system bundle is stale, updating...");
+			this.update();
+		} else logger$2.trace("File system bundle is up to date");
+		return this.holder.code;
+	}
+	get sourceMap() {}
+	get sourceMapConsumer() {}
+	isStale() {
+		return this.holder.mtimeMs !== node_fs.default.statSync(this.bundleFilePath).mtimeMs;
+	}
+};
 
 //#endregion
 //#region src/server/bundler-pool.ts
@@ -1590,7 +1608,7 @@ var BundlerDevEngine = class extends node_events.default {
 	initializeHandle;
 	isHmrEnabled;
 	_id;
-	bundle = null;
+	bundleStore = null;
 	buildFailedError = null;
 	_devEngine = null;
 	_state = "idle";
@@ -1629,14 +1647,14 @@ var BundlerDevEngine = class extends node_events.default {
 			onHmrUpdates: (errorOrResult) => {
 				if (!this.isHmrEnabled) return;
 				if (errorOrResult instanceof Error) {
-					logger.error("Failed to handle HMR updates", {
+					logger$1.error("Failed to handle HMR updates", {
 						bundlerId: this.id,
 						error: errorOrResult
 					});
 					const normalizedError = normalizeRolldownError(errorOrResult);
 					this.emit("buildFailed", normalizedError);
 				} else {
-					logger.trace("Detected changed files", {
+					logger$1.trace("Detected changed files", {
 						bundlerId: this.id,
 						changedFiles: errorOrResult.changedFiles
 					});
@@ -1646,16 +1664,15 @@ var BundlerDevEngine = class extends node_events.default {
 			onOutput: (errorOrResult) => {
 				if (errorOrResult instanceof Error) {
 					const normalizedError = normalizeRolldownError(errorOrResult);
-					logger.trace("onOutput", { bundlerId: this.id });
-					logger.error(errorOrResult.message);
+					logger$1.trace("onOutput", { bundlerId: this.id });
+					logger$1.error(errorOrResult.message);
 					this.buildFailedError = normalizedError;
 					this.emit("buildFailed", normalizedError);
 				} else {
 					const output = errorOrResult.output[0];
-					const sourceMap = output.map?.toString();
-					this.bundle = new InMemoryBundle(output.code, sourceMap, this.sourceMappingURL);
+					this.updateBundleStore(output);
 					this.buildFailedError = null;
-					logger.debug("Build completed", {
+					logger$1.debug("Build completed", {
 						bundlerId: this.id,
 						bundleName: output.name
 					});
@@ -1668,17 +1685,20 @@ var BundlerDevEngine = class extends node_events.default {
 		this._state = "ready";
 		this.initializeHandle.resolve();
 	}
+	updateBundleStore(output) {
+		this.bundleStore = getBundleStoreMode() === "fs" ? new FileSystemBundleStore(this.config.root, this.id, output.code) : new InMemoryBundleStore(output.code, output.map?.toString(), this.sourceMappingURL);
+	}
 	async getBundle() {
 		await this.ensureInitialized;
 		const state = await this.devEngine.getBundleState();
-		logger.debug("Bundle state", {
+		logger$1.debug("Bundle state", {
 			bundlerId: this.id,
 			state
 		});
 		if (state.lastFullBuildFailed) throw new Error(this.buildFailedError?.message ?? "Build failed");
-		if (state.hasStaleOutput || this.bundle == null) await this.devEngine.ensureLatestBuildOutput();
-		(0, es_toolkit.invariant)(this.bundle, "Bundle is not available");
-		return this.bundle;
+		if (state.hasStaleOutput || this.bundleStore == null) await this.devEngine.ensureLatestBuildOutput();
+		(0, es_toolkit.invariant)(this.bundleStore, "Bundle is not available");
+		return this.bundleStore;
 	}
 };
 var BundlerPool = class BundlerPool {
@@ -1695,12 +1715,12 @@ var BundlerPool = class BundlerPool {
 		const instance = BundlerPool.instances.get(key);
 		if (instance) return instance;
 		else {
-			logger.debug("Preparing new bundler instance", {
+			logger$1.debug("Preparing new bundler instance", {
 				bundleName,
 				key
 			});
 			const instance = new BundlerDevEngine({ server: this.resolvedServerOptions }, this.config, buildOptions);
-			logger.debug("Setting new bundler instance", { key });
+			logger$1.debug("Setting new bundler instance", { key });
 			BundlerPool.instances.set(key, instance);
 			return instance;
 		}
@@ -1716,8 +1736,8 @@ const DEV_SERVER_ASSET_PATH = "assets";
 //#endregion
 //#region src/server/error.ts
 function errorHandler(error, request, reply) {
-	logger.error(`An error occurred while processing the request (${request.method} ${request.url}):`, error.message);
-	logger.debug(error);
+	logger$1.error(`An error occurred while processing the request (${request.method} ${request.url}):`, error.message);
+	logger$1.debug(error);
 	reply.status(500).send("Internal Server Error");
 }
 
@@ -1725,9 +1745,9 @@ function errorHandler(error, request, reply) {
 //#region src/server/middlewares/request-logger.ts
 const requestLogger = (req, _res, next) => {
 	if (isDebugEnabled()) {
-		logger.trace(chalk.default.bgBlue(` ${req.method} `), chalk.default.gray(req.url));
+		logger$1.trace(chalk.default.bgBlue(` ${req.method} `), chalk.default.gray(req.url));
 		Object.entries(req.headers).forEach(([key, value]) => {
-			logger.trace(`${chalk.default.bold(key)}: ${chalk.default.gray(value)}`);
+			logger$1.trace(`${chalk.default.bold(key)}: ${chalk.default.gray(value)}`);
 		});
 	}
 	next();
@@ -1997,12 +2017,12 @@ const INTERNAL_CALLSITES_REGEX = new RegExp([
 	"/node_modules/scheduler/.+\\.js$",
 	"^\\[native code\\]$"
 ].map((pathPattern) => pathPattern.replaceAll("/", "[/\\\\]")).join("|"));
-async function symbolicate(bundle, stack) {
-	const sourceMapConsumer = await bundle.sourceMapConsumer;
-	const symbolicatedStack = stack.filter((frame) => frame.file?.startsWith("http")).map((frame) => originalPositionFor(sourceMapConsumer, frame)).map((frame) => collapseFrame(frame));
+async function symbolicate(bundleStore, stack) {
+	const sourceMapConsumer = await bundleStore.sourceMapConsumer;
+	const symbolicatedStack = stack.filter((frame) => frame.file?.startsWith("http")).map((frame) => sourceMapConsumer ? originalPositionFor(sourceMapConsumer, frame) : frame).map((frame) => collapseFrame(frame));
 	return {
 		stack: symbolicatedStack,
-		codeFrame: getCodeFrame(sourceMapConsumer, symbolicatedStack, bundle)
+		codeFrame: getCodeFrame(symbolicatedStack, bundleStore, sourceMapConsumer)
 	};
 }
 function originalPositionFor(sourceMapConsumer, frame) {
@@ -2034,7 +2054,7 @@ function convertFrameKey(key) {
 	else if (key === "name") return "methodName";
 	return key;
 }
-function getCodeFrame(sourceMapConsumer, frames, bundle) {
+function getCodeFrame(frames, bundleStore, sourceMapConsumer) {
 	const frame = frames.find((frame) => {
 		return frame.lineNumber != null && frame.column != null && !isCollapsed(frame);
 	});
@@ -2042,7 +2062,7 @@ function getCodeFrame(sourceMapConsumer, frames, bundle) {
 	try {
 		const { lineNumber, column, file } = frame;
 		const unresolved = file.startsWith("http");
-		const source = unresolved ? bundle.code : sourceMapConsumer.sourceContentFor(frame.file);
+		const source = sourceMapConsumer == null || unresolved ? bundleStore.code : sourceMapConsumer.sourceContentFor(frame.file);
 		const fileName = unresolved ? parseUrl(file).pathname ?? "unknown" : file;
 		let content = "";
 		if (source) content = (0, _babel_code_frame.codeFrameColumns)(source, { start: {
@@ -2087,14 +2107,40 @@ const plugin = (0, fastify_plugin.default)((fastify, options) => {
 			(0, es_toolkit.invariant)(pathname, "No pathname found in bundle URL");
 			(0, es_toolkit.invariant)(query.platform, "No platform found in query");
 			(0, es_toolkit.invariant)(query.dev, "No dev found in query");
-			const bundle = await getBundler(getBaseBundleName(pathname), {
+			const symbolicateResult = await symbolicate(await getBundler(getBaseBundleName(pathname), {
 				platform: query.platform,
 				dev: query.dev === "true"
-			}).getBundle();
-			await reply.header("Content-Type", "application/json").send(await symbolicate(bundle, stack));
+			}).getBundle(), stack);
+			if (isDebugEnabled()) printSymbolicateResult(stack, symbolicateResult);
+			await reply.header("Content-Type", "application/json").send(symbolicateResult);
 		}
 	});
 }, { name: "symbolicate" });
+function printSymbolicateResult(rawStackFrame, symbolicateResult) {
+	console.log();
+	console.log("Symbolicate result:");
+	console.log();
+	if (symbolicateResult.codeFrame != null) {
+		console.log(symbolicateResult.codeFrame.content);
+		console.log();
+	}
+	console.log("Stack trace:");
+	symbolicateResult.stack.forEach((stackFrame) => {
+		const symbol = stackFrame.methodName ?? "<anonymous>";
+		const file = stackFrame.file ?? "unknown";
+		const location = stackFrame.lineNumber != null && stackFrame.column != null ? `(${chalk.default.gray.underline(`${file}:${stackFrame.lineNumber}:${stackFrame.column}`)})` : "";
+		console.log(`  at ${symbol} ${location}`);
+	});
+	console.log();
+	console.log("Raw stack trace:");
+	rawStackFrame.filter((stackFrame) => stackFrame.file?.startsWith("http")).forEach((stackFrame) => {
+		const bundleName = new URL(stackFrame.file).pathname.slice(1);
+		const symbol = stackFrame.methodName ?? "<anonymous>";
+		const location = stackFrame.lineNumber != null && stackFrame.column != null ? `(${chalk.default.gray.underline(`${bundleName}:${stackFrame.lineNumber}:${stackFrame.column}`)})` : "";
+		console.log(`  at ${symbol} ${location}`);
+	});
+	console.log();
+}
 
 //#endregion
 //#region src/server/wss/server.ts
@@ -2104,7 +2150,7 @@ var WebSocketServer = class extends node_events.default {
 	logger;
 	constructor(name, options) {
 		super();
-		const logger$3 = logger.child(name);
+		const logger = logger$1.child(name);
 		const wss = new ws.WebSocketServer(options);
 		wss.on("connection", (socket) => {
 			const client = Object.defineProperty(socket, "id", {
@@ -2127,7 +2173,7 @@ var WebSocketServer = class extends node_events.default {
 			});
 		});
 		this.wss = wss;
-		this.logger = logger$3;
+		this.logger = logger;
 	}
 	get server() {
 		return this.wss;
@@ -2405,10 +2451,10 @@ async function createDevServer(config, options) {
 		logger: {
 			info(...args) {
 				if (args[0].includes("JavaScript logs have moved")) return;
-				logger.info(...args);
+				logger$1.info(...args);
 			},
-			warn: logger.warn.bind(logger),
-			error: logger.error.bind(logger)
+			warn: logger$1.warn.bind(logger$1),
+			error: logger$1.error.bind(logger$1)
 		},
 		unstable_experiments: {
 			enableNetworkInspector: true,
@@ -2730,8 +2776,7 @@ function getFlagFromModuleInfo(moduleInfo) {
 	if (moduleInfo && hasFlag(moduleInfo.meta)) return moduleInfo.meta[TRANSFORM_FLAGS_KEY];
 	return TransformFlag.NONE;
 }
-function withTransformBoundary(plugins, options) {
-	const { context } = options;
+function withTransformBoundary(context, plugins) {
 	return [
 		{
 			name: "rollipop:transform-initializer",
@@ -2751,107 +2796,10 @@ function withTransformBoundary(plugins, options) {
 				context.state.hmrUpdates.add(id);
 			}
 		},
-		options?.beforeTransform,
-		plugins,
-		options?.afterTransform
+		plugins
 	];
 }
 
-//#endregion
-//#region src/core/plugins/utils/persist-cache.ts
-function getPersistCachePlugins(options) {
-	if (!options.enabled) return {
-		beforeTransform: null,
-		afterTransform: null
-	};
-	const { sourceExtensions, context } = options;
-	const includePattern = new RegExp(`\\.(?:${sourceExtensions.join("|")})$`);
-	const 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/))), (0, _rollipop_rolldown_pluginutils.include)((0, _rollipop_rolldown_pluginutils.id)(includePattern))];
-	let cacheHits = 0;
-	return {
-		beforeTransform: {
-			name: "rollipop:persist-cache-start",
-			buildStart() {
-				cacheHits = 0;
-			},
-			buildEnd() {
-				this.debug(`Cache hits: ${cacheHits}`);
-			},
-			transform: {
-				order: "pre",
-				filter,
-				handler(_code, id) {
-					const key = getCacheKey(id, context.id);
-					const cache = context.cache.get(key);
-					if (cache != null) {
-						cacheHits++;
-						return {
-							code: cache,
-							moduleType: "tsx",
-							meta: setFlag(this, id, TransformFlag.SKIP_ALL)
-						};
-					}
-				}
-			}
-		},
-		afterTransform: {
-			name: "rollipop:persist-cache-end",
-			transform: {
-				order: "post",
-				filter,
-				handler(code, id) {
-					if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
-					context.cache.set(getCacheKey(id, context.id), code);
-				}
-			},
-			buildEnd() {
-				context.cache.flush().then(() => logger$1.trace("Cache flushed"));
-			}
-		}
-	};
-}
-function getCacheKey(id, buildHash) {
-	const { mtimeMs } = node_fs.default.statSync(id);
-	return xxhash(`${id}${buildHash}${mtimeMs}`);
-}
-/**
-* Enhance a plugin to cache the result. (transform hook only)
-*/
-function cacheable(plugin) {
-	let configured = false;
-	const originalTransform = plugin.transform;
-	if (typeof originalTransform === "function") {
-		plugin.transform = function(code, id, meta) {
-			if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
-			return originalTransform.call(this, code, id, meta);
-		};
-		configured = true;
-	}
-	if (typeof originalTransform === "object") {
-		plugin.transform = {
-			...originalTransform,
-			handler(code, id, meta) {
-				if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
-				return originalTransform.handler.call(this, code, id, meta);
-			}
-		};
-		configured = true;
-	}
-	if (configured) plugin.name = `${plugin.name}:cacheable`;
-	else logger$1.warn(`Plugin '${plugin.name}' is could not be cached`);
-	return plugin;
-}
-
-//#endregion
-//#region src/core/plugins/utils/source.ts
-const TS_EXTENSION_REGEXP = /\.tsx?$/;
-function isTS(id) {
-	return TS_EXTENSION_REGEXP.test(id);
-}
-function isJSX(id) {
-	return id.endsWith("x");
-}
-
 //#endregion
 //#region src/core/plugins/react-native-plugin.ts
 function reactNativePlugin(config, options) {
@@ -2872,11 +2820,11 @@ function reactNativePlugin(config, options) {
 		transform: {
 			order: "pre",
 			filter: flowFilter,
-			handler(code, id) {
+			async handler(code, id) {
 				const flags = getFlag(this, id);
 				if (flags & TransformFlag.SKIP_ALL) return;
 				if (flags & TransformFlag.CODEGEN_REQUIRED) return { meta: setFlag(this, id, TransformFlag.STRIP_FLOW_REQUIRED) };
-				const result = generateSourceFromAst(stripFlowSyntax(code), id);
+				const result = await stripFlowTypes(id, code);
 				return {
 					code: result.code,
 					map: result.map,
@@ -2924,113 +2872,24 @@ function reactNativePlugin(config, options) {
 	};
 	const defaultRuntimeImplements = getDefaultRuntimeImplements();
 	const hmrConfig = resolveHmrConfig(config);
-	const hmrClientPath = require.resolve(process.env.ROLLIPOP_HMR_CLIENT_PATH ?? DEFAULT_HMR_CLIENT_PATH, { paths: [config.root] });
 	const replaceHMRClientPlugin = {
 		name: "rollipop:react-native-replace-hmr-client",
-		resolveId: {
-			filter: [(0, _rollipop_rolldown_pluginutils.include)((0, _rollipop_rolldown_pluginutils.id)(/\/HMRClient\.js$/))],
-			async handler(id, importer) {
-				const resolvedId = await this.resolve(id, importer, { skipSelf: true });
-				if (resolvedId?.id === hmrClientPath) await this.load({ id: resolvedId.id });
-			}
-		},
 		load: {
-			filter: [(0, _rollipop_rolldown_pluginutils.include)((0, _rollipop_rolldown_pluginutils.id)((0, _rollipop_rolldown_pluginutils.exactRegex)(hmrClientPath)))],
+			filter: [(0, _rollipop_rolldown_pluginutils.include)((0, _rollipop_rolldown_pluginutils.id)((0, _rollipop_rolldown_pluginutils.exactRegex)(require.resolve(process.env.ROLLIPOP_HMR_CLIENT_PATH ?? DEFAULT_HMR_CLIENT_PATH, { paths: [config.root] }))))],
 			handler(id) {
 				this.debug(`Replacing HMR client: ${id}`);
 				return hmrConfig?.clientImplement ?? defaultRuntimeImplements.clientImplement;
 			}
 		}
 	};
-	const devServerPlugins = buildType === "serve" ? [replaceHMRClientPlugin] : null;
 	return [
-		cacheable(codegenPlugin),
-		cacheable(stripFlowSyntaxPlugin),
+		codegenPlugin,
+		stripFlowSyntaxPlugin,
 		assetPlugin,
-		...devServerPlugins ?? []
+		...(buildType === "serve" ? [replaceHMRClientPlugin] : null) ?? []
 	];
 }
 
-//#endregion
-//#region src/core/plugins/react-refresh-plugin.ts
-const DEFAULT_INCLUDE_REGEX = /\.[tj]sx?(?:$|\?)/;
-const DEFAULT_EXCLUDE_REGEX = /\/node_modules\//;
-const HAS_REFRESH_REGEX = /\$RefreshReg\$\(/;
-const ONLY_REACT_COMPONENT_REGEX = /extends\s+(?:React\.)?(?:Pure)?Component/;
-function reactRefreshPlugin(options) {
-	const { include = DEFAULT_INCLUDE_REGEX, exclude = DEFAULT_EXCLUDE_REGEX } = options ?? {};
-	return [{
-		name: "rollipop:transform-react-refresh",
-		transform: {
-			filter: { id: {
-				include,
-				exclude
-			} },
-			handler(code, id) {
-				if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
-				const result = (0, _rollipop_rolldown_experimental.transformSync)(id, code, {
-					sourcemap: true,
-					jsx: {
-						runtime: "automatic",
-						development: true,
-						refresh: {
-							refreshReg: `${GLOBAL_IDENTIFIER}.$RefreshReg$`,
-							refreshSig: `${GLOBAL_IDENTIFIER}.$RefreshSig$`
-						}
-					}
-				});
-				return {
-					code: result.code,
-					map: result.map
-				};
-			}
-		}
-	}, {
-		name: "rollipop:react-refresh-boundary",
-		transform: {
-			filter: { id: {
-				include,
-				exclude
-			} },
-			handler(code, id, meta) {
-				if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
-				const { magicString } = meta;
-				(0, es_toolkit.invariant)(magicString != null, "magicString is not available");
-				applyRefreshWrapper(magicString, {
-					id,
-					hasRefresh: HAS_REFRESH_REGEX.test(code),
-					onlyReactComponent: ONLY_REACT_COMPONENT_REGEX.test(code)
-				});
-				return { code: magicString };
-			}
-		}
-	}];
-}
-function applyRefreshWrapper(s, options) {
-	const { id, hasRefresh, onlyReactComponent } = options;
-	if (!(hasRefresh || onlyReactComponent)) return;
-	if (hasRefresh) s.prepend(`
-var __prev$RefreshReg$ = global.$RefreshReg$;
-var __prev$RefreshSig$ = global.$RefreshSig$;
-global.$RefreshReg$ = function(type, id) { return __ReactRefresh.register(type, ${JSON.stringify(id)} + ' ' + id) }
-global.$RefreshSig$ = function() { return __ReactRefresh.createSignatureFunctionForTransform(); }
-`);
-	s.append(`
-if (import.meta.hot) {
-  if (import.meta.hot.refresh == null) throw new Error('react-refresh runtime is not initialized');
-  import.meta.hot.accept((nextExports) => {
-    if (!nextExports) return;
-    if (import.meta.hot.refreshUtils.isReactRefreshBoundary(nextExports)) {
-      import.meta.hot.refreshUtils.enqueueUpdate();
-    }
-  });
-}`);
-	if (hasRefresh) s.append(`
-global.$RefreshReg$ = __prev$RefreshReg$;
-global.$RefreshSig$ = __prev$RefreshSig$;
-`);
-}
-
 //#endregion
 //#region src/core/plugins/prelude-plugin.ts
 const IS_ENTRY = Symbol("IS_ENTRY");
@@ -3127,6 +2986,16 @@ function merge$3(target, source, key) {
 	if (key === "presets") return [...target ?? [], ...source ?? []];
 }
 
+//#endregion
+//#region src/core/plugins/utils/source.ts
+const TS_EXTENSION_REGEXP = /\.tsx?$/;
+function isTS(id) {
+	return TS_EXTENSION_REGEXP.test(id);
+}
+function isJSX(id) {
+	return id.endsWith("x");
+}
+
 //#endregion
 //#region src/core/plugins/babel-plugin.ts
 function babelPlugin(options) {
@@ -3170,7 +3039,7 @@ function babelPlugin(options) {
 			};
 		} }
 	};
-	return [...babelRules, babelPlugin].map(cacheable);
+	return [...babelRules, babelPlugin];
 }
 function getPreset$1(flags, id) {
 	const presets = [];
@@ -3204,11 +3073,25 @@ function merge$2(target, source, key) {
 	if (key === "plugins") return [...target ?? [], ...source ?? []];
 }
 
+//#endregion
+//#region src/core/plugins/shared/filters.ts
+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 ?? {};
 	const swcOptionsById = /* @__PURE__ */ new Map();
+	const swcHelpersResolvePlugin = {
+		name: "rollipop:swc-helpers-resolve",
+		resolveId: {
+			order: "pre",
+			filter: [(0, _rollipop_rolldown_pluginutils.include)((0, _rollipop_rolldown_pluginutils.id)(/^@swc\/helpers/)), ROLLDOWN_RUNTIME_EXCLUDE_FILTER],
+			handler(source, _importer, extraOptions) {
+				return this.resolve(source, __dirname, extraOptions);
+			}
+		}
+	};
 	const swcRules = rules.map(({ filter, options }, index) => {
 		return {
 			name: `rollipop:swc-rule-${index}`,
@@ -3227,43 +3110,53 @@ function swcPlugin(options) {
 		buildStart() {
 			swcOptionsById.clear();
 		},
-		transform: { handler(code, id) {
-			if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
-			const swcOptions = swcOptionsById.get(id) ?? [];
-			const baseOptions = getPreset();
-			const result = _swc_core.transformSync(code, {
-				filename: id,
-				configFile: false,
-				swcrc: false,
-				sourceMaps: true,
-				inputSourceMap: false,
-				...mergeSwcOptions(baseOptions, ...swcOptions)
-			});
-			return {
-				code: result.code,
-				map: result.map
-			};
-		} }
+		transform: {
+			filter: [ROLLDOWN_RUNTIME_EXCLUDE_FILTER],
+			handler(code, id) {
+				if (getFlag(this, id) & TransformFlag.SKIP_ALL) return;
+				const swcOptions = swcOptionsById.get(id) ?? [];
+				const baseOptions = getPreset(id);
+				const result = _swc_core.transformSync(code, {
+					filename: id,
+					configFile: false,
+					swcrc: false,
+					sourceMaps: true,
+					inputSourceMap: false,
+					...mergeSwcOptions(baseOptions, ...swcOptions)
+				});
+				return {
+					code: result.code,
+					map: result.map
+				};
+			}
+		}
 	};
-	return [...swcRules, swcPlugin].map(cacheable);
+	return [
+		swcHelpersResolvePlugin,
+		...swcRules,
+		swcPlugin
+	];
 }
-function getPreset() {
+function getPreset(id) {
 	return {
+		env: {
+			targets: { node: 9999 },
+			include: [
+				"transform-block-scoping",
+				"transform-class-properties",
+				"transform-private-methods",
+				"transform-private-property-in-object"
+			]
+		},
 		jsc: {
-			target: "es5",
 			parser: {
 				syntax: "typescript",
 				tsx: true
 			},
-			keepClassNames: true,
-			loose: false,
 			transform: { react: { runtime: "preserve" } },
-			assumptions: {
-				setPublicClassFields: true,
-				privateFieldsAsProperties: true
-			}
+			externalHelpers: true
 		},
-		isModule: true
+		isModule: id.endsWith(".cjs") ? "commonjs" : true
 	};
 }
 
@@ -3348,7 +3241,7 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 	}) }, rolldownResolve);
 	const mergedTransformOptions = (0, es_toolkit.merge)({
 		cwd: config.root,
-		target: "es2015",
+		target: "esnext",
 		jsx: {
 			runtime: "automatic",
 			development: dev
@@ -3361,16 +3254,13 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 			...defineEnvFromObject(env),
 			...defineEnvFromObject(builtInEnv)
 		},
-		typescript: { removeClassFieldsWithoutInitializer: true },
-		assumptions: { setPublicClassFields: true },
 		helpers: { mode: "Runtime" }
 	}, rolldownTransform);
-	const devServerPlugins = isDevServerMode ? [reactRefreshPlugin()] : null;
-	const { beforeTransform, afterTransform } = getPersistCachePlugins({
-		enabled: cache,
-		sourceExtensions,
-		context
-	});
+	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();
@@ -3388,12 +3278,15 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		tsconfig: config.tsconfig,
 		resolve: mergedResolveOptions,
 		transform: mergedTransformOptions,
-		optimization: rolldownOptimization,
 		treeshake: rolldownTreeshake,
 		external: rolldownExternal,
 		shimMissingExports: rolldownShimMissingExports,
+		optimization: {
+			...rolldownOptimization,
+			inlineConst: false
+		},
 		experimental: { lazyBarrel: rolldownLazyBarrel },
-		plugins: withTransformBoundary([
+		plugins: withTransformBoundary(context, [
 			preludePlugin({ modulePaths: preludePaths }),
 			reactNativePlugin(config, {
 				dev,
@@ -3412,11 +3305,7 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 			reporterPlugin(reporterOptions),
 			devServerPlugins,
 			config.plugins
-		], {
-			context,
-			beforeTransform,
-			afterTransform
-		}),
+		]),
 		checks: {
 			eval: false,
 			pluginTimings: isDebugEnabled()
@@ -3425,7 +3314,8 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		onLog(level, log, defaultHandler) {
 			if (log.code?.startsWith("PLUGIN_")) printPluginLog(level, log, log.plugin);
 			else defaultHandler(level, log);
-		}
+		},
+		id: context.id
 	}, {
 		format: "esm",
 		file: buildOptions.outfile,
@@ -3449,7 +3339,8 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		sourcemapPathTransform: rolldownSourcemapPathTransform,
 		codeSplitting: false,
 		strictExecutionOrder: true,
-		globalIdentifiers: rolldownGlobalIdentifiers
+		globalIdentifiers: rolldownGlobalIdentifiers,
+		persistentCache: cache
 	});
 	resolveRolldownOptions.cache.set(context.id, finalOptions);
 	return finalOptions;
@@ -3584,6 +3475,10 @@ async function runServer(config, options) {
 	return devServer;
 }
 
+//#endregion
+//#region src/plugins/logger.ts
+const logger = new Logger("plugin:builtin");
+
 //#endregion
 //#region src/node/commands/start/action.ts
 const action$1 = async function(options) {
@@ -3596,7 +3491,7 @@ const action$1 = async function(options) {
 	});
 	if (options.resetCache) {
 		resetCache(cwd);
-		logger$2.info("The transform cache was reset");
+		logger$3.info("The transform cache was reset");
 	}
 	if (options.clientLogs === false) config.reporter = { update: es_toolkit.noop };
 	const devServer = await runServer(config, {
@@ -3710,7 +3605,7 @@ const action = async function(options) {
 	});
 	if (options.resetCache) {
 		resetCache(cwd);
-		logger$2.info("The transform cache was reset");
+		logger$3.info("The transform cache was reset");
 	}
 	if (options.entryFile) config.entry = options.entryFile;
 	await runBuild(config, {