lenn
/
dioxus-mirror
의 미러 https://github.com/DioxusLabs/dioxus.git


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							use std::future::Future;

use dioxus_core::{component::AnyContext, prelude::*};
// use virtual_dom_rs::Closure;

// Stop-gap while developing
// Need to update the macro
type VirtualNode = VNode;

pub fn main() {
    let dom = VirtualDom::new(root);
    let mut renderer = TextRenderer::new(dom);
    let output = renderer.render();
}

fn root(ctx: &mut AnyContext) -> VNode {
    // the regular html syntax

    // html! {
    //     <html>
    //         <Head />
    //         <Body />
    //         <Footer />
    //     </html>
    // }

    // or a manually crated vnode
    {
        let mut node_0 = VNode::element("div");
        {
            if let Some(ref mut element_node) = node_0.as_velement_mut() {
                // element_node.attrs.insert("blah", "blah");
                // element_node.children.extend(node_0.into_iter());
            }
        }

        let mut node_1: IterableNodes = ("Hello world!").into();
        node_1.first().insert_space_before_text();
        let mut node_2 = VNode::element("button");

        let node_3 = VNode::Component(VComponent {});
        {
            // let closure = Closure::wrap(Box::new(|_| {}) as Box<FnMut(_)>);
            // let closure_rc = std::rc::Rc::new(closure);
            // node_2
            //     .as_velement_mut()
            //     .expect("Not an element")
            //     .events
            //     .0
            //     .insert("onclick".to_string(), closure_rc);
        }

        if let Some(ref mut element_node) = node_0.as_velement_mut() {
            element_node.children.extend(node_1.into_iter());
        }
        if let Some(ref mut element_node) = node_0.as_velement_mut() {
            element_node.children.extend(node_2.into_iter());
        }

        node_0
    }
}

fn Head(ctx: &mut AnyContext) -> VNode {
    html! {
        <head>
            {"Head Section"}
        </head>
    }
}

fn Body(ctx: &mut AnyContext) -> VNode {
    html! {
        <body>
            {"Footer Section"}
        </body>
    }
}

fn Footer(ctx: &mut AnyContext) -> VNode {
    html! {
        <div>
            {"Footer Section"}
        </div>
    }
}