mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-12-22 10:33:07 +00:00
86 lines
2.1 KiB
Rust
86 lines
2.1 KiB
Rust
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>
|
|
}
|
|
}
|