oxc_react_compiler 0.135.0

//! # React Compiler Example
//!
//! Runs the Rust port of React Compiler ([facebook/react#36173]) over a file
//! through the oxc frontend (parse + semantic -> convert -> compile -> convert
//! back -> codegen) and prints the memoized output.
//!
//! ## Usage
//!
//! ```bash
//! just example react_compiler MyFile.jsx
//! ```
//!
//! [facebook/react#36173]: https://github.com/facebook/react/pull/36173

use std::path::Path;

use oxc_allocator::Allocator;
use oxc_codegen::Codegen;
use oxc_parser::Parser;
use oxc_semantic::SemanticBuilder;
use oxc_span::SourceType;

use oxc_react_compiler::{default_plugin_options, transform};

/// Compile a React component with the Rust React Compiler and print the result.
fn main() {
    let name = std::env::args().nth(1).unwrap_or_else(|| {
        eprintln!("usage: cargo run -p oxc_react_compiler --example react_compiler -- <FILE>");
        std::process::exit(1);
    });
    let path = Path::new(&name);
    let source_text =
        std::fs::read_to_string(path).unwrap_or_else(|err| panic!("{name} not found.\n{err}"));
    let source_type = SourceType::from_path(path).unwrap_or_else(|_| SourceType::tsx());

    println!("Original ({name}):\n");
    println!("{source_text}");

    let allocator = Allocator::default();
    let program = Parser::new(&allocator, &source_text, source_type).parse().program;
    let semantic = SemanticBuilder::new().build(&program).semantic;

    let result = transform(&program, &semantic, &allocator, default_plugin_options());

    if !result.diagnostics.is_empty() {
        println!("Diagnostics:\n");
        for diagnostic in &result.diagnostics {
            println!("{diagnostic:?}");
        }
        println!();
    }

    match result.program {
        Some(compiled) => {
            let output = Codegen::new().build(&compiled).code;
            println!("Compiled:\n");
            println!("{output}");
        }
        None => {
            println!("No changes: no React component or hook found (or compilation bailed out).");
        }
    }
}