typetui 0.1.0

A terminal-based typing test.
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
126
127

use ratatui::layout::{Alignment, Constraint, Direction, Layout, Rect};
use ratatui::style::Modifier;
use ratatui::text::{Line, Span};
use ratatui::widgets::Paragraph;
use ratatui::Frame;

use crate::content::Mode;
use crate::ui::theme::Theme;

#[derive(Debug, Clone)]
pub struct MenuState {
    pub selected_mode: Mode,
    pub selected_language: String,
    pub selected_duration: u64,
    pub language_options: Vec<String>,
}

impl MenuState {
    pub fn new(mode: Mode, language: String, duration: u64) -> Self {
        let language_options = mode.languages().iter().map(|&s| s.to_string()).collect();
        Self {
            selected_mode: mode,
            selected_language: language,
            selected_duration: duration,
            language_options,
        }
    }
}

pub fn render(f: &mut Frame, state: &MenuState, theme: &Theme, area: Rect) {
    let chunks = Layout::default()
        .direction(Direction::Vertical)
        .margin(2)
        .constraints([
            Constraint::Length(3),
            Constraint::Min(10),
            Constraint::Length(3),
        ])
        .split(area);

    // Title
    let title = Paragraph::new(vec![
        Line::from(Span::styled(" typetui ", theme.style_accent())),
        Line::from(Span::styled(" a beautiful terminal typing test ", theme.style_muted())),
    ])
    .alignment(Alignment::Center);
    f.render_widget(title, chunks[0]);

    // Menu options
    let menu_chunks = Layout::default()
        .direction(Direction::Vertical)
        .constraints([
            Constraint::Length(6),
            Constraint::Length(5),
            Constraint::Min(0),
        ])
        .split(chunks[1]);

    render_settings_summary(f, state, theme, menu_chunks[0]);
    render_start_button(f, theme, menu_chunks[1]);

    // Help text
    let help = Paragraph::new(Line::from(vec![
        Span::styled("enter ", theme.style_accent()),
        Span::styled("start  ", theme.style_muted()),
        Span::styled("ctrl+m ", theme.style_accent()),
        Span::styled("mode  ", theme.style_muted()),
        Span::styled("ctrl+l ", theme.style_accent()),
        Span::styled("lang  ", theme.style_muted()),
        Span::styled("ctrl+d ", theme.style_accent()),
        Span::styled("duration  ", theme.style_muted()),
        Span::styled("ctrl+t ", theme.style_accent()),
        Span::styled("theme  ", theme.style_muted()),
        Span::styled("ctrl+p ", theme.style_accent()),
        Span::styled("profile  ", theme.style_muted()),
        Span::styled("esc ", theme.style_accent()),
        Span::styled("quit", theme.style_muted()),
    ]))
    .alignment(Alignment::Center);
    f.render_widget(help, chunks[2]);
}

fn render_settings_summary(f: &mut Frame, state: &MenuState, theme: &Theme, area: Rect) {
    let text = vec![
        Line::from(vec![
            Span::styled("mode: ", theme.style_muted()),
            Span::styled(
                state.selected_mode.as_str(),
                theme.style(theme.accent).add_modifier(Modifier::BOLD),
            ),
        ]),
        Line::from(vec![
            Span::styled("language: ", theme.style_muted()),
            Span::styled(
                &state.selected_language,
                theme.style(theme.accent).add_modifier(Modifier::BOLD),
            ),
        ]),
        Line::from(vec![
            Span::styled("duration: ", theme.style_muted()),
            Span::styled(
                format!("{}s", state.selected_duration),
                theme.style(theme.accent).add_modifier(Modifier::BOLD),
            ),
        ]),
    ];

    let paragraph = Paragraph::new(text).alignment(Alignment::Center);
    f.render_widget(paragraph, area);
}

fn render_start_button(f: &mut Frame, theme: &Theme, area: Rect) {
    let style = theme
        .style(theme.success)
        .add_modifier(Modifier::BOLD);

    let text = vec![
        Line::from(""),
        Line::from(vec![Span::styled(
            "  press enter to start  ",
            style,
        )]),
    ];

    let paragraph = Paragraph::new(text).alignment(Alignment::Center);
    f.render_widget(paragraph, area);
}