clide/src/tui/app.rs

use crate::tui::component::{Action, ClideComponent};
use crate::tui::explorer::Explorer;
use ratatui::buffer::Buffer;
use ratatui::layout::{Alignment, Constraint, Direction, Layout, Rect};
use ratatui::prelude::{Color, Style, Widget};
use ratatui::widgets::{Block, Borders, Padding, Paragraph, Tabs, Wrap};
use ratatui::{DefaultTerminal, symbols};

#[derive(Debug, Clone)]
pub struct App<'a> {
    explorer: Explorer<'a>,
}

impl<'a> App<'a> {
    pub(crate) fn new(root_path: &'a std::path::Path) -> Self {
        Self {
            explorer: Explorer::new(root_path),
        }
    }

    pub fn run(mut self, mut terminal: DefaultTerminal) -> anyhow::Result<()> {
        loop {
            terminal.draw(|f| {
                f.render_widget(&self, f.area());
            })?;

            // TODO: Handle events based on which component is active.
            //   match self.explorer.handle_events() { ... }
            match self.handle_events() {
                Action::Quit => break,
                _ => {}
            }
        }
        Ok(())
    }

    fn draw_status(&self, area: Rect, buf: &mut Buffer) {
        // TODO: Status bar should have drop down menus
        Tabs::new(["File", "Edit", "View", "Help"])
            .style(Style::default())
            .block(Block::default().borders(Borders::ALL))
            .render(area, buf);
    }

    fn draw_tabs(&self, area: Rect, buf: &mut Buffer) {
        // TODO: Tabs should be opened from file explorer
        Tabs::new(["file.md", "file.cpp"])
            .divider(symbols::DOT)
            .block(
                Block::default()
                    .borders(Borders::NONE)
                    .padding(Padding::new(0, 0, 0, 0)),
            )
            .highlight_style(Style::default().fg(Color::LightRed))
            .render(area, buf);
    }

    fn draw_editor(&self, area: Rect, buf: &mut Buffer) {
        // TODO: Title should be detected programming language name
        // TODO: Content should be file contents
        // TODO: Contents should use vim in rendered TTY
        // TODO: Vimrc should be used
        Paragraph::new("This is an example of the TUI interface (press 'q' to quit)")
            .style(Style::default())
            .block(
                Block::default()
                    .title("Rust")
                    .title_style(Style::default().fg(Color::Yellow))
                    .title_alignment(Alignment::Right)
                    .borders(Borders::ALL)
                    .padding(Padding::new(0, 0, 0, 1)),
            )
            .wrap(Wrap { trim: false })
            .render(area, buf);
    }

    fn draw_terminal(&self, area: Rect, buf: &mut Buffer) {
        // TODO: Title should be detected shell name
        // TODO: Contents should be shell output
        Paragraph::new("shaun@pc:~/Code/clide$ ")
            .style(Style::default())
            .block(
                Block::default()
                    .title("Bash")
                    .title_style(Style::default().fg(Color::DarkGray))
                    .borders(Borders::ALL),
            )
            .wrap(Wrap { trim: false })
            .render(area, buf);
    }
}

// TODO: Separate complex components into their own widgets.
impl<'a> Widget for &App<'a> {
    fn render(self, area: Rect, buf: &mut Buffer)
    where
        Self: Sized,
    {
        let vertical = Layout::default()
            .direction(Direction::Vertical)
            .constraints([
                Constraint::Length(3),      // status bar
                Constraint::Percentage(70), // horizontal layout
                Constraint::Percentage(30), // terminal
            ])
            .split(area);

        let horizontal = Layout::default()
            .direction(Direction::Horizontal)
            .constraints([
                Constraint::Max(30), // File explorer with a max width of 30 characters.
                Constraint::Fill(1), // Editor fills the remaining space.
            ])
            .split(vertical[1]);

        let editor_layout = Layout::default()
            .direction(Direction::Vertical)
            .constraints([
                Constraint::Length(1), // Editor tabs.
                Constraint::Fill(1),   // Editor contents.
            ])
            .split(horizontal[1]);

        self.draw_status(vertical[0], buf);
        self.draw_terminal(vertical[2], buf);

        self.explorer.render(horizontal[0], buf);

        self.draw_tabs(editor_layout[0], buf);
        self.draw_editor(editor_layout[1], buf);
    }
}

impl<'a> ClideComponent for App<'a> {}