@vxrn/compiler 1.27.1 → 2.0.0-beta.45.1

package/dist/esm/index.js

@@ -9,455 +9,445 @@ import { debug, runtimePublicPath, validParsers } from "./constants.mjs";
 import { getBabelOptions, transformBabel, transformOxcReactCompiler } from "./transformBabel.mjs";
 import { shouldSourceMap } from "./transformSWC.mjs";
 import { prepareWorkletsForReactCompiler, shouldTransformWorklets, transformWorklets } from "./transformWorklets.mjs";
-import { getCachedTransform, logCacheStats, setCachedTransform } from "./cache.mjs";
-export * from "./configure.mjs";
-export * from "./transformBabel.mjs";
-export * from "./transformSWC.mjs";
-export * from "./transformWorklets.mjs";
-export * from "./reactNativeCodegen.mjs";
-export * from "./transformHermesLoops.mjs";
-export * from "./transformHermesAsync.mjs";
-import { clearTransformCache } from "./cache.mjs";
+import { clearTransformCache, getCachedTransform, logCacheStats, setCachedTransform } from "./cache.mjs";
 import { JS_GLOBALS } from "./worklets/globals.mjs";
 import { getClosureVariables } from "./worklets/scope.mjs";
+
+export * from "./configure.mjs"
+
+export * from "./transformBabel.mjs"
+
+export * from "./transformSWC.mjs"
+
+export * from "./transformWorklets.mjs"
+
+export * from "./reactNativeCodegen.mjs"
+
+export * from "./transformHermesLoops.mjs"
+
+export * from "./transformHermesAsync.mjs"
+
 const perfStats = {
-  babel: {
-    totalCalls: 0,
-    totalTransforms: 0,
-    totalTime: 0,
-    byEnvironment: {}
-  },
-  optimizeDeps: {
-    byEnvironment: {}
-  }
+	babel: {
+		totalCalls: 0,
+		totalTransforms: 0,
+		totalTime: 0,
+		byEnvironment: {}
+	},
+	optimizeDeps: { byEnvironment: {} }
 };
 function logPerfSummary() {
-  if (!process.env.DEBUG_COMPILER_PERF) {
-    return;
-  }
-  console.info("\n\u{1F4CA} [Compiler Performance Summary]");
-  console.info(`Babel: ${perfStats.babel.totalTransforms} transforms / ${perfStats.babel.totalCalls} calls (${(perfStats.babel.totalTransforms / Math.max(perfStats.babel.totalCalls, 1) * 100).toFixed(1)}% transform rate)`);
-  console.info(`Babel total time: ${perfStats.babel.totalTime}ms`);
-  for (const [env, stats] of Object.entries(perfStats.babel.byEnvironment)) {
-    if (stats.transforms > 0) {
-      console.info(`  ${env}: ${stats.transforms} transforms, ${stats.time}ms (${(stats.time / stats.transforms).toFixed(1)}ms avg)`);
-    }
-  }
-  for (const [env, stats] of Object.entries(perfStats.optimizeDeps.byEnvironment)) {
-    const elapsed = Date.now() - stats.startTime;
-    console.info(`optimizeDeps ${env}: checked ${stats.filesChecked} files, transformed ${stats.filesTransformed} (${elapsed}ms)`);
-  }
+	if (!process.env.DEBUG_COMPILER_PERF) {
+		return;
+	}
+	console.info("\n📊 [Compiler Performance Summary]");
+	console.info(`Babel: ${perfStats.babel.totalTransforms} transforms / ${perfStats.babel.totalCalls} calls (${(perfStats.babel.totalTransforms / Math.max(perfStats.babel.totalCalls, 1) * 100).toFixed(1)}% transform rate)`);
+	console.info(`Babel total time: ${perfStats.babel.totalTime}ms`);
+	for (const [env, stats] of Object.entries(perfStats.babel.byEnvironment)) {
+		if (stats.transforms > 0) {
+			console.info(`  ${env}: ${stats.transforms} transforms, ${stats.time}ms (${(stats.time / stats.transforms).toFixed(1)}ms avg)`);
+		}
+	}
+	for (const [env, stats] of Object.entries(perfStats.optimizeDeps.byEnvironment)) {
+		const elapsed = Date.now() - stats.startTime;
+		console.info(`optimizeDeps ${env}: checked ${stats.filesChecked} files, transformed ${stats.filesTransformed} (${elapsed}ms)`);
+	}
 }
 const compilerLog = {
-  compiled: 0,
-  cached: 0,
-  time: 0,
-  // typed loose because the dom lib types setTimeout as number, but node gives
-  // us a Timeout we need to unref so the debounce never holds the process open
-  timer: null
+	compiled: 0,
+	cached: 0,
+	time: 0,
+	timer: null
 };
 function logCompiled(cached, ms) {
-  if (cached) {
-    compilerLog.cached++;
-  } else {
-    compilerLog.compiled++;
-    compilerLog.time += ms;
-  }
-  if (compilerLog.timer) clearTimeout(compilerLog.timer);
-  compilerLog.timer = setTimeout(() => {
-    const total = compilerLog.compiled + compilerLog.cached;
-    const detail = compilerLog.compiled ? `${compilerLog.compiled} compiled in ${compilerLog.time}ms${compilerLog.cached ? `, ${compilerLog.cached} cached` : ""}` : `all cached`;
-    console.info(` \u{1FA84} [compiler] ${total} file${total === 1 ? "" : "s"} (${detail})`);
-    compilerLog.compiled = 0;
-    compilerLog.cached = 0;
-    compilerLog.time = 0;
-    compilerLog.timer = null;
-  }, 500);
-  compilerLog.timer.unref?.();
+	if (cached) {
+		compilerLog.cached++;
+	} else {
+		compilerLog.compiled++;
+		compilerLog.time += ms;
+	}
+	if (compilerLog.timer) clearTimeout(compilerLog.timer);
+	compilerLog.timer = setTimeout(() => {
+		const total = compilerLog.compiled + compilerLog.cached;
+		const detail = compilerLog.compiled ? `${compilerLog.compiled} compiled in ${compilerLog.time}ms${compilerLog.cached ? `, ${compilerLog.cached} cached` : ""}` : `all cached`;
+		console.info(` \u{1FA84} [compiler] ${total} file${total === 1 ? "" : "s"} (${detail})`);
+		compilerLog.compiled = 0;
+		compilerLog.cached = 0;
+		compilerLog.time = 0;
+		compilerLog.timer = null;
+	}, 500);
+	compilerLog.timer.unref?.();
 }
-async function performBabelTransform({
-  id,
-  code,
-  projectRoot,
-  environment,
-  production,
-  reactForRNVersion,
-  optionsIn
-}) {
-  perfStats.babel.totalCalls++;
-  if (!perfStats.babel.byEnvironment[environment]) {
-    perfStats.babel.byEnvironment[environment] = {
-      calls: 0,
-      transforms: 0,
-      time: 0
-    };
-  }
-  perfStats.babel.byEnvironment[environment].calls++;
-  const transformProps = {
-    id,
-    code,
-    projectRoot,
-    development: !production,
-    environment,
-    reactForRNVersion
-  };
-  const userTransform = optionsIn?.transform?.(transformProps);
-  if (userTransform === false) {
-    return null;
-  }
-  if (userTransform !== "swc" && userTransform !== "oxc") {
-    const babelOptions = getBabelOptions({
-      ...transformProps,
-      userSetting: userTransform
-    });
-    if (babelOptions) {
-      const hasCompilerPlugin = babelOptions.plugins?.some(x => Array.isArray(x) && x[0] === "babel-plugin-react-compiler");
-      const userBabelConfigPath = typeof babelOptions.configFile === "string" ? babelOptions.configFile : null;
-      const cached = getCachedTransform(id, code, environment, userBabelConfigPath);
-      if (cached) {
-        perfStats.babel.byEnvironment[environment].transforms++;
-        if (hasCompilerPlugin && (cached.code.includes("react/compiler-runtime") || cached.code.includes("react-compiler-runtime"))) {
-          debug?.(` \u{1FA84} [compiler] ${relative(process.cwd(), id)} (cached)`);
-          logCompiled(true, 0);
-        }
-        debug?.(`[babel/cached] ${id}`);
-        return cached;
-      }
-      const isWorkletPlugin = entry => {
-        if (!entry) return false;
-        const name = typeof entry === "string" ? entry : Array.isArray(entry) ? entry[0] : null;
-        return typeof name === "string" && (name.includes("react-native-worklets") || name.includes("react-native-reanimated"));
-      };
-      const workletEntry = babelOptions.plugins?.find(isWorkletPlugin);
-      const workletPluginOptions = Array.isArray(workletEntry) ? workletEntry[1] : void 0;
-      const useWorklets = isNativeWorkletsEnabled() && (Boolean(workletEntry) || shouldTransformWorklets({
-        id,
-        code
-      }));
-      let curCode = code;
-      let workletPreparation = null;
-      let compilerOut = null;
-      const compilerPluginIndex = babelOptions.plugins?.findIndex(x => Array.isArray(x) && x[0] === "babel-plugin-react-compiler") ?? -1;
-      if (compilerPluginIndex !== -1) {
-        const compilerPluginConfig = babelOptions.plugins[compilerPluginIndex];
-        const compilerPluginOptions = compilerPluginConfig[1] || {};
-        const useBabelCompiler = compilerPluginOptions.compiler === "babel" || process.env.ONE_REACT_COMPILER === "babel" || process.env.VXRN_REACT_COMPILER === "babel";
-        if (!useBabelCompiler) {
-          if (useWorklets) {
-            workletPreparation = prepareWorkletsForReactCompiler(id, curCode, shouldSourceMap());
-            if (workletPreparation) curCode = workletPreparation.code;
-          }
-          compilerOut = await transformOxcReactCompiler(id, curCode, compilerPluginOptions, shouldSourceMap());
-          if (compilerOut) curCode = compilerOut.code;
-          babelOptions.plugins.splice(compilerPluginIndex, 1);
-        }
-      }
-      let workletsOut = null;
-      if (useWorklets) {
-        workletsOut = await transformWorklets(id, curCode, shouldSourceMap(), {
-          projectRoot,
-          ...workletPluginOptions
-        });
-        babelOptions.plugins = babelOptions.plugins?.filter(entry => !isWorkletPlugin(entry));
-        curCode = workletsOut.code;
-      }
-      const startTime = Date.now();
-      let babelOut = null;
-      if (babelOptions.plugins?.length === 0 && !babelOptions.configFile && !babelOptions.babelrc) {
-        let finalMap = void 0;
-        if (shouldSourceMap()) {
-          const intermediateMaps = [workletPreparation?.map, compilerOut?.map, workletsOut?.map].filter(Boolean);
-          if (intermediateMaps.length === 1) {
-            finalMap = intermediateMaps[0];
-          } else if (intermediateMaps.length > 1) {
-            const remapping = (await import("@jridgewell/remapping")).default;
-            finalMap = remapping(intermediateMaps.slice().reverse(), () => null);
-          }
-        }
-        babelOut = {
-          code: curCode,
-          map: finalMap
-        };
-      } else {
-        const babelOptsWithMap = shouldSourceMap() && (workletsOut?.map || compilerOut?.map || workletPreparation?.map) ? {
-          ...babelOptions,
-          sourceMaps: true
-        } : babelOptions;
-        babelOut = await transformBabel(id, curCode, babelOptsWithMap);
-        if (shouldSourceMap() && babelOut?.map) {
-          const priorMaps = [workletPreparation?.map, compilerOut?.map, workletsOut?.map].filter(Boolean);
-          if (priorMaps.length > 0) {
-            const remapping = (await import("@jridgewell/remapping")).default;
-            babelOut.map = remapping([babelOut.map, ...priorMaps.slice().reverse()], () => null);
-          }
-        }
-      }
-      const babelTime = Date.now() - startTime;
-      if (babelOut?.code) {
-        perfStats.babel.totalTransforms++;
-        perfStats.babel.totalTime += babelTime;
-        perfStats.babel.byEnvironment[environment].transforms++;
-        perfStats.babel.byEnvironment[environment].time += babelTime;
-        if (hasCompilerPlugin && (babelOut.code.includes("react/compiler-runtime") || babelOut.code.includes("react-compiler-runtime"))) {
-          debug?.(` \u{1FA84} [compiler] ${relative(process.cwd(), id)} (${babelTime}ms)`);
-          logCompiled(false, babelTime);
-        }
-        debug?.(`[babel] ${id}`);
-        const outCode = `${babelOut.code}
+async function performBabelTransform({ id, code, projectRoot, environment, production, reactForRNVersion, optionsIn }) {
+	perfStats.babel.totalCalls++;
+	if (!perfStats.babel.byEnvironment[environment]) {
+		perfStats.babel.byEnvironment[environment] = {
+			calls: 0,
+			transforms: 0,
+			time: 0
+		};
+	}
+	perfStats.babel.byEnvironment[environment].calls++;
+	const transformProps = {
+		id,
+		code,
+		projectRoot,
+		development: !production,
+		environment,
+		reactForRNVersion
+	};
+	const userTransform = optionsIn?.transform?.(transformProps);
+	if (userTransform === false) {
+		return null;
+	}
+	if (userTransform !== "swc" && userTransform !== "oxc") {
+		const babelOptions = getBabelOptions({
+			...transformProps,
+			userSetting: userTransform
+		});
+		if (babelOptions) {
+			const hasCompilerPlugin = babelOptions.plugins?.some((x) => Array.isArray(x) && x[0] === "babel-plugin-react-compiler");
+			const userBabelConfigPath = typeof babelOptions.configFile === "string" ? babelOptions.configFile : null;
+			const cached = getCachedTransform(id, code, environment, userBabelConfigPath);
+			if (cached) {
+				perfStats.babel.byEnvironment[environment].transforms++;
+				if (hasCompilerPlugin && (cached.code.includes("react/compiler-runtime") || cached.code.includes("react-compiler-runtime"))) {
+					debug?.(` \u{1FA84} [compiler] ${relative(process.cwd(), id)} (cached)`);
+					logCompiled(true, 0);
+				}
+				debug?.(`[babel/cached] ${id}`);
+				return cached;
+			}
+			const isWorkletPlugin = (entry) => {
+				if (!entry) return false;
+				const name = typeof entry === "string" ? entry : Array.isArray(entry) ? entry[0] : null;
+				return typeof name === "string" && (name.includes("react-native-worklets") || name.includes("react-native-reanimated"));
+			};
+			const workletEntry = babelOptions.plugins?.find(isWorkletPlugin);
+			const workletPluginOptions = Array.isArray(workletEntry) ? workletEntry[1] : void 0;
+			const useWorklets = isNativeWorkletsEnabled() && (Boolean(workletEntry) || shouldTransformWorklets({
+				id,
+				code
+			}));
+			let curCode = code;
+			let workletPreparation = null;
+			let compilerOut = null;
+			const compilerPluginIndex = babelOptions.plugins?.findIndex((x) => Array.isArray(x) && x[0] === "babel-plugin-react-compiler") ?? -1;
+			if (compilerPluginIndex !== -1) {
+				const compilerPluginConfig = babelOptions.plugins[compilerPluginIndex];
+				const compilerPluginOptions = compilerPluginConfig[1] || {};
+				const useBabelCompiler = compilerPluginOptions.compiler === "babel" || process.env.ONE_REACT_COMPILER === "babel" || process.env.VXRN_REACT_COMPILER === "babel";
+				if (!useBabelCompiler) {
+					if (useWorklets) {
+						workletPreparation = prepareWorkletsForReactCompiler(id, curCode, shouldSourceMap());
+						if (workletPreparation) curCode = workletPreparation.code;
+					}
+					compilerOut = await transformOxcReactCompiler(id, curCode, compilerPluginOptions, shouldSourceMap());
+					if (compilerOut) curCode = compilerOut.code;
+					babelOptions.plugins.splice(compilerPluginIndex, 1);
+				}
+			}
+			let workletsOut = null;
+			if (useWorklets) {
+				workletsOut = await transformWorklets(id, curCode, shouldSourceMap(), {
+					projectRoot,
+					...workletPluginOptions
+				});
+				babelOptions.plugins = babelOptions.plugins?.filter((entry) => !isWorkletPlugin(entry));
+				curCode = workletsOut.code;
+			}
+			const startTime = Date.now();
+			let babelOut = null;
+			if (babelOptions.plugins?.length === 0 && !babelOptions.configFile && !babelOptions.babelrc) {
+				let finalMap = void 0;
+				if (shouldSourceMap()) {
+					const intermediateMaps = [
+						workletPreparation?.map,
+						compilerOut?.map,
+						workletsOut?.map
+					].filter(Boolean);
+					if (intermediateMaps.length === 1) {
+						finalMap = intermediateMaps[0];
+					} else if (intermediateMaps.length > 1) {
+						const remapping = (await import("@jridgewell/remapping")).default;
+						finalMap = remapping(intermediateMaps.slice().reverse(), () => null);
+					}
+				}
+				babelOut = {
+					code: curCode,
+					map: finalMap
+				};
+			} else {
+				const babelOptsWithMap = shouldSourceMap() && (workletsOut?.map || compilerOut?.map || workletPreparation?.map) ? {
+					...babelOptions,
+					sourceMaps: true
+				} : babelOptions;
+				babelOut = await transformBabel(id, curCode, babelOptsWithMap);
+				if (shouldSourceMap() && babelOut?.map) {
+					const priorMaps = [
+						workletPreparation?.map,
+						compilerOut?.map,
+						workletsOut?.map
+					].filter(Boolean);
+					if (priorMaps.length > 0) {
+						const remapping = (await import("@jridgewell/remapping")).default;
+						babelOut.map = remapping([babelOut.map, ...priorMaps.slice().reverse()], () => null);
+					}
+				}
+			}
+			const babelTime = Date.now() - startTime;
+			if (babelOut?.code) {
+				perfStats.babel.totalTransforms++;
+				perfStats.babel.totalTime += babelTime;
+				perfStats.babel.byEnvironment[environment].transforms++;
+				perfStats.babel.byEnvironment[environment].time += babelTime;
+				if (hasCompilerPlugin && (babelOut.code.includes("react/compiler-runtime") || babelOut.code.includes("react-compiler-runtime"))) {
+					debug?.(` \u{1FA84} [compiler] ${relative(process.cwd(), id)} (${babelTime}ms)`);
+					logCompiled(false, babelTime);
+				}
+				debug?.(`[babel] ${id}`);
+				const outCode = `${babelOut.code}
 // vxrn-did-babel`;
-        const result = {
-          code: outCode,
-          map: babelOut.map
-        };
-        setCachedTransform(id, code, result, environment, userBabelConfigPath);
-        return result;
-      }
-    }
-  }
-  return null;
+				const result = {
+					code: outCode,
+					map: babelOut.map
+				};
+				setCachedTransform(id, code, result, environment, userBabelConfigPath);
+				return result;
+			}
+		}
+	}
+	return null;
 }
 async function createVXRNCompilerPlugin(optionsIn) {
-  const reactVersion = await (async () => {
-    const path = resolvePath("react/package.json");
-    const json = JSON.parse(await readFile(path, "utf-8"));
-    return json.version;
-  })();
-  const envNames = {
-    ios: true,
-    android: true,
-    client: true,
-    ssr: true
-  };
-  function getEnvName(name) {
-    if (name === "worker") return "ssr";
-    if (!envNames[name]) throw new Error(`Invalid env: ${name}`);
-    return name;
-  }
-  const reactForRNVersion = reactVersion.split(".")[0];
-  const cssTransformCache = /* @__PURE__ */new Map();
-  const rolldownPath = resolvePath("rolldown");
-  const rolldownNodeMods = rolldownPath.slice(0, rolldownPath.indexOf(sep + "node_modules"));
-  let config;
-  return [{
-    name: "one:compiler-resolve-refresh-runtime",
-    apply: "serve",
-    enforce: "pre",
-    // Run before Vite default resolve to avoid syscalls
-    resolveId: id => id === runtimePublicPath || id === `${runtimePublicPath}.map` ? id : void 0,
-    load: id => {
-      const basePath = dirname(fileURLToPath(import.meta.url));
-      if (id === runtimePublicPath) {
-        return readFileSync(join(basePath, "refresh-runtime.mjs"), "utf-8").replace(/\/\/# sourceMappingURL=.*/, "");
-      }
-      if (id === `${runtimePublicPath}.map`) {
-        return JSON.stringify({
-          version: 3,
-          sources: [],
-          mappings: ""
-        });
-      }
-      return void 0;
-    }
-  }, {
-    name: `one:compiler-css-to-js`,
-    // only .css files can match, so let rust reject everything else
-    transform: {
-      filter: {
-        id: /\.css$/
-      },
-      handler(codeIn, id) {
-        const environment = getEnvName(this.environment.name);
-        if (configuration.enableNativeCSS && (environment === "ios" || environment === "android")) {
-          {
-            const data = JSON.stringify(cssToReactNativeRuntime(codeIn, {
-              inlineRem: 16
-            }));
-            const code = `require("nativewind/dist/index.js").__require().StyleSheet.registerCompiled(${data})`;
-            const newId = `${id}.js`;
-            const cssId = newId.replace(rolldownNodeMods + sep, "");
-            cssTransformCache.set(cssId, code);
-            return {
-              code,
-              id: newId,
-              map: null
-            };
-          }
-        }
-      }
-    },
-    generateBundle(_, bundle) {
-      const environment = getEnvName(this.environment.name);
-      if (configuration.enableNativeCSS && (environment === "ios" || environment === "android")) {
-        const rootJSName = Object.keys(bundle).find(i => {
-          const chunk = bundle[i];
-          return chunk.type == "chunk" && chunk.fileName.match(/.[cm]?js(?:\?.+)?$/) != null;
-        });
-        if (!rootJSName) {
-          throw new Error(`Can't find root js, internal one error`);
-        }
-        const rootJS = bundle[rootJSName];
-        const cssAssets = Object.keys(bundle).filter(i => bundle[i].fileName.endsWith(".css.js"));
-        for (const name of cssAssets) {
-          delete bundle[name];
-          const jsCSS = cssTransformCache.get(name);
-          rootJS.code = `
+	const reactVersion = await (async () => {
+		const path = resolvePath("react/package.json");
+		const json = JSON.parse(await readFile(path, "utf-8"));
+		return json.version;
+	})();
+	const envNames = {
+		ios: true,
+		android: true,
+		client: true,
+		ssr: true
+	};
+	function getEnvName(name) {
+		if (name === "worker") return "ssr";
+		if (!envNames[name]) throw new Error(`Invalid env: ${name}`);
+		return name;
+	}
+	const reactForRNVersion = reactVersion.split(".")[0];
+	const cssTransformCache = /* @__PURE__ */ new Map();
+	const rolldownPath = resolvePath("rolldown");
+	const rolldownNodeMods = rolldownPath.slice(0, rolldownPath.indexOf(sep + "node_modules"));
+	let config;
+	return [
+		{
+			name: "one:compiler-resolve-refresh-runtime",
+			apply: "serve",
+			enforce: "pre",
+			resolveId: (id) => id === runtimePublicPath || id === `${runtimePublicPath}.map` ? id : void 0,
+			load: (id) => {
+				const basePath = dirname(fileURLToPath(import.meta.url));
+				if (id === runtimePublicPath) {
+					return readFileSync(join(basePath, "refresh-runtime.mjs"), "utf-8").replace(/\/\/# sourceMappingURL=.*/, "");
+				}
+				if (id === `${runtimePublicPath}.map`) {
+					return JSON.stringify({
+						version: 3,
+						sources: [],
+						mappings: ""
+					});
+				}
+				return void 0;
+			}
+		},
+		{
+			name: `one:compiler-css-to-js`,
+			transform: {
+				filter: { id: /\.css$/ },
+				handler(codeIn, id) {
+					const environment = getEnvName(this.environment.name);
+					if (configuration.enableNativeCSS && (environment === "ios" || environment === "android")) {
+						{
+							const data = JSON.stringify(cssToReactNativeRuntime(codeIn, { inlineRem: 16 }));
+							const code = `require("nativewind/dist/index.js").require().StyleSheet.registerCompiled(${data})`;
+							const newId = `${id}.js`;
+							const cssId = newId.replace(rolldownNodeMods + sep, "");
+							cssTransformCache.set(cssId, code);
+							return {
+								code,
+								id: newId,
+								map: null
+							};
+						}
+					}
+				}
+			},
+			generateBundle(_, bundle) {
+				const environment = getEnvName(this.environment.name);
+				if (configuration.enableNativeCSS && (environment === "ios" || environment === "android")) {
+					const rootJSName = Object.keys(bundle).find((i) => {
+						const chunk = bundle[i];
+						return chunk.type == "chunk" && chunk.fileName.match(/.[cm]?js(?:\?.+)?$/) != null;
+					});
+					if (!rootJSName) {
+						throw new Error(`Can't find root js, internal one error`);
+					}
+					const rootJS = bundle[rootJSName];
+					const cssAssets = Object.keys(bundle).filter((i) => bundle[i].fileName.endsWith(".css.js"));
+					for (const name of cssAssets) {
+						delete bundle[name];
+						const jsCSS = cssTransformCache.get(name);
+						rootJS.code = `
 ${jsCSS}
 ${rootJS.code}
 `;
-        }
-      }
-    }
-  }, {
-    name: "one:compiler",
-    enforce: "pre",
-    config: () => {
-      const nodeModulesFilter = /node_modules[/\\].*\.(tsx?|jsx?|mjs|cjs)$/;
-      const createEnvironmentConfig = environment => {
-        if (!perfStats.optimizeDeps.byEnvironment[environment]) {
-          perfStats.optimizeDeps.byEnvironment[environment] = {
-            filesChecked: 0,
-            filesTransformed: 0,
-            startTime: Date.now()
-          };
-        }
-        return {
-          optimizeDeps: {
-            rolldownOptions: {
-              plugins: [{
-                name: `transform-before-optimize-deps-${environment}`,
-                async transform(code, id) {
-                  if (!nodeModulesFilter.test(id)) {
-                    return null;
-                  }
-                  perfStats.optimizeDeps.byEnvironment[environment].filesChecked++;
-                  const production = process.env.NODE_ENV === "production" || process.env.NODE_ENV === "test";
-                  debug?.(`[rolldown optimizeDeps] ${id}`);
-                  const result = await performBabelTransform({
-                    id,
-                    code,
-                    projectRoot: config.root,
-                    environment,
-                    production,
-                    reactForRNVersion,
-                    optionsIn
-                  });
-                  if (!result) {
-                    return null;
-                  }
-                  perfStats.optimizeDeps.byEnvironment[environment].filesTransformed++;
-                  return {
-                    code: result.code,
-                    map: result.map
-                  };
-                },
-                buildEnd() {
-                  if (process.env.DEBUG_COMPILER_PERF) {
-                    const stats = perfStats.optimizeDeps.byEnvironment[environment];
-                    const elapsed = Date.now() - stats.startTime;
-                    console.info(`[optimizeDeps ${environment}] Done: ${stats.filesChecked} files checked, ${stats.filesTransformed} transformed (${elapsed}ms)`);
-                  }
-                  const allDone = Object.keys(perfStats.optimizeDeps.byEnvironment).length >= 2;
-                  if (allDone) {
-                    logCacheStats();
-                    logPerfSummary();
-                  }
-                }
-              }]
-            }
-          },
-          define: {
-            "process.env.NATIVEWIND_OS": JSON.stringify(environment === "ios" || environment === "android" ? "native" : "web")
-          }
-        };
-      };
-      return {
-        environments: {
-          ios: createEnvironmentConfig("ios"),
-          android: createEnvironmentConfig("android"),
-          client: createEnvironmentConfig("client"),
-          ssr: createEnvironmentConfig("ssr")
-        }
-      };
-    },
-    configResolved(resolvedConfig) {
-      config = resolvedConfig;
-    },
-    async transform(codeIn, _id) {
-      let code = codeIn;
-      const environment = getEnvName(this.environment.name);
-      const isNative = environment === "ios" || environment === "android";
-      const production = config.command === "build" || process.env.NODE_ENV === "production" || JSON.parse(this.environment.config?.define?.["process.env.NODE_ENV"] || '""') === "production";
-      const isEntry = _id.includes("one-entry-native");
-      if (isEntry) {
-        if (isNative && !production) {
-          code = `import '@vxrn/vite-native-client'
+					}
+				}
+			}
+		},
+		{
+			name: "one:compiler",
+			enforce: "pre",
+			config: () => {
+				const nodeModulesFilter = /node_modules[/\\].*\.(tsx?|jsx?|mjs|cjs)$/;
+				const createEnvironmentConfig = (environment) => {
+					if (!perfStats.optimizeDeps.byEnvironment[environment]) {
+						perfStats.optimizeDeps.byEnvironment[environment] = {
+							filesChecked: 0,
+							filesTransformed: 0,
+							startTime: Date.now()
+						};
+					}
+					return {
+						optimizeDeps: { rolldownOptions: { plugins: [{
+							name: `transform-before-optimize-deps-${environment}`,
+							async transform(code, id) {
+								if (!nodeModulesFilter.test(id)) {
+									return null;
+								}
+								perfStats.optimizeDeps.byEnvironment[environment].filesChecked++;
+								const production = process.env.NODE_ENV === "production" || process.env.NODE_ENV === "test";
+								debug?.(`[rolldown optimizeDeps] ${id}`);
+								const result = await performBabelTransform({
+									id,
+									code,
+									projectRoot: config.root,
+									environment,
+									production,
+									reactForRNVersion,
+									optionsIn
+								});
+								if (!result) {
+									return null;
+								}
+								perfStats.optimizeDeps.byEnvironment[environment].filesTransformed++;
+								return {
+									code: result.code,
+									map: result.map
+								};
+							},
+							buildEnd() {
+								if (process.env.DEBUG_COMPILER_PERF) {
+									const stats = perfStats.optimizeDeps.byEnvironment[environment];
+									const elapsed = Date.now() - stats.startTime;
+									console.info(`[optimizeDeps ${environment}] Done: ${stats.filesChecked} files checked, ${stats.filesTransformed} transformed (${elapsed}ms)`);
+								}
+								const allDone = Object.keys(perfStats.optimizeDeps.byEnvironment).length >= 2;
+								if (allDone) {
+									logCacheStats();
+									logPerfSummary();
+								}
+							}
+						}] } },
+						define: { "process.env.NATIVEWIND_OS": JSON.stringify(environment === "ios" || environment === "android" ? "native" : "web") }
+					};
+				};
+				return { environments: {
+					ios: createEnvironmentConfig("ios"),
+					android: createEnvironmentConfig("android"),
+					client: createEnvironmentConfig("client"),
+					ssr: createEnvironmentConfig("ssr")
+				} };
+			},
+			configResolved(resolvedConfig) {
+				config = resolvedConfig;
+			},
+			async transform(codeIn, _id) {
+				let code = codeIn;
+				const environment = getEnvName(this.environment.name);
+				const isNative = environment === "ios" || environment === "android";
+				const production = config.command === "build" || process.env.NODE_ENV === "production" || JSON.parse(this.environment.config?.define?.["process.env.NODE_ENV"] || "\"\"") === "production";
+				const isEntry = _id.includes("one-entry-native");
+				if (isEntry) {
+					if (isNative && !production) {
+						code = `import '@vxrn/vite-native-client'
 ${code}`;
-        }
-        if (isNative && configuration.enableNativewind) {
-          code = `import * as x from 'nativewind'
+					}
+					if (isNative && configuration.enableNativewind) {
+						code = `import * as x from 'nativewind'
 ${code}`;
-        }
-        return code;
-      }
-      const id = _id.split("?")[0];
-      const extension = extname(id);
-      if (extension === ".css" || !validParsers.has(extension)) {
-        return;
-      }
-      if (id.includes(`virtual:`)) {
-        return;
-      }
-      if (codeIn.endsWith(`// vxrn-did-babel`)) {
-        debug?.(`[skip babel] ${id}`);
-        return;
-      }
-      return performBabelTransform({
-        id,
-        code: codeIn,
-        projectRoot: config.root,
-        environment,
-        production,
-        reactForRNVersion,
-        optionsIn
-      });
-    }
-  },
-  // wraps client-side TSX/JSX with React Refresh preamble + import.meta.hot.accept
-  // runs after vite:oxc (no enforce:'pre') so it sees the already-transformed code
-  {
-    name: "one:react-refresh-web",
-    apply: "serve",
-    transform(code, _id) {
-      if (this.environment.name !== "client") return;
-      if (code.includes(runtimePublicPath)) return;
-      const id = _id.split("?")[0];
-      if (id.includes("node_modules")) return;
-      if (id.includes("virtual:")) return;
-      if (id === runtimePublicPath) return;
-      const ext = extname(id);
-      if (ext !== ".tsx" && ext !== ".jsx") return;
-      const hasRefreshCalls = /\$RefreshReg\$\(/.test(code);
-      let out = `import * as RefreshRuntime from "${runtimePublicPath}";
+					}
+					return code;
+				}
+				const id = _id.split("?")[0];
+				const extension = extname(id);
+				if (extension === ".css" || !validParsers.has(extension)) {
+					return;
+				}
+				if (id.includes(`virtual:`)) {
+					return;
+				}
+				if (codeIn.endsWith(`// vxrn-did-babel`)) {
+					debug?.(`[skip babel] ${id}`);
+					return;
+				}
+				return performBabelTransform({
+					id,
+					code: codeIn,
+					projectRoot: config.root,
+					environment,
+					production,
+					reactForRNVersion,
+					optionsIn
+				});
+			}
+		},
+		{
+			name: "one:react-refresh-web",
+			apply: "serve",
+			transform(code, _id) {
+				if (this.environment.name !== "client") return;
+				if (code.includes(runtimePublicPath)) return;
+				const id = _id.split("?")[0];
+				if (id.includes("node_modules")) return;
+				if (id.includes("virtual:")) return;
+				if (id === runtimePublicPath) return;
+				const ext = extname(id);
+				if (ext !== ".tsx" && ext !== ".jsx") return;
+				const hasRefreshCalls = /\$RefreshReg\$\(/.test(code);
+				let out = `import * as RefreshRuntime from "${runtimePublicPath}";
 
 `;
-      if (hasRefreshCalls) {
-        out += `if (!window.$RefreshReg$) throw new Error("React refresh preamble was not loaded. Something is wrong.");
+				if (hasRefreshCalls) {
+					out += `if (!window.$RefreshReg$) throw new Error("React refresh preamble was not loaded. Something is wrong.");
 const prevRefreshReg = window.$RefreshReg$;
 const prevRefreshSig = window.$RefreshSig$;
 window.$RefreshReg$ = RefreshRuntime.getRefreshReg("${id}");
 window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
 
 `;
-      }
-      out += code;
-      if (hasRefreshCalls) {
-        out += `
+				}
+				out += code;
+				if (hasRefreshCalls) {
+					out += `
 
 window.$RefreshReg$ = prevRefreshReg;
 window.$RefreshSig$ = prevRefreshSig;
 `;
-      }
-      out += `
+				}
+				out += `
 RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
   RefreshRuntime.registerExportsForReactRefresh("${id}", currentExports);
   import.meta.hot.accept((nextExports) => {
@@ -467,12 +457,14 @@ RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
   });
 });
 `;
-      return {
-        code: out,
-        map: null
-      };
-    }
-  }];
+				return {
+					code: out,
+					map: null
+				};
+			}
+		}
+	];
 }
+
 export { JS_GLOBALS, clearTransformCache, createVXRNCompilerPlugin, getClosureVariables };
 //# sourceMappingURL=index.js.map