@vxrn/compiler 1.27.1 → 2.0.0-beta.45.1

package/src/transformBabel.test.ts

@@ -13,7 +13,6 @@ import {
 afterEach(() => {
   configureVXRNCompilerPlugin({ enableReanimated: false })
 })
-
 describe('getBabelOptions Worklets resolution', () => {
   it('uses the app-installed Worklets Babel plugin', () => {
     const projectRoot = fs.realpathSync(
@@ -68,6 +67,27 @@ describe('transformBabel Flow parsing', () => {
     expect(result?.code).not.toContain('HostComponent')
   })
 
+  it('preserves React Native Flow enums as runtime values', async () => {
+    const result = await transformBabel(
+      '/project/VirtualView.js',
+      `
+        // @flow strict-local
+        export enum VirtualViewRenderState {
+          Unknown = 0,
+          Rendered = 1,
+          None = 2,
+        }
+
+        export const rendered = VirtualViewRenderState.Rendered
+      `,
+      { plugins: [] }
+    )
+
+    expect(result?.code).toContain('const VirtualViewRenderState =')
+    expect(result?.code).toContain('Rendered: 1')
+    expect(result?.code).toContain('VirtualViewRenderState.Rendered')
+  })
+
   it('rejects a required transform error instead of returning untransformed source', async () => {
     const negativeControl = () => ({
       visitor: {
@@ -379,9 +399,12 @@ describe('findUserBabelConfig and user Babel config respect', () => {
     try {
       expect(findUserBabelConfig(projectRoot)).toBeNull()
 
-      // Created with @one-generated marker -> ignored
+      // written by `one patch` with the generated marker -> ignored
       const generatedFile = path.join(projectRoot, 'babel.config.js')
-      fs.writeFileSync(generatedFile, '// @one-generated\nmodule.exports = {}')
+      fs.writeFileSync(
+        generatedFile,
+        '// @one/generated bundler-config\nmodule.exports = {}'
+      )
       expect(findUserBabelConfig(projectRoot)).toBeNull()
 
       // Overwritten with user config -> detected
@@ -440,22 +463,42 @@ describe('findUserBabelConfig and user Babel config respect', () => {
     )
     try {
       const code = '/* remove me */ export const x = 1'
+      const res = await transformBabel(path.join(projectRoot, 'src', 'index.ts'), code, {
+        configFile: userConfig,
+        babelrc: true,
+      })
+      expect(res.code).not.toContain('remove me')
+      expect(res.code).toContain('export const x = 1')
+    } finally {
+      fs.rmSync(projectRoot, { recursive: true, force: true })
+    }
+  })
+
+  it('tells user babel config it runs in a bundler that keeps static esm', async () => {
+    const projectRoot = fs.realpathSync(
+      fs.mkdtempSync(path.join(os.tmpdir(), 'vxrn-babel-conf-'))
+    )
+    const userConfig = path.join(projectRoot, 'babel.config.js')
+    // presets such as babel-preset-expo read this caller to decide whether to
+    // rewrite esm to commonjs and import.meta to a metro runtime global
+    fs.writeFileSync(
+      userConfig,
+      `module.exports = (api) => ({
+        comments: !api.caller((c) => c?.name === 'vxrn' && c?.supportsStaticESM === true),
+      })`
+    )
+    try {
       const res = await transformBabel(
         path.join(projectRoot, 'src', 'index.ts'),
-        code,
-        {
-          configFile: userConfig,
-          babelrc: true,
-        }
+        '/* remove me */ export const x = 1',
+        { configFile: userConfig, babelrc: true }
       )
       expect(res.code).not.toContain('remove me')
-      expect(res.code).toContain('export const x = 1')
     } finally {
       fs.rmSync(projectRoot, { recursive: true, force: true })
     }
   })
 })
-
 describe('explicit swc/oxc per-file choice with a user babel config', () => {
   it('returns null for swc/oxc string and object forms', () => {
     const projectRoot = fs.realpathSync(
@@ -504,7 +547,10 @@ describe('explicit swc/oxc per-file choice with a user babel config', () => {
       path.join(projectRoot, 'babel.config.js'),
       'module.exports = { plugins: [] }'
     )
-    configureVXRNCompilerPlugin({ enableCompiler: false, enableReanimated: false })
+    configureVXRNCompilerPlugin({
+      enableCompiler: false,
+      enableReanimated: false,
+    })
     try {
       const plugins = await createVXRNCompilerPlugin({
         transform: () => ({ transform: 'swc' }) as any,
@@ -515,7 +561,10 @@ describe('explicit swc/oxc per-file choice with a user babel config', () => {
       const result = await hook.call({ environment: { name: 'client' } }, code, file)
       expect(result == null).toBe(true)
     } finally {
-      configureVXRNCompilerPlugin({ enableCompiler: false, enableReanimated: false })
+      configureVXRNCompilerPlugin({
+        enableCompiler: false,
+        enableReanimated: false,
+      })
       fs.rmSync(projectRoot, { recursive: true, force: true })
     }
   })
@@ -537,7 +586,10 @@ describe('user babel config end-to-end through the compiler plugin', () => {
       path.join(projectRoot, 'babel.config.json'),
       JSON.stringify({ comments: false })
     )
-    configureVXRNCompilerPlugin({ enableCompiler: false, enableReanimated: false })
+    configureVXRNCompilerPlugin({
+      enableCompiler: false,
+      enableReanimated: false,
+    })
     try {
       const plugins = await createVXRNCompilerPlugin()
       const plugin = plugins.find((p: any) => p.name === 'one:compiler') as any
@@ -550,7 +602,10 @@ describe('user babel config end-to-end through the compiler plugin', () => {
       expect(result.code).toContain('export const x = 1')
       expect(result.code).not.toContain(marker)
     } finally {
-      configureVXRNCompilerPlugin({ enableCompiler: false, enableReanimated: false })
+      configureVXRNCompilerPlugin({
+        enableCompiler: false,
+        enableReanimated: false,
+      })
       fs.rmSync(projectRoot, { recursive: true, force: true })
     }
   })
@@ -567,7 +622,10 @@ describe('user babel config end-to-end through the compiler plugin', () => {
     const code = `/* ${marker} */ export const x = 1`
     fs.writeFileSync(file, code)
     const userConfig = path.join(projectRoot, 'babel.config.json')
-    configureVXRNCompilerPlugin({ enableCompiler: false, enableReanimated: false })
+    configureVXRNCompilerPlugin({
+      enableCompiler: false,
+      enableReanimated: false,
+    })
     try {
       const plugins = await createVXRNCompilerPlugin({
         transform: () => 'babel' as const,
@@ -590,9 +648,11 @@ describe('user babel config end-to-end through the compiler plugin', () => {
       const res3 = await hook.call(context, code, file)
       expect(res3.code).toContain(marker)
     } finally {
-      configureVXRNCompilerPlugin({ enableCompiler: false, enableReanimated: false })
+      configureVXRNCompilerPlugin({
+        enableCompiler: false,
+        enableReanimated: false,
+      })
       fs.rmSync(projectRoot, { recursive: true, force: true })
     }
   })
 })
-

package/src/transformBabel.ts

@@ -24,7 +24,8 @@ const USER_BABEL_CONFIG_FILES = [
   '.babelrc.json',
 ] as const
 
-const ONE_GENERATED_MARKER = '@one-generated'
+// matches ONE_GENERATED_MARKER in one/src/cli/generateBundlerConfig.ts
+const ONE_GENERATED_MARKER = '@one/generated bundler-config'
 
 export function findUserBabelConfig(projectRoot?: string): string | null {
   if (!projectRoot) return null
@@ -54,9 +55,7 @@ export function getBabelOptions(props: Props): babel.TransformOptions | null {
 
   const isProjectFile = !props.id.includes('node_modules')
   const userBabelConfig =
-    isProjectFile && props.projectRoot
-      ? findUserBabelConfig(props.projectRoot)
-      : null
+    isProjectFile && props.projectRoot ? findUserBabelConfig(props.projectRoot) : null
 
   if (props.userSetting === 'babel') {
     return getOptions(props, true, userBabelConfig)
@@ -68,9 +67,7 @@ export function getBabelOptions(props: Props): babel.TransformOptions | null {
     if (props.userSetting?.excludeDefaultPlugins) {
       return {
         ...props.userSetting,
-        ...(userBabelConfig
-          ? { configFile: userBabelConfig, babelrc: true }
-          : {}),
+        ...(userBabelConfig ? { configFile: userBabelConfig, babelrc: true } : {}),
       }
     }
     return getOptions(props, false, userBabelConfig)
@@ -138,9 +135,7 @@ const getOptions = (
   if (plugins.length || userBabelConfig) {
     return {
       plugins,
-      ...(userBabelConfig
-        ? { configFile: userBabelConfig, babelrc: true }
-        : {}),
+      ...(userBabelConfig ? { configFile: userBabelConfig, babelrc: true } : {}),
     }
   }
 
@@ -200,7 +195,10 @@ export async function transformOxcReactCompiler(
     )
   }
 
-  return { code: result.code, map: sourceMap ? (result.map as any) : undefined }
+  return {
+    code: result.code,
+    map: sourceMap ? (result.map as any) : undefined,
+  }
 }
 
 /**
@@ -226,6 +224,13 @@ export async function transformBabel(
     sourceMaps: false,
     minified: false,
     ...options,
+    // vite and rolldown own module syntax and import.meta, so presets written for
+    // metro (babel-preset-expo) must keep esm instead of rewriting it for metro's runtime
+    caller: {
+      name: 'vxrn',
+      supportsStaticESM: true,
+      supportsDynamicImport: true,
+    },
     presets: [
       isTS
         ? [
@@ -249,7 +254,10 @@ export async function transformBabel(
     plugins: [
       ...(isTS
         ? []
-        : [[hermesParserPlugin, { parseLangTypes: 'flow', reactRuntimeTarget: '19' }]]),
+        : [
+            [hermesParserPlugin, { parseLangTypes: 'flow', reactRuntimeTarget: '19' }],
+            'babel-plugin-transform-flow-enums',
+          ]),
       ...(options.plugins || []),
       ...(isTS ? [] : ['@babel/plugin-transform-flow-strip-types']),
     ],
@@ -265,6 +273,14 @@ export async function transformBabel(
   })
 }
 
+export async function stripFlowTypes(id: string, code: string, sourceMaps = true) {
+  const result = await transformBabel(id, code, { sourceMaps })
+  return {
+    code: result.code!,
+    map: result.map,
+  }
+}
+
 const getBasePlugins = ({ development }: Props) =>
   [
     ['@babel/plugin-transform-destructuring'],

package/types/transformBabel.d.ts

@@ -24,5 +24,17 @@ export declare function transformOxcReactCompiler(id: string, code: string, opti
  * Transform input to mostly ES5 compatible code, keep ESM syntax, and transform generators.
  */
 export declare function transformBabel(id: string, code: string, options: babel.TransformOptions): Promise<babel.BabelFileResult>;
+export declare function stripFlowTypes(id: string, code: string, sourceMaps?: boolean): Promise<{
+    code: string;
+    map: {
+        version: number;
+        sources: string[];
+        names: string[];
+        sourceRoot?: string | undefined;
+        sourcesContent?: string[] | undefined;
+        mappings: string;
+        file: string;
+    } | null | undefined;
+}>;
 export {};
 //# sourceMappingURL=transformBabel.d.ts.map

package/types/transformBabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformBabel.d.ts","sourceRoot":"","sources":["../src/transformBabel.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,aAAa,CAAA;AAKzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEtE,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA;AAcD,wBAAgB,mBAAmB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAiBvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,gBAAgB,GAAG,IAAI,CA+C3E;AAuDD;;;;;;;;GAQG;AACH,wBAAsB,yBAAyB,CAC7C,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,EACZ,eAAe,GAAE,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAAQ,EACtF,SAAS,UAAQ;;;GAyClB;AAED;;GAEG;AACH,wBAAsB,cAAc,CAClC,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,KAAK,CAAC,gBAAgB,kCAsDhC"}
+{"version":3,"file":"transformBabel.d.ts","sourceRoot":"","sources":["../src/transformBabel.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,aAAa,CAAA;AAKzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEtE,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA;AAeD,wBAAgB,mBAAmB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAiBvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,gBAAgB,GAAG,IAAI,CA2C3E;AAqDD;;;;;;;;GAQG;AACH,wBAAsB,yBAAyB,CAC7C,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,EACZ,eAAe,GAAE,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAAQ,EACtF,SAAS,UAAQ;;;GA4ClB;AAED;;GAEG;AACH,wBAAsB,cAAc,CAClC,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,KAAK,CAAC,gBAAgB,kCAgEhC;AAED,wBAAsB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,UAAO;;;;;;;;;;;GAM/E"}

package/types/transformSWC.d.ts

@@ -13,8 +13,5 @@ export declare const transformSWCStripJSX: (id: string, code: string) => Promise
     code: string;
     map: any;
 } | undefined>;
-export declare const transformOxcStripJSX: (id: string, code: string) => Promise<{
-    code: string;
-    map: any;
-} | undefined>;
+export declare const transformOxcStripJSX: typeof transformSWCStripJSX;
 //# sourceMappingURL=transformSWC.d.ts.map

package/types/transformSWC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformSWC.d.ts","sourceRoot":"","sources":["../src/transformSWC.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAKD,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAWjE;AAED,wBAAsB,YAAY,CAChC,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GAAG;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,EACpC,UAAU,CAAC,EAAE,GAAG,GACf,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAkI7B;AAED,eAAO,MAAM,YAAY,qBAAe,CAAA;AA+HxC,wBAAgB,eAAe,YAE9B;AAyBD,eAAO,MAAM,oBAAoB,GAAU,IAAI,MAAM,EAAE,MAAM,MAAM;;SAwBxB,GAAG;cAC7C,CAAA;AAED,eAAO,MAAM,oBAAoB,OA3Bc,MAAM,QAAQ,MAAM;;SAwBxB,GAAG;cAGU,CAAA"}
+{"version":3,"file":"transformSWC.d.ts","sourceRoot":"","sources":["../src/transformSWC.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAKD,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAWjE;AAED,wBAAsB,YAAY,CAChC,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GAAG;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,EACpC,UAAU,CAAC,EAAE,GAAG,GACf,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAkI7B;AAED,eAAO,MAAM,YAAY,qBAAe,CAAA;AA+HxC,wBAAgB,eAAe,YAE9B;AAyBD,eAAO,MAAM,oBAAoB,OAAc,MAAM,QAAQ,MAAM;;SAwBxB,GAAG;cAC7C,CAAA;AAED,eAAO,MAAM,oBAAoB,6BAAuB,CAAA"}