kagura 0.13.2

Frontend frame-work for wasm on Rust.
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

use crate::html::component::assembled_component::AssembledComponentInstance;
use crate::html::component::Sub;
use crate::Html;
use std::cell::RefCell;
use std::rc::Rc;

mod document;
pub mod node;
mod renderer;
mod terminator;

use document::Document;
pub use node::Node;
use renderer::Renderer;
pub use terminator::Terminator;

/// The state of framework
pub struct Kagura {
    instance: Rc<RefCell<AssembledComponentInstance<Document, Terminator>>>,
    children: Box<dyn FnMut() -> Vec<Html<Terminator>>>,
    r_root: web_sys::Node,
    renderer: Renderer,
}

impl Kagura {
    /// Mounts to root_node
    ///
    /// - `root_node` - node to mount
    /// - `children` - Htmls to render
    ///
    /// # Example
    ///
    /// ```rust
    /// pub fn main() {
    ///     let node = web_sys::window()
    ///         .unwrap()
    ///         .document()
    ///         .unwrap()
    ///         .get_element_by_id("app")
    ///         .unwrap();
    ///     Kagura::mount(node.into(), || {
    ///         vec![Html::h1(
    ///             Attributes::new(),
    ///             Events::new(),
    ///             vec![Html::text("Hello Kagura")],
    ///         )]
    ///     });
    /// }
    /// ```
    pub fn mount(
        root_node: web_sys::Node,
        children: impl FnMut() -> Vec<Html<Terminator>> + 'static,
    ) {
        let document = Document::new();
        let instance = AssembledComponentInstance::new_ref(
            Rc::new(RefCell::new(document)),
            document::Props {},
            Sub::none(),
        );
        let this = Self {
            instance,
            children: Box::new(children),
            r_root: root_node,
            renderer: Renderer::new(),
        };
        crate::state::mount(this, Self::render);
    }

    fn render(&mut self) {
        let children = (self.children)();
        let afters = self.instance.borrow_mut().render(children);

        self.renderer.render(afters, &self.r_root);
    }
}