youtui 0.0.37

A simple TUI YouTube Music player
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

use crate::app::component::actionhandler::{KeyRouter, get_global_keybinds_as_readable_iter};
use crate::app::ui::WindowContext;
use crate::app::view::HasTabs;
use crate::drawutils::{BUTTON_BG_COLOUR, BUTTON_FG_COLOUR};
use crate::keyaction::DisplayableKeyAction;
use ratatui::Frame;
use ratatui::layout::{Constraint, Layout, Rect};
use ratatui::style::Style;
use ratatui::text::{Line, Span};
use ratatui::widgets::{Block, Borders, Paragraph, Wrap};

const TAB_ROWS: u16 = 2;

/// Helper to dynamically resize header based on content.
/// Currently hardcoded as the logic is simple - but in future should be more
/// dynamic, perhaps creating header as a widget.
pub fn header_required_height(w: &super::YoutuiWindow) -> u16 {
    if matches!(w.context, WindowContext::Browser) {
        4
    } else {
        3
    }
}

pub fn draw_header(f: &mut Frame, w: &super::YoutuiWindow, chunk: Rect) {
    let keybinds = get_global_keybinds_as_readable_iter(w.get_active_keybinds(&w.config));

    let help_string = Line::from_iter(keybinds.flat_map(
        |DisplayableKeyAction {
             keybinds,
             description,
             ..
         }| {
            vec![
                Span::styled(
                    keybinds,
                    Style::default().bg(BUTTON_BG_COLOUR).fg(BUTTON_FG_COLOUR),
                ),
                Span::raw(" "),
                Span::raw(description),
                Span::raw(" "),
            ]
        },
    ));
    let commands_block = Block::default().borders(Borders::ALL).title("Commands");
    let commands_widget = Paragraph::new(help_string).wrap(Wrap { trim: true });
    // Only render the tab menu if Browser is selected.
    // Ideally, this would be less hardcoded - ie, YoutuiWindow could implement a
    // trait like OptDelegateHasTabs that allows you to get an Option<&dyn
    // HasTabs> depending on which context pane is selected.
    // However, HasTabs is not currently dyn compatible so I have stuck with this
    // approach for now.
    if !matches!(w.context, WindowContext::Browser) {
        f.render_widget(commands_widget, commands_block.inner(chunk));
        f.render_widget(commands_block, chunk);
        return;
    }
    let title = w.browser.tabs_block_title();
    let items = w.browser.tab_items();
    let selected_item = w.browser.selected_tab_idx();
    let tabs_block = Block::default().borders(Borders::ALL).title(title);
    let tabs_widget = crate::widgets::TabGrid::new_with_max_rows(items, TAB_ROWS)
        .select(selected_item)
        .highlight_style(Style::new().fg(BUTTON_FG_COLOUR).bg(BUTTON_BG_COLOUR));
    let [commands_chunk, tabs_chunk] = Layout::horizontal([
        Constraint::Min(0),
        // Add two to accommodate block
        Constraint::Max(tabs_widget.required_width().try_into().unwrap_or(u16::MAX) + 2),
    ])
    .areas(chunk);
    f.render_widget(commands_widget, commands_block.inner(commands_chunk));
    f.render_widget(commands_block, commands_chunk);
    f.render_widget(tabs_widget, tabs_block.inner(tabs_chunk));
    f.render_widget(tabs_block, tabs_chunk);
}