rollipop 1.0.0-alpha.23 → 1.0.0-alpha.24

package/dist/common/code.js

@@ -1,21 +1,25 @@
-import { GLOBAL_IDENTIFIER } from "../constants.js";
 import { indent } from "../utils/string.js";
 import dedent from "dedent";
 //#region src/common/code.ts
+const GLOBAL_OBJECT_EXPRESSION = [
+	`typeof globalThis !== 'undefined' ? globalThis`,
+	` : typeof global !== 'undefined' ? global`,
+	` : typeof window !== 'undefined' ? window`,
+	" : this"
+].join("");
 function asLiteral(value) {
 	return JSON.stringify(value);
 }
 function nodeEnvironment(dev) {
 	return dev ? "development" : "production";
 }
-function iife(body, path = "<unknown>") {
+function iife(body) {
 	const bodyPlaceholder = "__BODY__";
 	return dedent`
-  // ${path}
   (function (global) {
   ${bodyPlaceholder}
-  })(${GLOBAL_IDENTIFIER});
-  `.replace(bodyPlaceholder, indent(body, 1));
+  })(${GLOBAL_OBJECT_EXPRESSION});
+  `.replace(bodyPlaceholder, indent(body, 1, "	")).trim();
 }
 //#endregion
 export { asLiteral, iife, nodeEnvironment };

package/dist/common/progress-bar.js

@@ -15,7 +15,7 @@ const runningRenderer = { render(state, context) {
 	const bg = chalk.white(BLOCK_CHAR);
 	const fg = chalk.cyan(BLOCK_CHAR);
 	const bar = range(BAR_LENGTH).map((n) => n < width ? fg : bg).join("");
-	const progressLabel = unknownTotal ? chalk.gray("(calculating...)") : `(${progress.toFixed(2)}%)`;
+	const progressLabel = unknownTotal ? "" : `(${progress.toFixed(2)}%)`;
 	const moduleCountLabel = unknownTotal ? `${current} modules` : `${current}/${total} modules`;
 	return `${[
 		chalk.cyan("●"),

package/dist/config/defaults.d.ts

@@ -1,5 +1,5 @@
 import { Reporter } from "../types.js";
-import { Config, DevModeConfig, OptimizationConfig, ReactNativeConfig } from "./types.js";
+import { Config, DevModeConfig, OptimizationConfig, Polyfill, ReactNativeConfig } from "./types.js";
 import { PluginFlattenConfig } from "./merge-config.js";
 
 //#region src/config/defaults.d.ts
@@ -26,10 +26,7 @@ declare function getDefaultConfig(projectRoot: string, mode?: Config['mode']): P
   };
   serializer: {
     prelude: string[];
-    polyfills: {
-      type: "iife";
-      code: string;
-    }[];
+    polyfills: Polyfill[];
   };
   watcher: {
     skipWrite: true;
@@ -61,9 +58,9 @@ declare function getDefaultConfig(projectRoot: string, mode?: Config['mode']): P
     status: "none" | "compat" | "progress" | undefined;
   };
   envDir: string;
-  envFile: string;
-  envPrefix: string;
-  runtimeTarget: "hermes-v1";
+  envFile: NonNullable<Config["envFile"]>;
+  envPrefix: NonNullable<Config["envPrefix"]>;
+  runtimeTarget: NonNullable<Config["runtimeTarget"]>;
   experimental: {
     nativeTransformPipeline: boolean;
   };

package/dist/config/index.d.ts

@@ -1,4 +1,4 @@
-import { BabelTransformConfig, CodegenConfig, Config, DevModeConfig, ExperimentalConfig, FlowConfig, HmrConfig, OptimizationConfig, PluginOption, Polyfill, PolyfillType, PolyfillWithCode, PolyfillWithPath, ReactNativeConfig, ResolverConfig, RolldownConfig, RollipopReactNativeFlowConfig, RollipopReactNativeWorkletsConfig, SerializerConfig, SwcTransformConfig, TerminalConfig, TransformRule, TransformerConfig, WatcherConfig } from "./types.js";
+import { BabelTransformConfig, CodegenConfig, Config, DevModeConfig, ExperimentalConfig, FlowConfig, HmrConfig, OptimizationConfig, PluginOption, Polyfill, PolyfillOptions, PolyfillType, PolyfillWithCode, PolyfillWithPath, ReactNativeConfig, ResolverConfig, RolldownConfig, RollipopReactNativeFlowConfig, RollipopReactNativeWorkletsConfig, SerializerConfig, SwcTransformConfig, TerminalConfig, TransformRule, TransformerConfig, WatcherConfig } from "./types.js";
 import { PluginFlattenConfig, mergeConfig } from "./merge-config.js";
 import { DefaultConfig, ResolvedConfig, getDefaultConfig } from "./defaults.js";
 import { DefineConfigContext, DynamicUserConfig, UserConfig, defineConfig } from "./define-config.js";

package/dist/config/types.d.ts

@@ -327,14 +327,17 @@ interface SerializerConfig {
   shimMissingExports?: rolldown.InputOptions['shimMissingExports'];
 }
 type Polyfill = string | PolyfillWithCode | PolyfillWithPath;
+type PolyfillOptions = {
+  withTransform?: boolean;
+};
 type PolyfillWithCode = {
   type: PolyfillType;
   code: string;
-};
+} & PolyfillOptions;
 type PolyfillWithPath = {
   type: PolyfillType;
   path: string;
-};
+} & PolyfillOptions;
 type PolyfillType = 'plain' | 'iife';
 type OptimizationConfig = rolldown.OptimizationOptions & {
   /**
@@ -449,4 +452,4 @@ interface RolldownConfig {
   output?: rolldown.OutputOptions;
 }
 //#endregion
-export { BabelTransformConfig, CodegenConfig, Config, DevModeConfig, ExperimentalConfig, FlowConfig, HmrConfig, OptimizationConfig, PluginOption, Polyfill, PolyfillType, PolyfillWithCode, PolyfillWithPath, ReactNativeConfig, ResolverConfig, RolldownConfig, type RollipopReactNativeFlowConfig, type RollipopReactNativeWorkletsConfig, SerializerConfig, SwcTransformConfig, TerminalConfig, TransformRule, TransformerConfig, WatcherConfig };
+export { BabelTransformConfig, CodegenConfig, Config, DevModeConfig, ExperimentalConfig, FlowConfig, HmrConfig, OptimizationConfig, PluginOption, Polyfill, PolyfillOptions, PolyfillType, PolyfillWithCode, PolyfillWithPath, ReactNativeConfig, ResolverConfig, RolldownConfig, type RollipopReactNativeFlowConfig, type RollipopReactNativeWorkletsConfig, SerializerConfig, SwcTransformConfig, TerminalConfig, TransformRule, TransformerConfig, WatcherConfig };

package/dist/constants.d.ts

@@ -1,5 +1,5 @@
 declare namespace constants_d_exports {
-  export { DEFAULT_ASSET_EXTENSIONS, DEFAULT_ASSET_REGISTRY_PATH, DEFAULT_ENV_FILE, DEFAULT_ENV_PREFIX, DEFAULT_HMR_CLIENT_PATH, DEFAULT_IMAGE_EXTENSIONS, DEFAULT_REACT_NATIVE_GLOBAL_IDENTIFIERS, DEFAULT_RESOLVER_ALIAS_FIELDS, DEFAULT_RESOLVER_CONDITION_NAMES, DEFAULT_RESOLVER_MAIN_FIELDS, DEFAULT_RUNTIME_TARGET, DEFAULT_SOURCE_EXTENSIONS, GLOBAL_IDENTIFIER, IMAGE_EXTENSIONS, ROLLIPOP_VERSION };
+  export { DEFAULT_ASSET_EXTENSIONS, DEFAULT_ASSET_REGISTRY_PATH, DEFAULT_ENV_FILE, DEFAULT_ENV_PREFIX, DEFAULT_HMR_CLIENT_PATH, DEFAULT_IMAGE_EXTENSIONS, DEFAULT_REACT_NATIVE_GLOBAL_IDENTIFIERS, DEFAULT_RESOLVER_ALIAS_FIELDS, DEFAULT_RESOLVER_CONDITION_NAMES, DEFAULT_RESOLVER_MAIN_FIELDS, DEFAULT_RUNTIME_TARGET, DEFAULT_SOURCE_EXTENSIONS, IMAGE_EXTENSIONS, ROLLIPOP_VERSION, ROLLIPOP_VIRTUAL_ENTRY_ID, ROLLIPOP_VIRTUAL_PREFIX };
 }
 /**
  * @see `vite.config.ts`
@@ -8,7 +8,8 @@ declare global {
   var __ROLLIPOP_VERSION__: string;
 }
 declare const ROLLIPOP_VERSION: string;
-declare const GLOBAL_IDENTIFIER = "global";
+declare const ROLLIPOP_VIRTUAL_PREFIX = "\0rollipop/";
+declare const ROLLIPOP_VIRTUAL_ENTRY_ID = "\0rollipop/entry";
 /**
  * @see {@link https://github.com/facebook/metro/blob/0.81.x/docs/Configuration.md#resolvermainfields}
  */

package/dist/constants.js

@@ -13,12 +13,14 @@ var constants_exports = /* @__PURE__ */ __exportAll({
 	DEFAULT_RESOLVER_MAIN_FIELDS: () => DEFAULT_RESOLVER_MAIN_FIELDS,
 	DEFAULT_RUNTIME_TARGET: () => DEFAULT_RUNTIME_TARGET,
 	DEFAULT_SOURCE_EXTENSIONS: () => DEFAULT_SOURCE_EXTENSIONS,
-	GLOBAL_IDENTIFIER: () => GLOBAL_IDENTIFIER,
 	IMAGE_EXTENSIONS: () => IMAGE_EXTENSIONS,
-	ROLLIPOP_VERSION: () => ROLLIPOP_VERSION
+	ROLLIPOP_VERSION: () => ROLLIPOP_VERSION,
+	ROLLIPOP_VIRTUAL_ENTRY_ID: () => ROLLIPOP_VIRTUAL_ENTRY_ID,
+	ROLLIPOP_VIRTUAL_PREFIX: () => ROLLIPOP_VIRTUAL_PREFIX
 });
-const ROLLIPOP_VERSION = "1.0.0-alpha.23";
-const GLOBAL_IDENTIFIER = "global";
+const ROLLIPOP_VERSION = "1.0.0-alpha.24";
+const ROLLIPOP_VIRTUAL_PREFIX = "\0rollipop/";
+const ROLLIPOP_VIRTUAL_ENTRY_ID = `${ROLLIPOP_VIRTUAL_PREFIX}entry`;
 /**
 * @see {@link https://github.com/facebook/metro/blob/0.81.x/docs/Configuration.md#resolvermainfields}
 */
@@ -85,7 +87,6 @@ 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",
@@ -143,4 +144,4 @@ const DEFAULT_ENV_PREFIX = "ROLLIPOP_";
 const DEFAULT_ENV_FILE = ".env";
 const DEFAULT_RUNTIME_TARGET = "hermes-v1";
 //#endregion
-export { DEFAULT_ASSET_EXTENSIONS, DEFAULT_ASSET_REGISTRY_PATH, DEFAULT_ENV_FILE, DEFAULT_ENV_PREFIX, DEFAULT_HMR_CLIENT_PATH, DEFAULT_REACT_NATIVE_GLOBAL_IDENTIFIERS, DEFAULT_RESOLVER_ALIAS_FIELDS, DEFAULT_RESOLVER_CONDITION_NAMES, DEFAULT_RESOLVER_MAIN_FIELDS, DEFAULT_RUNTIME_TARGET, DEFAULT_SOURCE_EXTENSIONS, GLOBAL_IDENTIFIER, IMAGE_EXTENSIONS, ROLLIPOP_VERSION, constants_exports };
+export { DEFAULT_ASSET_EXTENSIONS, DEFAULT_ASSET_REGISTRY_PATH, DEFAULT_ENV_FILE, DEFAULT_ENV_PREFIX, DEFAULT_HMR_CLIENT_PATH, DEFAULT_REACT_NATIVE_GLOBAL_IDENTIFIERS, DEFAULT_RESOLVER_ALIAS_FIELDS, DEFAULT_RESOLVER_CONDITION_NAMES, DEFAULT_RESOLVER_MAIN_FIELDS, DEFAULT_RUNTIME_TARGET, DEFAULT_SOURCE_EXTENSIONS, IMAGE_EXTENSIONS, ROLLIPOP_VERSION, ROLLIPOP_VIRTUAL_ENTRY_ID, ROLLIPOP_VIRTUAL_PREFIX, constants_exports };

package/dist/core/bundler.d.ts

@@ -1,4 +1,5 @@
 import { BuildOptions, DevEngine, DevEngineOptions } from "./types.js";
+import { ResolvedBuildOptions } from "../utils/build-options.js";
 import { ResolvedConfig } from "../config/defaults.js";
 import * as rolldown from "@rollipop/rolldown";
 
@@ -6,7 +7,7 @@ import * as rolldown from "@rollipop/rolldown";
 declare class Bundler {
   private readonly config;
   static devEngine(config: ResolvedConfig, buildOptions: Omit<BuildOptions, 'dev' | 'outfile'>, devEngineOptions: DevEngineOptions): Promise<DevEngine>;
-  static createId(config: ResolvedConfig, buildOptions: BuildOptions): string;
+  static createId(config: ResolvedConfig, buildOptions: ResolvedBuildOptions): string;
   private static createContext;
   constructor(config: ResolvedConfig);
   build(buildOptions: BuildOptions): Promise<rolldown.OutputChunk>;

package/dist/core/bundler.js

@@ -29,7 +29,7 @@ var Bundler = class Bundler {
 		return devEngine;
 	}
 	static createId(config, buildOptions) {
-		return createId(config, buildOptions);
+		return createId(config, resolveBuildOptions(config, buildOptions));
 	}
 	static createContext(buildType, config, buildOptions) {
 		return {

package/dist/core/fs/data.js

@@ -1,9 +1,14 @@
 import { SHARED_DATA_PATH } from "../../common/constants.js";
-import "node:fs";
+import fs from "node:fs";
 import path from "node:path";
 //#region src/core/fs/data.ts
 function getSharedDataPath(basePath) {
 	return path.join(basePath, SHARED_DATA_PATH);
 }
+function ensureSharedDataPath(basePath) {
+	const sharedDataPath = getSharedDataPath(basePath);
+	if (!fs.existsSync(sharedDataPath)) fs.mkdirSync(sharedDataPath, { recursive: true });
+	return sharedDataPath;
+}
 //#endregion
-export { getSharedDataPath };
+export { ensureSharedDataPath, getSharedDataPath };

package/dist/core/fs/storage.js

@@ -1,4 +1,4 @@
-import { getSharedDataPath } from "./data.js";
+import { ensureSharedDataPath } from "./data.js";
 import fs from "node:fs";
 import path from "node:path";
 import { merge } from "es-toolkit";
@@ -15,7 +15,7 @@ var FileStorage = class FileStorage {
 	}
 	constructor(basePath) {
 		this.basePath = basePath;
-		this.dataFilePath = path.join(getSharedDataPath(basePath), "rollipop.json");
+		this.dataFilePath = path.join(ensureSharedDataPath(basePath), "rollipop.json");
 		if (fs.existsSync(this.dataFilePath)) this.data = JSON.parse(fs.readFileSync(this.dataFilePath, "utf-8"));
 		else this.data = DEFAULT_DATA;
 	}

package/dist/core/plugins/entry-plugin.d.ts

@@ -0,0 +1,10 @@
+import * as rolldown from "@rollipop/rolldown";
+
+//#region src/core/plugins/entry-plugin.d.ts
+interface EntryPluginOptions {
+  entryPath: string;
+  preludePaths?: string[];
+}
+declare function entryPlugin(options: EntryPluginOptions): rolldown.Plugin;
+//#endregion
+export { EntryPluginOptions, entryPlugin };

package/dist/core/plugins/entry-plugin.js

@@ -0,0 +1,28 @@
+import { ROLLIPOP_VIRTUAL_ENTRY_ID } from "../../constants.js";
+import { exactRegex, id, include } from "@rollipop/rolldown/filter";
+//#region src/core/plugins/entry-plugin.ts
+const VIRTUAL_ENTRY_FILTER = [include(id(exactRegex(ROLLIPOP_VIRTUAL_ENTRY_ID)))];
+function entryPlugin(options) {
+	const { entryPath, preludePaths = [] } = options;
+	const importStatements = [...preludePaths, entryPath].map((modulePath) => `import ${JSON.stringify(modulePath)};`).join("\n");
+	return {
+		name: "rollipop:entry",
+		resolveId: {
+			filter: VIRTUAL_ENTRY_FILTER,
+			handler() {
+				return ROLLIPOP_VIRTUAL_ENTRY_ID;
+			}
+		},
+		load: {
+			filter: VIRTUAL_ENTRY_FILTER,
+			handler() {
+				return {
+					code: importStatements,
+					moduleType: "js"
+				};
+			}
+		}
+	};
+}
+//#endregion
+export { entryPlugin };

package/dist/core/plugins/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNativePluginOptions, reactNativePlugin } from "./react-native-plugin.js";
-import { PreludePluginOptions, preludePlugin } from "./prelude-plugin.js";
+import { EntryPluginOptions, entryPlugin } from "./entry-plugin.js";
 import { BabelPluginOptions, babelPlugin } from "./babel-plugin.js";
 import { SwcPluginOptions, swcPlugin } from "./swc-plugin.js";
 import { ReporterPluginOptions, reporterPlugin } from "./reporter-plugin.js";
@@ -7,7 +7,7 @@ import { DevServerPluginOptions, devServerPlugin } from "./dev-server-plugin.js"
 
 //#region src/core/plugins/index.d.ts
 declare namespace index_d_exports {
-  export { BabelPluginOptions, DevServerPluginOptions, PreludePluginOptions, ReactNativePluginOptions, ReporterPluginOptions, SwcPluginOptions, babelPlugin as babel, devServerPlugin as devServer, preludePlugin as prelude, reactNativePlugin as reactNative, reporterPlugin as reporter, swcPlugin as swc };
+  export { BabelPluginOptions, DevServerPluginOptions, EntryPluginOptions, ReactNativePluginOptions, ReporterPluginOptions, SwcPluginOptions, babelPlugin as babel, devServerPlugin as devServer, entryPlugin as entry, reactNativePlugin as reactNative, reporterPlugin as reporter, swcPlugin as swc };
 }
 //#endregion
 export { index_d_exports };

package/dist/core/plugins/index.js

@@ -1,6 +1,6 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { reactNativePlugin } from "./react-native-plugin.js";
-import { preludePlugin } from "./prelude-plugin.js";
+import { entryPlugin } from "./entry-plugin.js";
 import { babelPlugin } from "./babel-plugin.js";
 import { swcPlugin } from "./swc-plugin.js";
 import { reporterPlugin } from "./reporter-plugin.js";
@@ -9,7 +9,7 @@ import { devServerPlugin } from "./dev-server-plugin.js";
 var plugins_exports = /* @__PURE__ */ __exportAll({
 	babel: () => babelPlugin,
 	devServer: () => devServerPlugin,
-	prelude: () => preludePlugin,
+	entry: () => entryPlugin,
 	reactNative: () => reactNativePlugin,
 	reporter: () => reporterPlugin,
 	swc: () => swcPlugin

package/dist/core/rolldown.js

@@ -1,19 +1,22 @@
 import { isDebugEnabled } from "../common/env.js";
+import { ROLLIPOP_VIRTUAL_ENTRY_ID } from "../constants.js";
+import { asLiteral, iife, nodeEnvironment } from "../common/code.js";
 import { getGlobalVariables } from "../internal/react-native.js";
 import { resolveFrom, resolvePackageJson } from "../utils/node-resolve.js";
 import { CompatStatusReporter, ProgressBarStatusReporter, mergeReporters } from "../utils/reporters.js";
 import { printPluginLog } from "./plugins/context.js";
 import { applyOverrideRolldownOptions } from "../config/compose-override.js";
-import { asLiteral, iife, nodeEnvironment } from "../common/code.js";
+import { createVirtualModuleId, escapeVirtualModuleId } from "../utils/id.js";
 import { resolveHmrConfig } from "../utils/config.js";
 import { defineEnvFromObject } from "../utils/env.js";
 import { resolveRuntimeTarget } from "../utils/runtime-target.js";
 import { getBaseUrl } from "../utils/server.js";
-import { getBuildTotalModules } from "../utils/storage.js";
+import { getBuildTotalModules, setBuildTotalModules } from "../utils/storage.js";
+import { transformWithRollipop } from "../utils/transform.js";
 import { loadEnv } from "./env.js";
 import { withTransformBoundary } from "./plugins/utils/transform-utils.js";
 import { reactNativePlugin } from "./plugins/react-native-plugin.js";
-import { preludePlugin } from "./plugins/prelude-plugin.js";
+import { entryPlugin } from "./plugins/entry-plugin.js";
 import { babelPlugin } from "./plugins/babel-plugin.js";
 import { swcPlugin } from "./plugins/swc-plugin.js";
 import { reporterPlugin } from "./plugins/reporter-plugin.js";
@@ -37,7 +40,7 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 	const hmrConfig = resolveHmrConfig(config);
 	const hmrEnabled = hmrConfig != null;
 	const { sourceExtensions, assetExtensions, preferNativePlatform, external: rolldownExternal, ...rolldownResolve } = config.resolver;
-	const { polyfills, banner: rolldownBanner, footer: rolldownFooter, postBanner: rolldownPostBanner, postFooter: rolldownPostFooter, intro: rolldownIntro, outro: rolldownOutro, shimMissingExports: rolldownShimMissingExports } = config.serializer;
+	const { 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 { globalIdentifiers: rolldownGlobalIdentifiers } = config.reactNative;
@@ -60,13 +63,13 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 			__DEV__: asLiteral(dev),
 			"process.env.NODE_ENV": asLiteral(nodeEnvironment(dev)),
 			"process.env.DEBUG_ROLLIPOP": asLiteral(isDebugEnabled()),
-			...hmrEnabled ? null : { "import.meta.hot": "{}" },
+			...hmrEnabled ? null : { "import.meta.hot": "undefined" },
 			...defineEnvFromObject(env),
 			...defineEnvFromObject(builtInEnv)
 		},
 		helpers: { mode: "Runtime" }
 	}, rolldownTransform);
-	const preludePluginOptions = resolvePreludePluginOptions(config);
+	const entryPluginOptions = resolveEntryPluginOptions(config);
 	const reactNativePluginOptions = await resolveReactNativePluginOptions(config, context, buildOptions);
 	const babelPluginOptions = resolveBabelPluginOptions(config, context);
 	const swcPluginOptions = resolveSwcPluginOptions(config, context);
@@ -75,7 +78,7 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 	const finalOptions = await applyDangerouslyOverrideOptionsFinalizer(config, {
 		platform: "neutral",
 		cwd: config.root,
-		input: config.entry,
+		input: ROLLIPOP_VIRTUAL_ENTRY_ID,
 		tsconfig: config.tsconfig,
 		resolve: mergedResolveOptions,
 		transform: mergedTransformOptions,
@@ -88,7 +91,7 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 			...isDevServerMode ? { devMode: hmrConfig ? { implement: hmrConfig.runtimeImplement } : false } : null
 		},
 		plugins: withTransformBoundary(context, [
-			preludePlugin(preludePluginOptions),
+			entryPlugin(entryPluginOptions),
 			reactNativePlugin(reactNativePluginOptions),
 			babelPlugin(babelPluginOptions),
 			swcPlugin(swcPluginOptions),
@@ -111,17 +114,17 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 				level,
 				log: diagnostic
 			});
-			else if (isPluginLog(log)) config.reporter?.update({
-				type: "build_log",
-				level,
-				log: diagnostic
-			});
-			if (log.code?.startsWith("PLUGIN_")) printPluginLog(level, log, log.plugin);
-			else defaultHandler(level, log);
+			else if (isPluginLog(log)) {
+				config.reporter?.update({
+					type: "build_log",
+					level,
+					log: diagnostic
+				});
+				printPluginLog(level, log, log.plugin);
+			} else defaultHandler(level, log);
 		},
 		id: context.id
 	}, {
-		format: "esm",
 		file: buildOptions.outfile,
 		banner: rolldownBanner,
 		footer: rolldownFooter,
@@ -131,7 +134,7 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		intro: async (chunk) => {
 			return [
 				...getGlobalVariables(dev, context.buildType),
-				...loadPolyfills(polyfills),
+				...loadPolyfills(config),
 				typeof rolldownIntro === "function" ? await rolldownIntro(chunk) : rolldownIntro
 			].filter(isNotNil).join("\n");
 		},
@@ -142,7 +145,6 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 		sourcemapIgnoreList: rolldownSourcemapIgnoreList,
 		sourcemapPathTransform: rolldownSourcemapPathTransform ?? createProjectRootSourcemapPathTransform(config.root),
 		codeSplitting: false,
-		strictExecutionOrder: true,
 		globalIdentifiers: rolldownGlobalIdentifiers,
 		persistentCache: cache
 	});
@@ -150,10 +152,10 @@ async function resolveRolldownOptions(context, config, buildOptions, devEngineOp
 	return finalOptions;
 }
 resolveRolldownOptions.cache = /* @__PURE__ */ new Map();
-function resolvePreludePluginOptions(config) {
+function resolveEntryPluginOptions(config) {
 	return {
 		entryPath: config.entry,
-		modulePaths: config.serializer.prelude
+		preludePaths: config.serializer.prelude
 	};
 }
 async function resolveReactNativePluginOptions(config, context, buildOptions) {
@@ -217,11 +219,21 @@ function resolveDevServerPluginOptions(config, hmrConfig) {
 }
 function resolveReporterPluginOptions(config, context, buildOptions) {
 	const statusReporter = createStatusReporter(config, context, buildOptions);
+	const buildTotalModulesReporter = createBuildTotalModulesReporter(context);
 	return {
 		initialTotalModules: getBuildTotalModules(context.storage, context.id),
-		reporter: mergeReporters([statusReporter, config.reporter].filter(isNotNil))
+		reporter: mergeReporters([
+			buildTotalModulesReporter,
+			statusReporter,
+			config.reporter
+		].filter(isNotNil))
 	};
 }
+function createBuildTotalModulesReporter(context) {
+	return { update(event) {
+		if (event.type === "bundle_build_done") setBuildTotalModules(context.storage, context.id, event.totalModules);
+	} };
+}
 function createStatusReporter(config, context, buildOptions) {
 	switch (config.terminal.status) {
 		case "compat": return new CompatStatusReporter();
@@ -248,12 +260,21 @@ function createProjectRootSourcemapPathTransform(projectRoot) {
 		return path.relative(projectRoot, absolute);
 	};
 }
-function loadPolyfills(polyfills) {
-	return polyfills.map((polyfill) => {
+function loadPolyfills(config) {
+	return config.serializer.polyfills.map((polyfill, index) => {
 		if (typeof polyfill === "string") return fs.readFileSync(polyfill, "utf-8");
 		const path = "path" in polyfill ? polyfill.path : void 0;
 		const content = "code" in polyfill ? polyfill.code : fs.readFileSync(polyfill.path, "utf-8");
-		return polyfill.type === "iife" ? iife(content, path) : content;
+		const id = createVirtualModuleId("polyfill", {
+			index: index.toString(),
+			path: path ?? ""
+		});
+		const code = polyfill.withTransform ? transformWithRollipop(id, content, config).code : content;
+		return [
+			`//#region ${escapeVirtualModuleId(id)}`,
+			polyfill.type === "iife" ? iife(code) : code,
+			"//#endregion"
+		].join("\n");
 	});
 }
 async function applyDangerouslyOverrideOptionsFinalizer(config, inputOptions, outputOptions) {
@@ -285,14 +306,35 @@ function toBuildDiagnosticLog(log) {
 }
 function getOverrideOptions() {
 	return {
-		input: { experimental: { nativeMagicString: true } },
-		output: {}
+		input: {
+			optimization: { 
+			/**
+			* Must disable `inlineConst` option with the rollipop's custom module format.
+			*
+			* ```js
+			* __rollipop_define__(function (global, module, __rollipop_exports__, __rollipop_require__) {
+			* 	 __rollipop_require__.r(__rollipop_exports__);
+			*   __rollipop_require__.d(__rollipop_exports__, { default: () => __default });
+			*   var __default = 'value'; // <-- This must be a preserved as exported value. NOT inlined.
+			* }, 1234);
+			* ```
+			*/
+inlineConst: false },
+			experimental: { nativeMagicString: true }
+		},
+		output: { format: "rollipop" }
 	};
 }
 function getOverrideOptionsForDevServer(buildOptions) {
 	const overrideOptions = getOverrideOptions();
 	const input = {
-		transform: { jsx: { development: true } },
+		transform: { jsx: {
+			development: buildOptions.dev,
+			/**
+			* @see `rollipopReactRefreshWrapperPlugin`
+			*/
+			refresh: false
+		} },
 		experimental: { incrementalBuild: true },
 		treeshake: false
 	};

package/dist/hmr-runtime.iife.js

@@ -125,7 +125,7 @@
 		return e && typeof Symbol !== "undefined" && e.constructor === Symbol ? "symbol" : typeof e;
 	}
 	function isReactRefreshBoundary(n) {
-		if (global.__ReactRefresh.isLikelyComponentType(n)) return true;
+		if (globalThis.__ReactRefresh.isLikelyComponentType(n)) return true;
 		if (n === void 0 || n === null || (typeof n === "undefined" ? "undefined" : e(n)) !== "object") return false;
 		var r = false;
 		var t = true;
@@ -133,7 +133,7 @@
 			r = true;
 			if (o === "__esModule") continue;
 			var f = n[o];
-			if (!global.__ReactRefresh.isLikelyComponentType(f)) t = false;
+			if (!globalThis.__ReactRefresh.isLikelyComponentType(f)) t = false;
 		}
 		return r && t;
 	}
@@ -141,7 +141,7 @@
 	function enqueueUpdate() {
 		if (n) return;
 		n = setTimeout(function() {
-			global.__ReactRefresh.performReactRefresh();
+			globalThis.__ReactRefresh.performReactRefresh();
 			n = null;
 		}, 50);
 	}
@@ -283,7 +283,7 @@
 			{
 				key: "refresh",
 				get: function e() {
-					return global.__ReactRefresh;
+					return globalThis.__ReactRefresh;
 				}
 			},
 			{
@@ -535,7 +535,7 @@
 							var o, i;
 							debug("[HMR]: Custom HMR message received: ".concat(n.type));
 							r.socketHolder.emit(n.type, n.payload);
-							(o = (i = global).__ROLLIPOP_CUSTOM_HMR_HANDLER__) === null || o === void 0 || o.call(i, e, n);
+							(o = (i = globalThis).__ROLLIPOP_CUSTOM_HMR_HANDLER__) === null || o === void 0 || o.call(i, e, n);
 							return;
 						}
 						switch (n.type) {
@@ -553,7 +553,7 @@
 				key: "evaluate",
 				value: function evaluate(code, sourceURL) {
 					debug("[HMR]: Evaluating code\n".concat(code));
-					if (global.globalEvalWithSourceUrl) global.globalEvalWithSourceUrl(code, sourceURL);
+					if (globalThis.globalEvalWithSourceUrl) globalThis.globalEvalWithSourceUrl(code, sourceURL);
 					else eval(code);
 				}
 			},
@@ -562,7 +562,7 @@
 				value: function e() {
 					debug("[HMR]: Reloading");
 					var e = "DevSettings";
-					(global.__turboModuleProxy ? global.__turboModuleProxy(e) : global.nativeModuleProxy[e]).reload();
+					(globalThis.__turboModuleProxy ? globalThis.__turboModuleProxy(e) : globalThis.nativeModuleProxy[e]).reload();
 				}
 			}
 		]);
@@ -580,6 +580,6 @@
 		if ("type" in e && typeof e.type === "string" && e.type.startsWith("hmr:")) return false;
 		return true;
 	}
-	(___rolldown_runtime__ = (_globalThis = global).__rolldown_runtime__) !== null && ___rolldown_runtime__ !== void 0 || (_globalThis.__rolldown_runtime__ = new ReactNativeDevRuntime());
+	(___rolldown_runtime__ = (_globalThis = globalThis).__rolldown_runtime__) !== null && ___rolldown_runtime__ !== void 0 || (_globalThis.__rolldown_runtime__ = new ReactNativeDevRuntime());
 	//#endregion
 })();

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { DEFAULT_HOST, DEFAULT_PORT, DEV_SERVER_ASSET_PATH } from "./server/cons
 import { Plugin, PluginConfig } from "./core/plugins/types.js";
 import { InteractiveCommand, InteractiveCommandContext, InteractiveModeOptions, setupInteractiveMode } from "./node/commands/start/setup-interactive-mode.js";
 import { createCommand, createReactNativeCliCommand } from "./node/cli-utils.js";
-import { BabelTransformConfig, CodegenConfig, Config, DevModeConfig, ExperimentalConfig, FlowConfig, HmrConfig, OptimizationConfig, PluginOption, Polyfill, PolyfillType, PolyfillWithCode, PolyfillWithPath, ReactNativeConfig, ResolverConfig, RolldownConfig, RollipopReactNativeFlowConfig, RollipopReactNativeWorkletsConfig, SerializerConfig, SwcTransformConfig, TerminalConfig, TransformRule, TransformerConfig, WatcherConfig } from "./config/types.js";
+import { BabelTransformConfig, CodegenConfig, Config, DevModeConfig, ExperimentalConfig, FlowConfig, HmrConfig, OptimizationConfig, PluginOption, Polyfill, PolyfillOptions, PolyfillType, PolyfillWithCode, PolyfillWithPath, ReactNativeConfig, ResolverConfig, RolldownConfig, RollipopReactNativeFlowConfig, RollipopReactNativeWorkletsConfig, SerializerConfig, SwcTransformConfig, TerminalConfig, TransformRule, TransformerConfig, WatcherConfig } from "./config/types.js";
 import { PluginFlattenConfig, mergeConfig } from "./config/merge-config.js";
 import { DefaultConfig, ResolvedConfig, getDefaultConfig } from "./config/defaults.js";
 import { DefineConfigContext, DynamicUserConfig, UserConfig, defineConfig } from "./config/define-config.js";
@@ -23,4 +23,4 @@ import { DevRuntime, DevRuntimeInterface, DevRuntimeMessenger, DevRuntimeModule,
 import { cli_d_exports } from "./node/cli.js";
 import * as rolldown from "@rollipop/rolldown";
 import * as rolldownExperimental from "@rollipop/rolldown/experimental";
-export { assets_d_exports as AssetUtils, type AsyncResult, type BabelTransformConfig, type BuildDiagnosticLog, type BuildOptions, type BuildType, type BundleDetails, Bundler, type BundlerContext, type BundlerState, type CodegenConfig, type Config, constants_d_exports as Constants, DEFAULT_HOST, DEFAULT_PORT, DEV_SERVER_ASSET_PATH, type DeepRequired, DefaultConfig, DefineConfigContext, type DevEngine, type DevEngineOptions, type DevModeConfig, type DevRuntime, type DevRuntimeInterface, type DevRuntimeMessenger, type DevRuntimeModule, type DevServer, type DevServerContext, type DevServerEvents, DynamicUserConfig, type ExperimentalConfig, type FastifyInstance, type FlowConfig, type FormattedError, type HMRClientLogLevel, type HMRClientMessage, type HMRContext, type HMRCustomHandler, type HMRCustomMessage, type HMRServerError, type HMRServerMessage, type HmrConfig, InteractiveCommand, InteractiveCommandContext, InteractiveModeOptions, LoadConfigOptions, LoadEnvOptions, type MaybePromise, type MetroCompatibleClientLogEvent, type Middlewares, type NullValue, type OptimizationConfig, type PackageJson, type Plugin, type PluginConfig, PluginFlattenConfig, type PluginOption, type Polyfill, type PolyfillType, type PolyfillWithCode, type PolyfillWithPath, type ReactNativeConfig, type ReportableEvent, type Reporter, ResolvedConfig, type ResolverConfig, type RolldownConfig, type RollipopReactNativeFlowConfig, type RollipopReactNativeWorkletsConfig, type SerializerConfig, type ServerOptions, type SwcTransformConfig, type TerminalConfig, type TransformRule, type TransformerConfig, UserConfig, type WatcherConfig, cli_d_exports as cli, createCommand, createDevServer, createReactNativeCliCommand, defineConfig, flattenPluginOption, getDefaultConfig, invokeConfigResolved, loadConfig, loadEnv, mergeConfig, index_d_exports as plugins, resetCache, resolvePluginConfig, rolldown, rolldownExperimental, runBuild, runServer, setupInteractiveMode };
+export { assets_d_exports as AssetUtils, type AsyncResult, type BabelTransformConfig, type BuildDiagnosticLog, type BuildOptions, type BuildType, type BundleDetails, Bundler, type BundlerContext, type BundlerState, type CodegenConfig, type Config, constants_d_exports as Constants, DEFAULT_HOST, DEFAULT_PORT, DEV_SERVER_ASSET_PATH, type DeepRequired, DefaultConfig, DefineConfigContext, type DevEngine, type DevEngineOptions, type DevModeConfig, type DevRuntime, type DevRuntimeInterface, type DevRuntimeMessenger, type DevRuntimeModule, type DevServer, type DevServerContext, type DevServerEvents, DynamicUserConfig, type ExperimentalConfig, type FastifyInstance, type FlowConfig, type FormattedError, type HMRClientLogLevel, type HMRClientMessage, type HMRContext, type HMRCustomHandler, type HMRCustomMessage, type HMRServerError, type HMRServerMessage, type HmrConfig, InteractiveCommand, InteractiveCommandContext, InteractiveModeOptions, LoadConfigOptions, LoadEnvOptions, type MaybePromise, type MetroCompatibleClientLogEvent, type Middlewares, type NullValue, type OptimizationConfig, type PackageJson, type Plugin, type PluginConfig, PluginFlattenConfig, type PluginOption, type Polyfill, type PolyfillOptions, type PolyfillType, type PolyfillWithCode, type PolyfillWithPath, type ReactNativeConfig, type ReportableEvent, type Reporter, ResolvedConfig, type ResolverConfig, type RolldownConfig, type RollipopReactNativeFlowConfig, type RollipopReactNativeWorkletsConfig, type SerializerConfig, type ServerOptions, type SwcTransformConfig, type TerminalConfig, type TransformRule, type TransformerConfig, UserConfig, type WatcherConfig, cli_d_exports as cli, createCommand, createDevServer, createReactNativeCliCommand, defineConfig, flattenPluginOption, getDefaultConfig, invokeConfigResolved, loadConfig, loadEnv, mergeConfig, index_d_exports as plugins, resetCache, resolvePluginConfig, rolldown, rolldownExperimental, runBuild, runServer, setupInteractiveMode };

package/dist/internal/react-native.js

@@ -1,5 +1,5 @@
 import { __require } from "../_virtual/_rolldown/runtime.js";
-import { GLOBAL_IDENTIFIER } from "../constants.js";
+import { asLiteral } from "../common/code.js";
 import path from "node:path";
 import { isNotNil } from "es-toolkit";
 //#region src/internal/react-native.ts
@@ -12,10 +12,11 @@ function getPolyfillScriptPaths(reactNativePath) {
 function getGlobalVariables(dev, buildType) {
 	const isDevServerMode = dev && buildType === "serve";
 	return [
-		`var __BUNDLE_START_TIME__=globalThis.nativePerformanceNow?nativePerformanceNow():Date.now();`,
-		`var __DEV__=${dev};`,
-		`var ${GLOBAL_IDENTIFIER}=typeof globalThis!=='undefined'?globalThis:typeof global !== 'undefined'?global:typeof window!=='undefined'?window:this;`,
-		`var process=globalThis.process||{};process.env=process.env||{};process.env.NODE_ENV=process.env.NODE_ENV||"${dev ? "development" : "production"}";`,
+		`var __BUNDLE_START_TIME__ = globalThis.nativePerformanceNow ? nativePerformanceNow() : Date.now();`,
+		`var __DEV__ = ${asLiteral(dev)};`,
+		`var process = globalThis.process || {};`,
+		"process.env = process.env || {};",
+		`process.env.NODE_ENV = process.env.NODE_ENV || ${asLiteral(dev ? "development" : "production")};`,
 		isDevServerMode ? `var $RefreshReg$ = () => {};` : null,
 		isDevServerMode ? `var $RefreshSig$ = () => (v) => v;` : null
 	].filter(isNotNil);