@vxrn/compiler 1.14.4 → 1.15.0

package/dist/cjs/transformBabel.cjs

@@ -2,145 +2,230 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var transformBabel_exports = {};
 __export(transformBabel_exports, {
   getBabelOptions: () => getBabelOptions,
   transformBabel: () => transformBabel
 });
 module.exports = __toCommonJS(transformBabel_exports);
-var import_node_path = require("node:path"),
-  import_core = __toESM(require("@babel/core"), 1),
-  import_utils = require("@vxrn/utils"),
-  import_configure = require("./configure.cjs"),
-  import_constants = require("./constants.cjs");
+var import_node_path = require("node:path");
+var import_core = __toESM(require("@babel/core"), 1);
+var import_utils = require("@vxrn/utils");
+var import_configure = require("./configure.cjs");
+var import_constants = require("./constants.cjs");
 function getBabelOptions(props) {
-  return props.userSetting === "babel" ? getOptions(props, !0) : typeof props.userSetting > "u" || typeof props.userSetting == "object" && props.userSetting.transform === "babel" ? props.userSetting?.excludeDefaultPlugins ? props.userSetting : getOptions(props) : null;
+  if (props.userSetting === "babel") {
+    return getOptions(props, true);
+  }
+  if (typeof props.userSetting === "undefined" || typeof props.userSetting === "object" && props.userSetting.transform === "babel") {
+    if (props.userSetting?.excludeDefaultPlugins) {
+      return props.userSetting;
+    }
+    return getOptions(props);
+  }
+  return null;
 }
-const getOptions = (props, force = !1) => {
+const getOptions = (props, force = false) => {
   let plugins = [];
-  (force || shouldBabelGenerators(props)) && (plugins = getBasePlugins(props));
+  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");
-  return enableNativewind && (props.id.includes("node_modules") || plugins.push((0, import_utils.resolvePath)("react-native-css-interop/dist/babel-plugin.js"))), (enableNativewind || shouldBabelReanimated(props)) && ((0, import_constants.debug)?.(`Using babel reanimated on file ${props.id}`), plugins.push(
-  // TODO make this configurable
-  process.env.VXRN_WORKLET_PLUGIN ? "react-native-worklets/plugin" : "react-native-reanimated/plugin")), shouldBabelReactCompiler(props) && ((0, import_constants.debug)?.("Using babel react compiler on file"), plugins.push(getBabelReactCompilerPlugin(props))), shouldBabelReactNativeCodegen(props) && ((0, import_constants.debug)?.("Using babel @react-native/babel-plugin-codegen on file"), plugins.push("@react-native/babel-plugin-codegen")), plugins.length ? {
-    plugins
-  } : null;
+  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)) {
+    (0, import_constants.debug)?.(`Using babel reanimated on file ${props.id}`);
+    plugins.push(
+    // TODO make this configurable
+    process.env.VXRN_WORKLET_PLUGIN ? "react-native-worklets/plugin" : "react-native-reanimated/plugin");
+  }
+  if (shouldBabelReactCompiler(props)) {
+    (0, import_constants.debug)?.(`Using babel react compiler on file`);
+    plugins.push(getBabelReactCompilerPlugin(props));
+  }
+  if (shouldBabelReactNativeCodegen(props)) {
+    (0, import_constants.debug)?.(`Using babel @react-native/babel-plugin-codegen on file`);
+    plugins.push("@react-native/babel-plugin-codegen");
+  }
+  if (plugins.length) {
+    return {
+      plugins
+    };
+  }
+  return null;
 };
 async function transformBabel(id, code, options) {
-  const extension = (0, import_node_path.extname)(id),
-    isTSX = extension === ".tsx",
-    babelOptions = {
-      filename: id,
-      compact: !1,
-      babelrc: !1,
-      configFile: !1,
-      sourceMaps: !1,
-      minified: !1,
-      ...options,
-      presets: [isTSX || extension === ".ts" ? ["@babel/preset-typescript", {
-        isTSX,
-        allExtensions: isTSX
-      }] : "", ...(options.presets || [])].filter(Boolean)
-    };
+  const extension = (0, import_node_path.extname)(id);
+  const isTSX = extension === ".tsx";
+  const isTS = isTSX || extension === ".ts";
+  const babelOptions = {
+    filename: id,
+    compact: false,
+    babelrc: false,
+    configFile: false,
+    sourceMaps: false,
+    minified: false,
+    ...options,
+    presets: [isTS ? ["@babel/preset-typescript", {
+      isTSX,
+      allExtensions: isTSX
+    }] : "", ...(options.presets || [])].filter(Boolean)
+  };
   try {
-    return await new Promise((res, rej) => {
+    const out = await new Promise((res, rej) => {
       import_core.default.transform(code, babelOptions, (err, result) => {
-        if (!result || err) return rej(err || "no res");
+        if (!result || err) {
+          return rej(err || "no res");
+        }
         res(result);
       });
     });
+    return out;
   } catch (err) {
-    if (err?.message?.includes("Could not find component config")) return;
-    console.error("[vxrn:compiler] babel transform error", err, "with options", babelOptions), console.error("code", code), console.error("id", id);
+    if (err?.message?.includes("Could not find component config")) {
+      return;
+    }
+    console.error(`[vxrn:compiler] babel transform error`, err, `with options`, babelOptions);
+    console.error("code", code);
+    console.error("id", id);
   }
 }
 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: !0,
-    // NOTE THIS WAS SPELLED WRONG BEFOER THIS COMMIT MAYBE IT WAS UNINTENTIONALLY WORKING
-    regenerator: !1
-  }]],
-  NATIVE_COMPONENT_RE = /NativeComponent\.[jt]sx?$/,
-  SPEC_FILE_RE = /[/\\]specs?[/\\]/,
-  shouldBabelReactNativeCodegen = ({
-    id,
-    environment
-  }) => (environment === "ios" || environment === "android") && (NATIVE_COMPONENT_RE.test(id) || SPEC_FILE_RE.test(id)),
-  shouldBabelReactCompiler = props => {
-    if (props.environment === "ssr" || !import_configure.configuration.enableCompiler) return !1;
-    const {
-      enableCompiler
-    } = import_configure.configuration;
-    if (typeof enableCompiler == "object" && !Array.isArray(enableCompiler) && !(enableCompiler instanceof RegExp)) {
-      const filter = props.environment === "ios" || props.environment === "android" ? enableCompiler.native : enableCompiler.web;
-      return filter ? applyCompilerFilter(filter, props) : !1;
+  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 NATIVE_COMPONENT_RE = /NativeComponent\.[jt]sx?$/;
+const SPEC_FILE_RE = /[/\\]specs?[/\\]/;
+const shouldBabelReactNativeCodegen = ({
+  id,
+  environment
+}) => {
+  return (environment === "ios" || environment === "android") && (NATIVE_COMPONENT_RE.test(id) || SPEC_FILE_RE.test(id));
+};
+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 typeof enableCompiler == "function" ? enableCompiler(props.id, props.environment) : enableCompiler instanceof RegExp ? enableCompiler.test(props.id) : Array.isArray(enableCompiler) && !enableCompiler.includes(props.environment) ? !1 : applyDefaultFilters(props);
-  };
+  }
+  return applyDefaultFilters(props);
+};
 function applyCompilerFilter(filter, props) {
-  return typeof filter == "function" ? filter(props.id, props.environment) : filter instanceof RegExp ? filter.test(props.id) : filter === !0 ? applyDefaultFilters(props) : !1;
+  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) {
-  return !(!/(\.tsx?)$/.test(props.id) || props.id.includes("node_modules") || props.id.includes("+api.") || props.code.startsWith("// disable-compiler"));
+  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 => ["babel-plugin-react-compiler", {
-  target: props.reactForRNVersion === "18" && (props.environment === "ios" || props.environment === "android") ? "18" : "19"
-}];
+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);
+  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"],
-  REANIMATED_REGEX = new RegExp(REANIMATED_AUTOWORKLETIZATION_KEYWORDS.join("|")),
-  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/"],
-  REANIMATED_IGNORED_PATHS_REGEX = new RegExp(REANIMATED_IGNORED_PATHS.map(s => s.replace(/\//g, "/")).join("|"));
+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/"];
+const REANIMATED_IGNORED_PATHS_REGEX = new RegExp(REANIMATED_IGNORED_PATHS.map(s => s.replace(/\//g, "/")).join("|"));
 function shouldBabelReanimated({
   code,
   id
 }) {
-  if (!import_configure.configuration.enableReanimated || REANIMATED_IGNORED_PATHS_REGEX.test(id)) return !1;
+  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";
-    return (0, import_constants.debug)?.(` \u{1FA84} [reanimated/${location}] ${(0, import_node_path.relative)(process.cwd(), id)}`), !0;
+    (0, import_constants.debug)?.(` \u{1FA84} [reanimated/${location}] ${(0, import_node_path.relative)(process.cwd(), id)}`);
+    return true;
   }
-  return !1;
+  return false;
 }