valerie 0.1.2

Rust font-end framework for building web apps.
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101

use alloc::boxed::Box;
use alloc::vec::Vec;

use crate::function;
// use crate::state;

// pub type Globals = Option<state::StateTrait>;

struct Route(&'static str, Box<dyn Fn() -> crate::Node>);

/// The `App` struct for creating an App
///
/// *Routing is not currently implemented.*
#[derive(Default)]
pub struct App {
    routes: Vec<Route>,
    start: Option<&'static str>,
}

impl App {
    /// Create a new `App` instance.
    pub fn new() -> Self {
        #[cfg(feature = "debug")]
        console_error_panic_hook::set_once();

        Self {
            routes: Vec::new(),
            start: None,
        }
    }

    /// Push routes inside the `App` struct.
    pub fn push(
        &mut self,
        route: &'static str,
        component: impl Fn() -> crate::Node + 'static,
    ) -> &mut Self {
        if self.routes.iter().any(|x| x.0 == route) {
            panic!("Same routes for two pages");
        }

        self.routes.push(Route(route, Box::new(component)));
        self.start = Some(route);
        self
    }

    /// Specify the starting route.
    pub fn start(&mut self, start: &'static str) -> &mut Self {
        self.start = Some(start);
        self
    }

    /// Render the `App`.
    pub fn render(&mut self) {
        let route = self
            .routes
            .iter()
            .position(|x| x.0 == self.start.unwrap())
            .unwrap();
        if let Some(x) = function::body().first_child() {
            function::body()
                .replace_child(&self.routes[route].1(), &x)
                .unwrap();
        } else {
            function::body()
                .append_child(&self.routes[route].1())
                .unwrap();
        }
    }

    /// Render a single page.
    ///
    /// # Examples
    ///
    /// ```
    /// # use valerie::prelude::*;
    /// # use valerie::prelude::components::*;
    /// # use wasm_bindgen_test::*;
    /// fn ui() -> Node {
    ///     h1!("Hello, World!")
    ///     .into()
    /// }
    /// # wasm_bindgen_test_configure!(run_in_browser);
    /// # #[wasm_bindgen_test]
    /// fn run() {
    ///     App::render_single(ui());
    /// }
    /// ```
    pub fn render_single(function: crate::Node) {
        #[cfg(feature = "debug")]
        console_error_panic_hook::set_once();

        if let Some(x) = function::body().first_child() {
            function::body().replace_child(&function, &x).unwrap();
        } else {
            function::body().append_child(&function).unwrap();
        }

        function.forget();
    }
}