a macro that converts a declarative template syntax into dom api calls in rust

main.rs
macro_rules! create_dom {
    // Match any HTML tag without children
    (<$tag:ident />) => {{
        let element = document.create_element(stringify!($tag)).unwrap();
        element
    }};

    // Match any HTML tag with children
    (<$tag:ident>$inner:tt</$end_tag:ident>) => {{
        let element = document.create_element(stringify!($tag)).unwrap();
        let inner = create_dom!($inner);
        element.append_child(&inner);

        element
    }};

    // Match any text to be added to DOM
    ($text:expr) => {{
        let text = document.create_text_node($text);
        text
    }};

    // Match a block of HTML to be converted to DOM
    (<div>
        <h1>Hello, world!</h1>
        <p>This is my first declarative template in Rust.</p>
     </div>) => {{
        let div = create_dom!(<div>);
        let h1 = create_dom!(<h1>Hello, world!</h1>);
        let p = create_dom!(<p>This is my first declarative template in Rust.</p>);
        div.append_child(&h1);
        div.append_child(&p);

        div
    }};

    // Add other HTML tags as needed
}
1077 chars
39 lines

main.rs
let dom = create_dom!(
    <div>
        <h1>My Website</h1>
        <p>Welcome to my website!</p>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
        </ul>
    </div>
);

document.body().unwrap().append_child(&dom);
270 chars
14 lines