fob-gen 0.2.0

Ergonomic JavaScript code generation using OXC AST builders
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

//! Example: Building a React component with fob-gen
//!
//! This demonstrates generating a complete React component with JSX.

use fob_gen::{Allocator, JsBuilder, JsxBuilder};
use oxc_ast::ast::Statement;

fn main() -> Result<(), Box<dyn std::error::Error>> {
    let allocator = Allocator::default();
    let js = JsBuilder::new(&allocator);
    let jsx = JsxBuilder::new(&allocator);

    // import React from 'react'
    let import_react = js.import_default("React", "react");

    // const Button = ({ label, onClick }) => (
    //   <button onClick={onClick} className="btn">
    //     {label}
    //   </button>
    // )
    let button_jsx = jsx.element(
        "button",
        vec![
            jsx.attr("onClick", Some(jsx.expr_attr(js.ident("onClick")))),
            jsx.attr("className", Some(jsx.string_attr("btn"))),
        ],
        vec![jsx.expr_child(js.ident("label"))],
        false,
    );

    let button_fn = js.arrow_fn_block(
        vec!["props"],
        vec![js.return_stmt(Some(jsx.jsx_expr(button_jsx)))],
    );

    let button_decl = js.const_decl("Button", button_fn);

    // export default Button
    let export_default = js.export_default(js.ident("Button"));

    // Generate complete module
    let code = js.program(vec![
        Statement::from(import_react),
        button_decl,
        Statement::from(export_default),
    ])?;

    println!("{}", code);
    Ok(())
}