@vxrn/compiler 1.25.16 → 1.26.0

package/dist/cjs/cache.cjs

@@ -35,7 +35,8 @@ var import_configure = require("./configure.cjs");
 const stats = {
   hits: 0,
   misses: 0,
-  writes: 0
+  writes: 0,
+  errors: 0
 };
 function getCacheDir() {
   const cacheDir = (0, import_node_path.join)(process.cwd(), "node_modules", ".vxrn", "compiler-cache");
@@ -50,11 +51,12 @@ function getConfigFingerprint() {
   return (0, import_node_crypto.createHash)("sha1").update(JSON.stringify({
     compiler: import_configure.configuration.enableCompiler,
     reanimated: import_configure.configuration.enableReanimated,
+    nativeWorklets: (0, import_configure.isNativeWorkletsEnabled)(),
     nativewind: import_configure.configuration.enableNativewind,
     nativeCSS: import_configure.configuration.enableNativeCSS,
     // bump when the transform engine changes, so entries written by a
     // previous engine aren't served for the same source
-    engine: "oxc-react-compiler"
+    engine: "oxc-worklets-hermes-async"
   })).digest("hex").slice(0, 8);
 }
 function getCacheKey(filePath, environment) {

package/dist/cjs/configure.cjs

@@ -23,15 +23,23 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var configure_exports = {};
 __export(configure_exports, {
   configuration: () => configuration,
-  configureVXRNCompilerPlugin: () => configureVXRNCompilerPlugin
+  configureVXRNCompilerPlugin: () => configureVXRNCompilerPlugin,
+  isNativeWorkletsEnabled: () => isNativeWorkletsEnabled
 });
 module.exports = __toCommonJS(configure_exports);
 const configuration = {
   enableNativewind: false,
   enableReanimated: false,
+  enableNativeWorklets: true,
   enableCompiler: false,
   enableNativeCSS: false
 };
+function isNativeWorkletsEnabled() {
+  if (process.env.VXRN_NATIVE_WORKLETS === "false" || process.env.VXRN_NATIVE_WORKLETS === "0") {
+    return false;
+  }
+  return configuration.enableNativeWorklets !== false;
+}
 function configureVXRNCompilerPlugin(_) {
   Object.assign(configuration, _);
 }

package/dist/cjs/index.cjs

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 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, {
@@ -18,12 +20,23 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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
+}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
 var index_exports = {};
 __export(index_exports, {
-  createVXRNCompilerPlugin: () => createVXRNCompilerPlugin
+  JS_GLOBALS: () => import_globals.JS_GLOBALS,
+  createVXRNCompilerPlugin: () => createVXRNCompilerPlugin,
+  getClosureVariables: () => import_scope.getClosureVariables
 });
 module.exports = __toCommonJS(index_exports);
 var import_node_fs = require("node:fs");
@@ -35,10 +48,18 @@ var import_css_to_rn = require("react-native-css-interop/css-to-rn/index.js");
 var import_configure = require("./configure.cjs");
 var import_constants = require("./constants.cjs");
 var import_transformBabel = require("./transformBabel.cjs");
+var import_transformSWC = require("./transformSWC.cjs");
+var import_transformWorklets = require("./transformWorklets.cjs");
 var import_cache = require("./cache.cjs");
 __reExport(index_exports, require("./configure.cjs"), module.exports);
 __reExport(index_exports, require("./transformBabel.cjs"), module.exports);
 __reExport(index_exports, require("./transformSWC.cjs"), module.exports);
+__reExport(index_exports, require("./transformWorklets.cjs"), module.exports);
+__reExport(index_exports, require("./reactNativeCodegen.cjs"), module.exports);
+__reExport(index_exports, require("./transformHermesLoops.cjs"), module.exports);
+__reExport(index_exports, require("./transformHermesAsync.cjs"), module.exports);
+var import_globals = require("./worklets/globals.cjs");
+var import_scope = require("./worklets/scope.cjs");
 const import_meta = {};
 const perfStats = {
   babel: {
@@ -125,7 +146,7 @@ async function performBabelTransform({
   if (userTransform === false) {
     return null;
   }
-  if (userTransform !== "swc") {
+  if (userTransform !== "swc" && userTransform !== "oxc") {
     const babelOptions = (0, import_transformBabel.getBabelOptions)({
       ...transformProps,
       userSetting: userTransform
@@ -142,10 +163,71 @@ async function performBabelTransform({
         (0, import_constants.debug)?.(`[babel/cached] ${id}`);
         return cached;
       }
-      const compilerOnly = hasCompilerPlugin && babelOptions.plugins?.length === 1;
-      const compilerTarget = compilerOnly ? babelOptions.plugins[0][1]?.target ?? "19" : "19";
+      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 = (0, import_configure.isNativeWorkletsEnabled)() && (Boolean(workletEntry) || (0, import_transformWorklets.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) {
+        if (useWorklets) {
+          workletPreparation = (0, import_transformWorklets.prepareWorkletsForReactCompiler)(id, curCode, (0, import_transformSWC.shouldSourceMap)());
+          if (workletPreparation) curCode = workletPreparation.code;
+        }
+        const compilerTarget = babelOptions.plugins[compilerPluginIndex][1]?.target ?? "19";
+        compilerOut = await (0, import_transformBabel.transformOxcReactCompiler)(id, curCode, compilerTarget, (0, import_transformSWC.shouldSourceMap)());
+        if (compilerOut) curCode = compilerOut.code;
+        babelOptions.plugins.splice(compilerPluginIndex, 1);
+      }
+      let workletsOut = null;
+      if (useWorklets) {
+        workletsOut = await (0, import_transformWorklets.transformWorklets)(id, curCode, (0, import_transformSWC.shouldSourceMap)(), {
+          projectRoot,
+          ...workletPluginOptions
+        });
+        babelOptions.plugins = babelOptions.plugins?.filter(entry => !isWorkletPlugin(entry));
+        curCode = workletsOut.code;
+      }
       const startTime = Date.now();
-      const babelOut = compilerOnly ? await (0, import_transformBabel.transformOxcReactCompiler)(id, code, compilerTarget) : await (0, import_transformBabel.transformBabel)(id, code, babelOptions);
+      let babelOut = null;
+      if (babelOptions.plugins?.length === 0) {
+        let finalMap = void 0;
+        if ((0, import_transformSWC.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 = (0, import_transformSWC.shouldSourceMap)() && (workletsOut?.map || compilerOut?.map || workletPreparation?.map) ? {
+          ...babelOptions,
+          sourceMaps: true
+        } : babelOptions;
+        babelOut = await (0, import_transformBabel.transformBabel)(id, curCode, babelOptsWithMap);
+        if ((0, import_transformSWC.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++;

package/dist/cjs/reactNativeCodegen.cjs

@@ -0,0 +1,140 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+  });
+};
+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;
+};
+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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var reactNativeCodegen_exports = {};
+__export(reactNativeCodegen_exports, {
+  transformReactNativeCodegen: () => transformReactNativeCodegen
+});
+module.exports = __toCommonJS(reactNativeCodegen_exports);
+var import_magic_string = __toESM(require("magic-string"), 1);
+var import_reactNativeViewConfig = require("./reactNativeViewConfig.cjs");
+function normalizePath(id) {
+  return id.replace(/\\/g, "/");
+}
+const CODEGEN_FILE_RE = /(?:NativeComponent\.[cm]?[jt]sx?$|[/\\]specs?[/\\])/;
+const CODEGEN_CALL_RE = /codegenNativeComponent\s*[<(]/;
+const startOf = node => node.start ?? node.range[0];
+const endOf = node => node.end ?? node.range[1];
+function unwrapExpression(node) {
+  while (node) {
+    if (node.type === "TSAsExpression" || node.type === "TSSatisfiesExpression" || node.type === "TSTypeAssertion" || node.type === "TypeCastExpression" || node.type === "AsExpression" || node.type === "ParenthesizedExpression") {
+      node = node.expression;
+    } else if (node.type === "SequenceExpression" && Array.isArray(node.expressions) && node.expressions.length > 0) {
+      node = node.expressions[node.expressions.length - 1];
+    } else {
+      break;
+    }
+  }
+  return node;
+}
+function isCodegenDeclaration(declaration) {
+  if (!declaration) return false;
+  if (declaration.left && declaration.left.left && declaration.left.left.name === "codegenNativeComponent") {
+    return true;
+  }
+  const unwrapped = unwrapExpression(declaration);
+  return unwrapped?.type === "CallExpression" && unwrapped.callee?.type === "Identifier" && unwrapped.callee.name === "codegenNativeComponent";
+}
+function isCodegenNativeCommandsDeclaration(declaration) {
+  if (!declaration) return false;
+  const unwrapped = unwrapExpression(declaration);
+  return unwrapped?.type === "CallExpression" && unwrapped.callee?.type === "Identifier" && unwrapped.callee.name === "codegenNativeCommands";
+}
+function transformReactNativeCodegen(code, id, projectRoot) {
+  const cleanId = normalizePath(id.split("?")[0]);
+  if (!CODEGEN_FILE_RE.test(cleanId)) {
+    return;
+  }
+  if (!CODEGEN_CALL_RE.test(code)) {
+    return;
+  }
+  const program = (0, import_reactNativeViewConfig.parseSpec)(code, cleanId, projectRoot);
+  const body = program?.body;
+  if (!body) {
+    return;
+  }
+  let defaultExport = null;
+  let commandsExport = null;
+  for (const node of body) {
+    if (node.type === "ExportDefaultDeclaration") {
+      if (isCodegenDeclaration(node.declaration)) {
+        defaultExport = node;
+      }
+    } else if (node.type === "ExportNamedDeclaration") {
+      if (node.declaration && node.declaration.declarations) {
+        const firstDeclaration = node.declaration.declarations[0];
+        if (firstDeclaration?.type === "VariableDeclarator") {
+          const isValidCommandsExport = isCodegenNativeCommandsDeclaration(firstDeclaration.init);
+          if (isValidCommandsExport) {
+            if (firstDeclaration.id?.type === "Identifier" && firstDeclaration.id.name !== "Commands") {
+              throw new Error("Native commands must be exported with the name 'Commands'");
+            }
+            commandsExport = node;
+          } else {
+            if (firstDeclaration.id?.type === "Identifier" && firstDeclaration.id.name === "Commands") {
+              throw new Error("'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.");
+            }
+          }
+        }
+      } else if (node.specifiers && node.specifiers.length > 0) {
+        for (const specifier of node.specifiers) {
+          if (specifier.type === "ExportSpecifier" && (specifier.local?.type === "Identifier" && specifier.local.name === "Commands" || specifier.exported?.type === "Identifier" && specifier.exported.name === "Commands")) {
+            throw new Error("'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.");
+          }
+        }
+      }
+    }
+  }
+  if (!defaultExport) {
+    return;
+  }
+  const generated = (0, import_reactNativeViewConfig.generateViewConfig)(program);
+  if (!generated) {
+    return;
+  }
+  const s = new import_magic_string.default(code);
+  if (commandsExport) {
+    let removeEnd = endOf(commandsExport);
+    if (code[removeEnd] === "\r") removeEnd++;
+    if (code[removeEnd] === "\n") removeEnd++;
+    s.remove(startOf(commandsExport), removeEnd);
+  }
+  s.overwrite(startOf(defaultExport), endOf(defaultExport), (0, import_reactNativeViewConfig.renderViewConfigModule)(generated));
+  return {
+    code: s.toString(),
+    map: s.generateMap({
+      hires: true,
+      source: cleanId
+    })
+  };
+}