use crate::compositor::{Component, Compositor, Context, EventResult}; use crossterm::event::{Event, KeyCode, KeyEvent, KeyModifiers}; use tui::buffer::Buffer as Surface; use tui::{ layout::Rect, style::{Color, Style}, widgets::{Block, Borders}, }; use std::borrow::Cow; use helix_core::Position; use helix_view::Editor; // TODO: share logic with Menu, it's essentially Popup(render_fn), but render fn needs to return // a width/height hint. maybe Popup(Box) pub struct Popup { contents: Box, position: Option, size: (u16, u16), scroll: usize, } impl Popup { // TODO: it's like a slimmed down picker, share code? (picker = menu + prompt with different // rendering) pub fn new(contents: Box) -> Self { Self { contents, position: None, size: (0, 0), scroll: 0, } } pub fn set_position(&mut self, pos: Option) { self.position = pos; } pub fn scroll(&mut self, offset: usize, direction: bool) { if direction { self.scroll += offset; } else { self.scroll = self.scroll.saturating_sub(offset); } } } impl Component for Popup { fn handle_event(&mut self, event: Event, cx: &mut Context) -> EventResult { let key = match event { Event::Key(event) => event, Event::Resize(width, height) => { // TODO: calculate inner area, call component's handle_event with that area return EventResult::Ignored; } _ => return EventResult::Ignored, }; let close_fn = EventResult::Consumed(Some(Box::new( |compositor: &mut Compositor, editor: &mut Editor| { // remove the layer compositor.pop(); }, ))); match key { // esc or ctrl-c aborts the completion and closes the menu KeyEvent { code: KeyCode::Esc, .. } | KeyEvent { code: KeyCode::Char('c'), modifiers: KeyModifiers::CONTROL, } => close_fn, KeyEvent { code: KeyCode::Char('d'), modifiers: KeyModifiers::CONTROL, } => { self.scroll(self.size.1 as usize / 2, true); return EventResult::Consumed(None); } KeyEvent { code: KeyCode::Char('u'), modifiers: KeyModifiers::CONTROL, } => { self.scroll(self.size.1 as usize / 2, false); return EventResult::Consumed(None); } _ => self.contents.handle_event(event, cx), } // for some events, we want to process them but send ignore, specifically all input except // tab/enter/ctrl-k or whatever will confirm the selection/ ctrl-n/ctrl-p for scroll. } fn required_size(&mut self, viewport: (u16, u16)) -> Option<(u16, u16)> { let (width, height) = self .contents .required_size((120, 26)) // max width, max height .expect("Component needs required_size implemented in order to be embedded in a popup"); self.size = (width, height); Some(self.size) } fn render(&self, viewport: Rect, surface: &mut Surface, cx: &mut Context) { use tui::text::Text; use tui::widgets::{Paragraph, Widget, Wrap}; cx.scroll = Some(self.scroll); let position = self .position .or_else(|| cx.editor.cursor_position()) .unwrap_or_default(); let (width, height) = self.size; // -- make sure frame doesn't stick out of bounds let mut rel_x = position.col as u16; let mut rel_y = position.row as u16; if viewport.width <= rel_x + width { rel_x -= ((rel_x + width) - viewport.width) }; // TODO: be able to specify orientation preference. We want above for most popups, below // for menus/autocomplete. if height <= rel_y { rel_y -= height // position above point } else { rel_y += 1 // position below point } let area = Rect::new(rel_x, rel_y, width, height); // clip to viewport let area = viewport.intersection(Rect::new(rel_x, rel_y, width, height)); // clear area let background = cx.editor.theme.get("ui.popup"); for y in area.top()..area.bottom() { for x in area.left()..area.right() { let cell = surface.get_mut(x, y); cell.reset(); // cell.symbol.clear(); cell.set_style(background); } } self.contents.render(area, surface, cx); } }