freya-components 0.5.0-rc.1

Components for Freya 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

use freya_core::{
    integration::AppComponent,
    prelude::*,
};

#[cfg(feature = "zoom-shortcuts")]
const ZOOM_STEP: f64 = 0.10;

pub fn integration(app: AppComponent) -> impl IntoElement {
    let platform = use_hook(Platform::get);

    let on_global_key_down = move |e: Event<KeyboardEventData>| match &e.key {
        Key::Named(NamedKey::Tab) if e.modifiers == Modifiers::SHIFT => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Backward(AccessibilityFocusMovement::OutsideGroup),
            ));
        }
        Key::Named(NamedKey::Tab) if e.modifiers.is_empty() => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Forward(AccessibilityFocusMovement::OutsideGroup),
            ));
        }
        Key::Named(NamedKey::ArrowUp) if e.modifiers.is_empty() => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Backward(AccessibilityFocusMovement::InsideGroup),
            ));
        }
        Key::Named(NamedKey::ArrowDown) if e.modifiers.is_empty() => {
            platform.send(UserEvent::FocusAccessibilityNode(
                AccessibilityFocusStrategy::Forward(AccessibilityFocusMovement::InsideGroup),
            ));
        }
        #[cfg(feature = "zoom-shortcuts")]
        Key::Character(c) if e.modifiers.contains(Modifiers::ctrl_or_meta()) => {
            let custom_scale_factor = *platform.custom_scale_factor.peek();
            match c.as_str() {
                "+" | "=" => platform.set_custom_scale_factor(custom_scale_factor + ZOOM_STEP),
                "-" => platform.set_custom_scale_factor(custom_scale_factor - ZOOM_STEP),
                "0" => platform.set_custom_scale_factor(1.0),
                _ => {}
            }
        }
        _ => {}
    };

    rect().on_global_key_down(on_global_key_down).child(app)
}