@vxrn/compiler 1.27.1 → 2.0.0-beta.45.1

package/dist/cjs/transformBabel.cjs

@@ -5,38 +5,32 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var transformBabel_exports = {};
 __export(transformBabel_exports, {
-  findUserBabelConfig: () => findUserBabelConfig,
-  getBabelOptions: () => getBabelOptions,
-  transformBabel: () => transformBabel,
-  transformOxcReactCompiler: () => transformOxcReactCompiler
+	findUserBabelConfig: () => findUserBabelConfig,
+	getBabelOptions: () => getBabelOptions,
+	stripFlowTypes: () => stripFlowTypes,
+	transformBabel: () => transformBabel,
+	transformOxcReactCompiler: () => transformOxcReactCompiler
 });
 module.exports = __toCommonJS(transformBabel_exports);
 var import_node_fs = require("node:fs");
@@ -45,260 +39,276 @@ var import_utils = require("@vxrn/utils");
 var import_vite = require("vite");
 var import_configure = require("./configure.cjs");
 var import_constants = require("./constants.cjs");
-const USER_BABEL_CONFIG_FILES = ["babel.config.js", "babel.config.cjs", "babel.config.mjs", "babel.config.json", ".babelrc", ".babelrc.js", ".babelrc.json"];
-const ONE_GENERATED_MARKER = "@one-generated";
+const USER_BABEL_CONFIG_FILES = [
+	"babel.config.js",
+	"babel.config.cjs",
+	"babel.config.mjs",
+	"babel.config.json",
+	".babelrc",
+	".babelrc.js",
+	".babelrc.json"
+];
+const ONE_GENERATED_MARKER = "@one/generated bundler-config";
 function findUserBabelConfig(projectRoot) {
-  if (!projectRoot) return null;
-  for (const name of USER_BABEL_CONFIG_FILES) {
-    const fullPath = (0, import_node_path.join)(projectRoot, name);
-    if ((0, import_node_fs.existsSync)(fullPath)) {
-      try {
-        const content = (0, import_node_fs.readFileSync)(fullPath, "utf8");
-        if (content.includes(ONE_GENERATED_MARKER)) {
-          continue;
-        }
-      } catch {
-        continue;
-      }
-      return fullPath;
-    }
-  }
-  return null;
+	if (!projectRoot) return null;
+	for (const name of USER_BABEL_CONFIG_FILES) {
+		const fullPath = (0, import_node_path.join)(projectRoot, name);
+		if ((0, import_node_fs.existsSync)(fullPath)) {
+			try {
+				const content = (0, import_node_fs.readFileSync)(fullPath, "utf8");
+				if (content.includes(ONE_GENERATED_MARKER)) {
+					continue;
+				}
+			} catch {
+				continue;
+			}
+			return fullPath;
+		}
+	}
+	return null;
 }
 function getBabelOptions(props) {
-  props = {
-    ...props,
-    id: (0, import_vite.normalizePath)(props.id.split("?")[0])
-  };
-  const isProjectFile = !props.id.includes("node_modules");
-  const userBabelConfig = isProjectFile && props.projectRoot ? findUserBabelConfig(props.projectRoot) : null;
-  if (props.userSetting === "babel") {
-    return getOptions(props, true, userBabelConfig);
-  }
-  if (typeof props.userSetting === "undefined" || typeof props.userSetting === "object" && props.userSetting.transform === "babel") {
-    if (props.userSetting?.excludeDefaultPlugins) {
-      return {
-        ...props.userSetting,
-        ...(userBabelConfig ? {
-          configFile: userBabelConfig,
-          babelrc: true
-        } : {})
-      };
-    }
-    return getOptions(props, false, userBabelConfig);
-  }
-  const userSetting = props.userSetting;
-  if (userSetting === "swc" || userSetting === "oxc" || userSetting === false || typeof userSetting === "object" && userSetting !== null && (userSetting.transform === "swc" || userSetting.transform === "oxc")) {
-    return null;
-  }
-  if (userBabelConfig) {
-    return getOptions(props, false, userBabelConfig);
-  }
-  return null;
+	props = {
+		...props,
+		id: (0, import_vite.normalizePath)(props.id.split("?")[0])
+	};
+	const isProjectFile = !props.id.includes("node_modules");
+	const userBabelConfig = isProjectFile && props.projectRoot ? findUserBabelConfig(props.projectRoot) : null;
+	if (props.userSetting === "babel") {
+		return getOptions(props, true, userBabelConfig);
+	}
+	if (typeof props.userSetting === "undefined" || typeof props.userSetting === "object" && props.userSetting.transform === "babel") {
+		if (props.userSetting?.excludeDefaultPlugins) {
+			return {
+				...props.userSetting,
+				...userBabelConfig ? {
+					configFile: userBabelConfig,
+					babelrc: true
+				} : {}
+			};
+		}
+		return getOptions(props, false, userBabelConfig);
+	}
+	const userSetting = props.userSetting;
+	if (userSetting === "swc" || userSetting === "oxc" || userSetting === false || typeof userSetting === "object" && userSetting !== null && (userSetting.transform === "swc" || userSetting.transform === "oxc")) {
+		return null;
+	}
+	if (userBabelConfig) {
+		return getOptions(props, false, userBabelConfig);
+	}
+	return null;
 }
 const getOptions = (props, force = false, userBabelConfig = null) => {
-  let plugins = [];
-  if (force || shouldBabelGenerators(props)) {
-    plugins = getBasePlugins(props);
-  }
-  const enableNativewind = import_configure.configuration.enableNativewind && (props.environment === "ios" || props.environment === "android") &&
-  // if reanimated gets wrapped in transform it causes circular dep issues
-  !/node_modules/.test(props.id) &&
-  // only needed for createElement calls, so be a bit conservative
-  props.code.includes("createElement");
-  if (enableNativewind) {
-    if (!props.id.includes("node_modules")) {
-      plugins.push((0, import_utils.resolvePath)("react-native-css-interop/dist/babel-plugin.js"));
-    }
-  }
-  if (enableNativewind || shouldBabelReanimated(props)) {
-    try {
-      const workletsPlugin = (0, import_utils.resolvePath)("react-native-worklets/plugin", props.projectRoot);
-      (0, import_constants.debug)?.(`Using babel worklets on file ${props.id}`);
-      plugins.push(workletsPlugin);
-    } catch {}
-  }
-  if (shouldBabelReactCompiler(props)) {
-    (0, import_constants.debug)?.(`Using babel react compiler on file`);
-    plugins.push(getBabelReactCompilerPlugin(props));
-  }
-  if (plugins.length || userBabelConfig) {
-    return {
-      plugins,
-      ...(userBabelConfig ? {
-        configFile: userBabelConfig,
-        babelrc: true
-      } : {})
-    };
-  }
-  return null;
+	let plugins = [];
+	if (force || shouldBabelGenerators(props)) {
+		plugins = getBasePlugins(props);
+	}
+	const enableNativewind = import_configure.configuration.enableNativewind && (props.environment === "ios" || props.environment === "android") && !/node_modules/.test(props.id) && props.code.includes("createElement");
+	if (enableNativewind) {
+		if (!props.id.includes("node_modules")) {
+			plugins.push((0, import_utils.resolvePath)("react-native-css-interop/dist/babel-plugin.js"));
+		}
+	}
+	if (enableNativewind || shouldBabelReanimated(props)) {
+		try {
+			const workletsPlugin = (0, import_utils.resolvePath)("react-native-worklets/plugin", props.projectRoot);
+			(0, import_constants.debug)?.(`Using babel worklets on file ${props.id}`);
+			plugins.push(workletsPlugin);
+		} catch {}
+	}
+	if (shouldBabelReactCompiler(props)) {
+		(0, import_constants.debug)?.(`Using babel react compiler on file`);
+		plugins.push(getBabelReactCompilerPlugin(props));
+	}
+	if (plugins.length || userBabelConfig) {
+		return {
+			plugins,
+			...userBabelConfig ? {
+				configFile: userBabelConfig,
+				babelrc: true
+			} : {}
+		};
+	}
+	return null;
 };
 async function transformOxcReactCompiler(id, code, optionsOrTarget = "19", sourceMap = false) {
-  const {
-    transform
-  } = await import("oxc-transform-react");
-  const compilerOptions = typeof optionsOrTarget === "string" ? {
-    target: optionsOrTarget
-  } : optionsOrTarget || {};
-  const target = compilerOptions.target ?? "19";
-  const result = await transform(id, code, {
-    jsx: "preserve",
-    sourcemap: sourceMap,
-    reactCompiler: {
-      target,
-      ...compilerOptions,
-      environment: {
-        enableCustomTypeDefinitionForReanimated: true,
-        ...compilerOptions.environment
-      }
-    }
-  });
-  if (result.fatal) {
-    throw new Error(`[vxrn:compiler] oxc react compiler failed on ${id}: ${(result.errors ?? []).map(e => e.message ?? String(e)).join(", ")}`);
-  }
-  if (result.errors?.length) {
-    (0, import_constants.debug)?.(`[compiler/bailout] ${id}: ${result.errors.map(e => e.message ?? String(e)).join(", ")}`);
-  }
-  return {
-    code: result.code,
-    map: sourceMap ? result.map : void 0
-  };
+	const { transform } = await import("oxc-transform-react");
+	const compilerOptions = typeof optionsOrTarget === "string" ? { target: optionsOrTarget } : optionsOrTarget || {};
+	const target = compilerOptions.target ?? "19";
+	const result = await transform(id, code, {
+		jsx: "preserve",
+		sourcemap: sourceMap,
+		reactCompiler: {
+			target,
+			...compilerOptions,
+			environment: {
+				enableCustomTypeDefinitionForReanimated: true,
+				...compilerOptions.environment
+			}
+		}
+	});
+	if (result.fatal) {
+		throw new Error(`[vxrn:compiler] oxc react compiler failed on ${id}: ${(result.errors ?? []).map((e) => e.message ?? String(e)).join(", ")}`);
+	}
+	if (result.errors?.length) {
+		(0, import_constants.debug)?.(`[compiler/bailout] ${id}: ${result.errors.map((e) => e.message ?? String(e)).join(", ")}`);
+	}
+	return {
+		code: result.code,
+		map: sourceMap ? result.map : void 0
+	};
 }
 async function transformBabel(id, code, options) {
-  const [{
-    default: babelCore
-  }, {
-    default: hermesParserPlugin
-  }] = await Promise.all([import("@babel/core"), import("babel-plugin-syntax-hermes-parser")]);
-  const extension = (0, import_node_path.extname)(id);
-  const isTSX = extension === ".tsx";
-  const isTS = isTSX || extension === ".ts";
-  const babelOptions = {
-    filename: id,
-    compact: false,
-    babelrc: options.babelrc ?? false,
-    configFile: options.configFile ?? false,
-    sourceMaps: false,
-    minified: false,
-    ...options,
-    presets: [isTS ? ["@babel/preset-typescript", {
-      isTSX,
-      allExtensions: isTSX
-    }] : "", ...(options.presets || [])].filter(Boolean),
-    // non-TS files use React Native's Flow dialect. RN's own component specs are
-    // Flow `.js` (`import type`, `codegenNativeComponent<T>(…)`, `(expr: Type)` casts).
-    // enable Hermes Flow parsing + stripping, mirroring the TypeScript preset above
-    // (`@react-native/babel-preset` uses the same parser for JS). without it babel
-    // can't parse current RN Flow syntax such as `call<T>(...) as HostComponent<T>`, so
-    // plugins like
-    // @react-native/babel-plugin-codegen silently fail on RN specs and the runtime
-    // "Codegen didn't run" warning fires. TS path is byte-identical (empty slice).
-    plugins: [...(isTS ? [] : [[hermesParserPlugin, {
-      parseLangTypes: "flow",
-      reactRuntimeTarget: "19"
-    }]]), ...(options.plugins || []), ...(isTS ? [] : ["@babel/plugin-transform-flow-strip-types"])]
-  };
-  return await new Promise((res, rej) => {
-    babelCore.transform(code, babelOptions, (err, result) => {
-      if (!result || err) {
-        return rej(err || new Error(`[vxrn:compiler] babel returned no result for ${id}`));
-      }
-      res(result);
-    });
-  });
+	const [{ default: babelCore }, { default: hermesParserPlugin }] = await Promise.all([import("@babel/core"), import("babel-plugin-syntax-hermes-parser")]);
+	const extension = (0, import_node_path.extname)(id);
+	const isTSX = extension === ".tsx";
+	const isTS = isTSX || extension === ".ts";
+	const babelOptions = {
+		filename: id,
+		compact: false,
+		babelrc: options.babelrc ?? false,
+		configFile: options.configFile ?? false,
+		sourceMaps: false,
+		minified: false,
+		...options,
+		caller: {
+			name: "vxrn",
+			supportsStaticESM: true,
+			supportsDynamicImport: true
+		},
+		presets: [isTS ? ["@babel/preset-typescript", {
+			isTSX,
+			allExtensions: isTSX
+		}] : "", ...options.presets || []].filter(Boolean),
+		plugins: [
+			...isTS ? [] : [[hermesParserPlugin, {
+				parseLangTypes: "flow",
+				reactRuntimeTarget: "19"
+			}], "babel-plugin-transform-flow-enums"],
+			...options.plugins || [],
+			...isTS ? [] : ["@babel/plugin-transform-flow-strip-types"]
+		]
+	};
+	return await new Promise((res, rej) => {
+		babelCore.transform(code, babelOptions, (err, result) => {
+			if (!result || err) {
+				return rej(err || new Error(`[vxrn:compiler] babel returned no result for ${id}`));
+			}
+			res(result);
+		});
+	});
 }
-const getBasePlugins = ({
-  development
-}) => [["@babel/plugin-transform-destructuring"], ["@babel/plugin-transform-react-jsx", {
-  development
-}], ["@babel/plugin-transform-async-generator-functions"], ["@babel/plugin-transform-async-to-generator"], ["@babel/plugin-transform-runtime", {
-  helpers: true,
-  // NOTE THIS WAS SPELLED WRONG BEFOER THIS COMMIT MAYBE IT WAS UNINTENTIONALLY WORKING
-  regenerator: false
-}]];
-const shouldBabelReactCompiler = props => {
-  if (props.environment === "ssr") {
-    return false;
-  }
-  if (!import_configure.configuration.enableCompiler) {
-    return false;
-  }
-  const {
-    enableCompiler
-  } = import_configure.configuration;
-  if (typeof enableCompiler === "object" && !Array.isArray(enableCompiler) && !(enableCompiler instanceof RegExp)) {
-    const isNative = props.environment === "ios" || props.environment === "android";
-    const filter = isNative ? enableCompiler.native : enableCompiler.web;
-    if (!filter) return false;
-    return applyCompilerFilter(filter, props);
-  }
-  if (typeof enableCompiler === "function") {
-    return enableCompiler(props.id, props.environment);
-  }
-  if (enableCompiler instanceof RegExp) {
-    return enableCompiler.test(props.id);
-  }
-  if (Array.isArray(enableCompiler)) {
-    if (!enableCompiler.includes(props.environment)) {
-      return false;
-    }
-  }
-  return applyDefaultFilters(props);
+async function stripFlowTypes(id, code, sourceMaps = true) {
+	const result = await transformBabel(id, code, { sourceMaps });
+	return {
+		code: result.code,
+		map: result.map
+	};
+}
+const getBasePlugins = ({ development }) => [
+	["@babel/plugin-transform-destructuring"],
+	["@babel/plugin-transform-react-jsx", { development }],
+	["@babel/plugin-transform-async-generator-functions"],
+	["@babel/plugin-transform-async-to-generator"],
+	["@babel/plugin-transform-runtime", {
+		helpers: true,
+		regenerator: false
+	}]
+];
+const shouldBabelReactCompiler = (props) => {
+	if (props.environment === "ssr") {
+		return false;
+	}
+	if (!import_configure.configuration.enableCompiler) {
+		return false;
+	}
+	const { enableCompiler } = import_configure.configuration;
+	if (typeof enableCompiler === "object" && !Array.isArray(enableCompiler) && !(enableCompiler instanceof RegExp)) {
+		const isNative = props.environment === "ios" || props.environment === "android";
+		const filter = isNative ? enableCompiler.native : enableCompiler.web;
+		if (!filter) return false;
+		return applyCompilerFilter(filter, props);
+	}
+	if (typeof enableCompiler === "function") {
+		return enableCompiler(props.id, props.environment);
+	}
+	if (enableCompiler instanceof RegExp) {
+		return enableCompiler.test(props.id);
+	}
+	if (Array.isArray(enableCompiler)) {
+		if (!enableCompiler.includes(props.environment)) {
+			return false;
+		}
+	}
+	return applyDefaultFilters(props);
 };
 function applyCompilerFilter(filter, props) {
-  if (typeof filter === "function") {
-    return filter(props.id, props.environment);
-  }
-  if (filter instanceof RegExp) {
-    return filter.test(props.id);
-  }
-  if (filter === true) {
-    return applyDefaultFilters(props);
-  }
-  return false;
+	if (typeof filter === "function") {
+		return filter(props.id, props.environment);
+	}
+	if (filter instanceof RegExp) {
+		return filter.test(props.id);
+	}
+	if (filter === true) {
+		return applyDefaultFilters(props);
+	}
+	return false;
 }
 function applyDefaultFilters(props) {
-  if (!/(\.tsx?)$/.test(props.id)) return false;
-  if (props.id.includes("node_modules")) return false;
-  if (props.id.includes("+api.")) return false;
-  if (props.code.startsWith("// disable-compiler")) return false;
-  return true;
+	if (!/(\.tsx?)$/.test(props.id)) return false;
+	if (props.id.includes("node_modules")) return false;
+	if (props.id.includes("+api.")) return false;
+	if (props.code.startsWith("// disable-compiler")) return false;
+	return true;
 }
-const getBabelReactCompilerPlugin = props => {
-  const target = props.reactForRNVersion === "18" && (props.environment === "ios" || props.environment === "android") ? "18" : "19";
-  return ["babel-plugin-react-compiler", {
-    target
-  }];
+const getBabelReactCompilerPlugin = (props) => {
+	const target = props.reactForRNVersion === "18" && (props.environment === "ios" || props.environment === "android") ? "18" : "19";
+	return ["babel-plugin-react-compiler", { target }];
 };
-function shouldBabelGenerators({
-  code
-}) {
-  if (process.env.VXRN_USE_BABEL_FOR_GENERATORS) {
-    return import_constants.asyncGeneratorRegex.test(code);
-  }
+function shouldBabelGenerators({ code }) {
+	if (process.env.VXRN_USE_BABEL_FOR_GENERATORS) {
+		return import_constants.asyncGeneratorRegex.test(code);
+	}
 }
-const REANIMATED_AUTOWORKLETIZATION_KEYWORDS = ["worklet", "useAnimatedGestureHandler", "useAnimatedScrollHandler", "useFrameCallback", "useAnimatedStyle", "useAnimatedProps", "createAnimatedPropAdapter", "useDerivedValue", "useAnimatedReaction", "useWorkletCallback", "withTiming", "withSpring", "withDecay", "withRepeat", "runOnUI", "executeOnUIRuntimeSync"];
+const REANIMATED_AUTOWORKLETIZATION_KEYWORDS = [
+	"worklet",
+	"useAnimatedGestureHandler",
+	"useAnimatedScrollHandler",
+	"useFrameCallback",
+	"useAnimatedStyle",
+	"useAnimatedProps",
+	"createAnimatedPropAdapter",
+	"useDerivedValue",
+	"useAnimatedReaction",
+	"useWorkletCallback",
+	"withTiming",
+	"withSpring",
+	"withDecay",
+	"withRepeat",
+	"runOnUI",
+	"executeOnUIRuntimeSync"
+];
 const REANIMATED_REGEX = new RegExp(REANIMATED_AUTOWORKLETIZATION_KEYWORDS.join("|"));
 const REANIMATED_IGNORED_PATHS = [
-// Prebuilt/vendored react-native that shouldn't be transformed
-"react-native-prebuilt", "node_modules/.vxrn/react-native",
-// Known false positives - they mention worklet keywords in comments/strings but don't use them
-"node_modules/react/", "node_modules/react-dom/", "node_modules/react-native/", "node_modules/react-native-web/"];
+	"react-native-prebuilt",
+	"node_modules/.vxrn/react-native",
+	"node_modules/react/",
+	"node_modules/react-dom/",
+	"node_modules/react-native/",
+	"node_modules/react-native-web/"
+];
 const REANIMATED_IGNORED_PATHS_REGEX = new RegExp(REANIMATED_IGNORED_PATHS.join("|"));
-function shouldBabelReanimated({
-  code,
-  id
-}) {
-  if (!import_configure.configuration.enableReanimated) {
-    return false;
-  }
-  if (REANIMATED_IGNORED_PATHS_REGEX.test(id)) {
-    return false;
-  }
-  if (REANIMATED_REGEX.test(code)) {
-    const location = id.includes("node_modules") ? "node_modules" : "user-code";
-    (0, import_constants.debug)?.(` \u{1FA84} [reanimated/${location}] ${(0, import_node_path.relative)(process.cwd(), id)}`);
-    return true;
-  }
-  return false;
-}
+function shouldBabelReanimated({ code, id }) {
+	if (!import_configure.configuration.enableReanimated) {
+		return false;
+	}
+	if (REANIMATED_IGNORED_PATHS_REGEX.test(id)) {
+		return false;
+	}
+	if (REANIMATED_REGEX.test(code)) {
+		const location = id.includes("node_modules") ? "node_modules" : "user-code";
+		(0, import_constants.debug)?.(` \u{1FA84} [reanimated/${location}] ${(0, import_node_path.relative)(process.cwd(), id)}`);
+		return true;
+	}
+	return false;
+}