euv-example 0.3.4

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

use crate::*;

/// Creates a click event handler that toggles a boolean signal.
///
/// Produces a `NativeEventHandler` that flips the value of the given
/// boolean signal on each click. Useful for toggle buttons, visibility
/// switches, and drawer open/close patterns.
///
/// # Arguments
///
/// - `Signal<bool>`: The boolean signal to toggle.
///
/// # Returns
///
/// - `NativeEventHandler`: A click event handler that toggles the signal.
pub fn use_toggle(signal: Signal<bool>) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Click, move |_event: NativeEvent| {
        let current: bool = signal.get();
        signal.set(!current);
    })
}

/// Creates an input event handler that updates a string signal.
///
/// # Arguments
///
/// - `Signal<String>`: The signal to update with the input value.
///
/// # Returns
///
/// - `NativeEventHandler`: An input handler.
pub fn on_input_value(signal: Signal<String>) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Input, move |event: NativeEvent| {
        if let NativeEvent::Input(input_event) = event {
            signal.set(input_event.get_value().clone());
        }
    })
}

/// Creates a change event handler that updates a string signal.
///
/// # Arguments
///
/// - `Signal<String>`: The signal to update with the change value.
///
/// # Returns
///
/// - `NativeEventHandler`: A change handler.
pub fn on_change_value(signal: Signal<String>) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Change, move |event: NativeEvent| {
        if let NativeEvent::Change(change_event) = event {
            signal.set(change_event.get_value().clone());
        }
    })
}

/// Creates a change event handler that updates a boolean signal from checkbox.
///
/// # Arguments
///
/// - `Signal<bool>`: The signal to update with the checked state.
///
/// # Returns
///
/// - `NativeEventHandler`: A change handler.
pub fn on_change_checked(signal: Signal<bool>) -> NativeEventHandler {
    NativeEventHandler::new(NativeEventName::Change, move |event: NativeEvent| {
        if let NativeEvent::Change(change_event) = event {
            signal.set(*change_event.get_checked());
        }
    })
}