quadraui 0.6.1

Cross-platform Rust UI toolkit: write one AppLogic and run it unmodified on TUI, GTK4 (Linux), macOS, and Windows backends
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

//! `CommandLine` selection-highlight demo.
//!
//! Exercises [`Backend::draw_command_line_selection`] — the sibling of
//! [`Backend::draw_command_line`] that paints
//! [`quadraui::primitives::command_line::CommandLineLayout::selection_bounds`]'s
//! rect as a highlight. Both backends paint this highlight the same way
//! when a selection range is set on the command text.
//!
//! ## Controls
//!
//! | Input | Action                              |
//! |-------|--------------------------------------|
//! | `s`   | Toggle the `:select-me` selection    |
//! | `q`/Esc | Quit                                |

use quadraui::{AppLogic, Backend, Color, CommandLine, Reaction, Rect, UiEvent, WidgetId};

pub struct CommandLineSelectionDemo {
    text: String,
    /// Byte-offset `(start, end)` of the word this demo highlights when
    /// `selected` is `true` — computed once from `text` so it can't drift
    /// out of range if the text above ever changes.
    word_range: (usize, usize),
    selected: bool,
}

impl CommandLineSelectionDemo {
    pub fn new() -> Self {
        let text = ":select-me".to_string();
        let word_start = text.find("select-me").expect("literal is present");
        let word_range = (word_start, text.len());
        Self {
            text,
            word_range,
            selected: false,
        }
    }
}

impl Default for CommandLineSelectionDemo {
    fn default() -> Self {
        Self::new()
    }
}

impl AppLogic for CommandLineSelectionDemo {
    type AreaId = ();

    fn render(&self, backend: &mut dyn Backend, _area: ()) {
        let viewport = backend.viewport();
        let line_height = backend.line_height();

        backend.draw_solid_fill(
            Rect::new(0.0, 0.0, viewport.width, viewport.height),
            Color::rgb(20, 22, 30),
        );

        let hint_rect = Rect::new(4.0, 4.0, viewport.width - 8.0, line_height);
        let hint = CommandLine {
            id: WidgetId::new("cmdline:hint"),
            text: if self.selected {
                "selection ON  (s: toggle, q: quit)".to_string()
            } else {
                "selection OFF (s: toggle, q: quit)".to_string()
            },
            cursor_offset: None,
            right_align: false,
        };
        backend.draw_command_line(hint_rect, &hint);

        let cmd_rect = Rect::new(
            0.0,
            viewport.height - line_height,
            viewport.width,
            line_height,
        );
        let cmd = CommandLine {
            id: WidgetId::new("cmdline:demo"),
            text: self.text.clone(),
            cursor_offset: None,
            right_align: false,
        };
        let selection = self.selected.then_some(self.word_range);
        backend.draw_command_line_selection(cmd_rect, &cmd, selection);
    }

    fn handle(&mut self, event: UiEvent, _backend: &mut dyn Backend) -> Reaction {
        match event {
            UiEvent::KeyPressed {
                key: quadraui::Key::Char('q'),
                ..
            }
            | UiEvent::KeyPressed {
                key: quadraui::Key::Named(quadraui::NamedKey::Escape),
                ..
            } => Reaction::Exit,
            UiEvent::KeyPressed {
                key: quadraui::Key::Char('s'),
                ..
            } => {
                self.selected = !self.selected;
                Reaction::Redraw
            }
            UiEvent::WindowResized { .. } => Reaction::Redraw,
            _ => Reaction::Continue,
        }
    }
}