euv-example 0.27.1

An example application demonstrating the euv UI framework with reactive signals, custom components, and WebAssembly.
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

use super::*;

/// Resolves the current route to the corresponding page virtual DOM tree.
///
/// Matches the route string against all registered page paths and returns
/// the appropriate page component. Falls back to a 404 page for unknown routes.
///
/// # Arguments
///
/// - `PageRouterProps` - The typed props containing the route signal.
///
/// # Returns
///
/// - `VirtualNode` - The virtual DOM tree of the matched page.
#[component]
pub(crate) fn page_router(node: VirtualNode<PageRouterProps>) -> VirtualNode {
    let PageRouterProps { route_signal }: PageRouterProps =
        node.try_get_props().unwrap_or_default();
    html! {
        div {
            class: c_page_router()
            match { route_signal.get().as_str() } {
                "/" | "/about" => {
                    page_about {}
                }
                "/animation" => {
                    page_animation {}
                }
                "/custom-attrs" => {
                    page_custom_attrs {}
                }
                "/badge" => {
                    page_badge {}
                }
                "/component-binding" => {
                    page_component_binding {}
                }
                "/browser" => {
                    page_browser {}
                }
                "/camera" => {
                    page_camera {}
                }
                "/canvas" => {
                    page_canvas {}
                }
                "/conditional" => {
                    page_conditional {}
                }
                "/counter" => {
                    page_counter {}
                }
                "/dynamic-component" => {
                    page_dynamic_component {}
                }
                "/event" => {
                    page_event {}
                }
                "/form" => {
                    page_form {}
                }
                "/hooks-timing" => {
                    page_hooks_timing {}
                }
                "/hooks-async" => {
                    page_hooks_async {}
                }
                "/hooks-protect" => {
                    page_hooks_protect {}
                }
                "/hooks-i18n" => {
                    page_hooks_i18n {}
                }
                "/game-2d" => {
                    page_game_2d {}
                }
                "/game-3d" => {
                    page_game_3d {}
                }
                "/keep-alive" => {
                    page_keep_alive {}
                }
                "/lifecycle" => {
                    page_lifecycle {}
                }
                "/lighting" => {
                    page_lighting {}
                }
                "/list" => {
                    page_list {}
                }
                "/modal" => {
                    page_modal {}
                }
                "/observer" => {
                    page_observer {}
                }
                "/raytrace" => {
                    page_raytrace {}
                }
                "/sse" => {
                    page_sse {}
                }
                "/select" => {
                    page_select {}
                }
                "/timer" => {
                    page_timer {}
                }
                "/file-upload" => {
                    page_file_upload {}
                }
                "/virtual-list" => {
                    page_virtual_list {}
                }
                "/websocket" => {
                    page_websocket {}
                }
                _ => {
                    page_not_found {}
                }
            }
        }
    }
}