@vxrn/compiler 1.25.4 → 1.25.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vxrn/compiler",
-  "version": "1.25.4",
+  "version": "1.25.5",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",
@@ -36,8 +36,8 @@
     "@babel/plugin-transform-react-jsx": "^7.27.1",
     "@babel/plugin-transform-regenerator": "^7.28.4",
     "@react-native/babel-plugin-codegen": "^0.86.2",
-    "@vxrn/utils": "1.25.4",
-    "@vxrn/vite-native-client": "1.25.4",
+    "@vxrn/utils": "1.25.5",
+    "@vxrn/vite-native-client": "1.25.5",
     "babel-plugin-react-compiler": "^1.0.0",
     "babel-plugin-syntax-hermes-parser": "^0.32.0",
     "oxc-transform-react": "^0.145.0",

package/src/index.ts

@@ -112,6 +112,7 @@ function logCompiled(cached: boolean, ms: number) {
 async function performBabelTransform({
   id,
   code,
+  projectRoot,
   environment,
   production,
   reactForRNVersion,
@@ -119,6 +120,7 @@ async function performBabelTransform({
 }: {
   id: string
   code: string
+  projectRoot: string
   environment: Environment
   production: boolean
   reactForRNVersion: '18' | '19'
@@ -134,6 +136,7 @@ async function performBabelTransform({
   const transformProps: GetTransformProps = {
     id,
     code,
+    projectRoot,
     development: !production,
     environment,
     reactForRNVersion,
@@ -392,6 +395,7 @@ ${rootJS.code}
                       const result = await performBabelTransform({
                         id,
                         code,
+                        projectRoot: config.root,
                         environment,
                         production,
                         reactForRNVersion,
@@ -504,6 +508,7 @@ ${rootJS.code}
         return performBabelTransform({
           id,
           code: codeIn,
+          projectRoot: config.root,
           environment,
           production,
           reactForRNVersion,

package/src/transformBabel.test.ts

@@ -1,5 +1,47 @@
-import { describe, expect, it } from 'vitest'
-import { transformBabel } from './transformBabel'
+import fs from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import { afterEach, describe, expect, it } from 'vitest'
+import { configureVXRNCompilerPlugin } from './configure'
+import { getBabelOptions, transformBabel } from './transformBabel'
+
+afterEach(() => {
+  configureVXRNCompilerPlugin({ enableReanimated: false })
+})
+
+describe('getBabelOptions Worklets resolution', () => {
+  it('uses the app-installed Worklets Babel plugin', () => {
+    const projectRoot = fs.realpathSync(
+      fs.mkdtempSync(path.join(os.tmpdir(), 'vxrn-worklets-'))
+    )
+    const packageRoot = path.join(projectRoot, 'node_modules', 'react-native-worklets')
+    const pluginPath = path.join(packageRoot, 'plugin.js')
+    fs.mkdirSync(packageRoot, { recursive: true })
+    fs.writeFileSync(
+      path.join(packageRoot, 'package.json'),
+      JSON.stringify({ name: 'react-native-worklets', version: '99.0.0' })
+    )
+    fs.writeFileSync(pluginPath, 'module.exports = () => ({ visitor: {} })')
+
+    try {
+      configureVXRNCompilerPlugin({ enableReanimated: true })
+      const options = getBabelOptions({
+        id: path.join(projectRoot, 'input.ts'),
+        code: `export const worklet = () => {
+          'worklet'
+        }`,
+        development: true,
+        environment: 'ios',
+        reactForRNVersion: '19',
+        projectRoot,
+      })
+
+      expect(options?.plugins).toContain(pluginPath)
+    } finally {
+      fs.rmSync(projectRoot, { recursive: true, force: true })
+    }
+  })
+})
 
 describe('transformBabel Flow parsing', () => {
   it('parses and strips React Native Flow as-casts', async () => {

package/src/transformBabel.ts

@@ -55,13 +55,8 @@ const getOptions = (props: Props, force = false): babel.TransformOptions | null
   }
 
   if (enableNativewind || shouldBabelReanimated(props)) {
-    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'
-    )
+    debug?.(`Using babel worklets on file ${props.id}`)
+    plugins.push(resolvePath('react-native-worklets/plugin', props.projectRoot))
   }
 
   if (shouldBabelReactCompiler(props)) {

package/src/types.ts

@@ -15,6 +15,7 @@ export type Options = {
 export type GetTransformProps = {
   id: string
   code: string
+  projectRoot?: string
   development: boolean
   environment: Environment
   reactForRNVersion: '18' | '19'

package/types/types.d.ts

@@ -12,6 +12,7 @@ export type Options = {
 export type GetTransformProps = {
     id: string;
     code: string;
+    projectRoot?: string;
     development: boolean;
     environment: Environment;
     reactForRNVersion: '18' | '19';

package/dist/cjs/cache.cjs

@@ -1,132 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var cache_exports = {};
-__export(cache_exports, {
-  getCacheStats: () => getCacheStats,
-  getCachedTransform: () => getCachedTransform,
-  logCacheStats: () => logCacheStats,
-  setCachedTransform: () => setCachedTransform
-});
-module.exports = __toCommonJS(cache_exports);
-var import_node_crypto = require("node:crypto");
-var import_node_fs = require("node:fs");
-var import_node_path = require("node:path");
-var import_configure = require("./configure.cjs");
-const stats = {
-  hits: 0,
-  misses: 0,
-  writes: 0
-};
-function getCacheDir() {
-  const cacheDir = (0, import_node_path.join)(process.cwd(), "node_modules", ".vxrn", "compiler-cache");
-  if (!(0, import_node_fs.existsSync)(cacheDir)) {
-    (0, import_node_fs.mkdirSync)(cacheDir, {
-      recursive: true
-    });
-  }
-  return cacheDir;
-}
-function getConfigFingerprint() {
-  return (0, import_node_crypto.createHash)("sha1").update(JSON.stringify({
-    compiler: import_configure.configuration.enableCompiler,
-    reanimated: import_configure.configuration.enableReanimated,
-    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"
-  })).digest("hex").slice(0, 8);
-}
-function getCacheKey(filePath, environment) {
-  const hash = (0, import_node_crypto.createHash)("sha1").update(`${environment}:${filePath}:${getConfigFingerprint()}`).digest("hex");
-  return hash;
-}
-function getContentHash(code) {
-  return (0, import_node_crypto.createHash)("sha1").update(code).digest("hex").slice(0, 16);
-}
-function getCachedTransform(filePath, code, environment) {
-  try {
-    const cleanPath = filePath.startsWith("\0") ? filePath.slice(1) : filePath;
-    const cacheDir = getCacheDir();
-    const cacheKey = getCacheKey(cleanPath, environment);
-    const cachePath = (0, import_node_path.join)(cacheDir, `${cacheKey}.json`);
-    if (!(0, import_node_fs.existsSync)(cachePath)) {
-      stats.misses++;
-      return null;
-    }
-    const cached = JSON.parse((0, import_node_fs.readFileSync)(cachePath, "utf-8"));
-    const currentMtime = (0, import_node_fs.statSync)(cleanPath).mtimeMs;
-    if (cached.mtime !== currentMtime) {
-      stats.misses++;
-      return null;
-    }
-    const currentHash = getContentHash(code);
-    if (cached.hash !== currentHash) {
-      stats.misses++;
-      return null;
-    }
-    stats.hits++;
-    return {
-      code: cached.code,
-      map: cached.map
-    };
-  } catch (err) {
-    stats.misses++;
-    return null;
-  }
-}
-function setCachedTransform(filePath, code, result, environment) {
-  try {
-    const cleanPath = filePath.startsWith("\0") ? filePath.slice(1) : filePath;
-    const cacheDir = getCacheDir();
-    const cacheKey = getCacheKey(cleanPath, environment);
-    const cachePath = (0, import_node_path.join)(cacheDir, `${cacheKey}.json`);
-    const mtime = (0, import_node_fs.statSync)(cleanPath).mtimeMs;
-    const hash = getContentHash(code);
-    const entry = {
-      mtime,
-      hash,
-      code: result.code,
-      map: result.map
-    };
-    (0, import_node_fs.writeFileSync)(cachePath, JSON.stringify(entry), "utf-8");
-    stats.writes++;
-  } catch (err) {
-    console.warn(`[cache] Failed to write cache for ${filePath}:`, err);
-  }
-}
-function getCacheStats() {
-  return {
-    ...stats
-  };
-}
-function logCacheStats() {
-  if (!process.env.DEBUG_COMPILER_PERF) {
-    return;
-  }
-  const total = stats.hits + stats.misses;
-  if (total === 0) return;
-  const hitRate = (stats.hits / total * 100).toFixed(1);
-  console.info(`
-\u{1F4BE} [Cache Stats] ${stats.hits} hits / ${stats.misses} misses (${hitRate}% hit rate), ${stats.writes} writes`);
-}

package/dist/cjs/configure.cjs

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var configure_exports = {};
-__export(configure_exports, {
-  configuration: () => configuration,
-  configureVXRNCompilerPlugin: () => configureVXRNCompilerPlugin
-});
-module.exports = __toCommonJS(configure_exports);
-const configuration = {
-  enableNativewind: false,
-  enableReanimated: false,
-  enableCompiler: false,
-  enableNativeCSS: false
-};
-function configureVXRNCompilerPlugin(_) {
-  Object.assign(configuration, _);
-}

package/dist/cjs/constants.cjs

@@ -1,77 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var constants_exports = {};
-__export(constants_exports, {
-  asyncGeneratorRegex: () => asyncGeneratorRegex,
-  debug: () => debug,
-  parsers: () => parsers,
-  runtimePublicPath: () => runtimePublicPath,
-  validParsers: () => validParsers
-});
-module.exports = __toCommonJS(constants_exports);
-var import_utils = require("@vxrn/utils");
-const {
-  debug
-} = (0, import_utils.createDebugger)("vxrn:compiler-plugin");
-const runtimePublicPath = "/@react-refresh";
-const asyncGeneratorRegex = /(async \*|async function\*|for await)/;
-const parsers = {
-  ".tsx": {
-    syntax: "typescript",
-    tsx: true,
-    decorators: true
-  },
-  ".ts": {
-    syntax: "typescript",
-    tsx: false,
-    decorators: true
-  },
-  ".jsx": {
-    syntax: "ecmascript",
-    jsx: true,
-    importAttributes: true,
-    explicitResourceManagement: true
-  },
-  ".js": {
-    syntax: "ecmascript",
-    importAttributes: true,
-    explicitResourceManagement: true
-  },
-  ".mjs": {
-    syntax: "ecmascript",
-    importAttributes: true,
-    explicitResourceManagement: true
-  },
-  ".cjs": {
-    syntax: "ecmascript",
-    importAttributes: true,
-    explicitResourceManagement: true
-  },
-  ".mdx": {
-    syntax: "ecmascript",
-    jsx: true,
-    importAttributes: true,
-    explicitResourceManagement: true
-  }
-};
-const validParsers = /* @__PURE__ */new Set([...Object.keys(parsers), ".css"]);