sauron-native 0.1.0

An html library for building client side webapps
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

use sauron_native::{util::*, widget::*, Node};
use sauron_vdom::diff;

fn main() {
    let old: Node<()> = vbox(
        vec![],
        vec![
            hbox(
                vec![attr("class", "column1")],
                vec![
                    button(vec![value("column1 element1")]),
                    button(vec![value("column1 element2")]),
                    button(vec![value("column1 element3")]),
                    button(vec![value("column1 element4")]),
                    button(vec![value("column1 element5")]),
                    button(vec![value("column1 element6")]),
                ],
            ),
            hbox(
                vec![attr("class", "column2")],
                vec![
                    button(vec![value("column2")]),
                    button(vec![value("c2 element2")]),
                ],
            ),
            button(vec![value("Hello")]),
            block("I'm a block kid!"),
            text(
                "Hello, will this be a paragrapah\n
                    The quick brown fox jumps over the lazy\n
                    dog. Lorem ipsun\n
                    The shadows of mordor\n
                     ",
            ),
        ],
    );

    let new: Node<()> = vbox(
        vec![],
        vec![
            hbox(
                vec![attr("class", "column1")],
                vec![
                    button(vec![value("Changed column1 element1")]),
                    button(vec![value("column1 element2")]),
                    button(vec![value("column1 element3")]),
                    button(vec![value("column1 element4")]),
                    button(vec![value("Changed column1 element5")]),
                    button(vec![value("Changed column1 element6")]),
                ],
            ),
            hbox(
                vec![attr("class", "column2-changed")],
                vec![
                    button(vec![value("column2-changed")]),
                    button(vec![value("c2 element2")]),
                ],
            ),
            button(vec![value("Hello")]),
            block("I'm a block kid!"),
            text(
                "Hello, will this be a paragrapah\n
                    The quick brown fox jumps over the lazy\n
                    dog. Lorem ipsun\n
                    The shadows of mordor\n
                     ",
            ),
        ],
    );

    let changed = diff(&old, &new);
    println!("changed: {:#?}", changed);
}