compile() — react Function Reference

Architecture documentation for the compile() function in index.ts from the react codebase.

Function typescript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ compile() — react Function Reference

Dependency Diagram

graph TD
  b2492fc0_a9d8_00bd_bf97_b0d63be823ba["compile()"]
  b656edc6_fe94_de98_6d14_11431f83e3a2["index.ts"]
  b2492fc0_a9d8_00bd_bf97_b0d63be823ba -->|defined in| b656edc6_fe94_de98_6d14_11431f83e3a2
  style b2492fc0_a9d8_00bd_bf97_b0d63be823ba fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/react-mcp-server/src/compiler/index.ts lines 32–77

export async function compile({
  text,
  file,
  options,
}: CompileOptions): Promise<BabelCore.BabelFileResult> {
  const ast = await parseAsync(text, {
    sourceFileName: file,
    parserOpts: {
      plugins: ['typescript', 'jsx'],
    },
    sourceType: 'module',
  });
  if (ast == null) {
    throw new Error('Could not parse');
  }
  const plugins =
    options != null
      ? [[BabelPluginReactCompiler, options]]
      : [[BabelPluginReactCompiler]];
  const result = await transformFromAstAsync(ast, text, {
    filename: file,
    highlightCode: false,
    retainLines: true,
    plugins,
    sourceType: 'module',
    sourceFileName: file,
  });
  if (result?.code == null) {
    throw new Error(
      `Expected BabelPluginReactCompiler to compile successfully, got ${result}`,
    );
  }
  try {
    result.code = await prettier.format(result.code, {
      semi: false,
      parser: 'babel-ts',
    });
    if (result.code != null) {
      lastResult = result;
    }
  } catch (err) {
    // If prettier failed just log, no need to crash
    console.error(err);
  }
  return result;
}