fix: properly resize search input for long values

Author: tlipinski

src/app.rs

@@ -365,9 +365,13 @@ impl App {
                         .direction(Direction::Vertical)
                         .constraints(vec![
                             Constraint::Length(self.rura_widget.height(inner_area.width) + 2), // command
-                            Constraint::Length(if self.searching { 3 } else { 0 }), // search
-                            Constraint::Fill(1),                                    // output
-                            Constraint::Length(1),                                  // status
+                            Constraint::Length(if self.searching {
+                                self.search_widget.height(inner_area.width) + 2
+                            } else {
+                                0
+                            }), // search
+                            Constraint::Fill(1),   // output
+                            Constraint::Length(1), // status
                         ])
                         .split(area);
 
@@ -377,8 +381,12 @@ impl App {
                     let layout = Layout::default()
                         .direction(Direction::Vertical)
                         .constraints(vec![
-                            Constraint::Fill(1),                                               // output
-                            Constraint::Length(if self.searching { 3 } else { 0 }), // search
+                            Constraint::Fill(1), // output
+                            Constraint::Length(if self.searching {
+                                self.search_widget.height(inner_area.width) + 2
+                            } else {
+                                0
+                            }), // search
                             Constraint::Length(self.rura_widget.height(inner_area.width) + 2), // command
                             Constraint::Length(1), // status
                         ])
@@ -412,8 +420,9 @@ impl App {
         }
 
         if self.searching {
-            let x = self.search_widget.input.visual_cursor() as u16;
-            frame.set_cursor_position((search_input_area.x + 1 + x, search_input_area.y + 1));
+            let inner_rect = search_input_area.inner(margin);
+            let (x, y) = self.search_widget.cursor(inner_rect.width);
+            frame.set_cursor_position((search_input_area.x + 1 + x, search_input_area.y + 1 + y));
         } else {
             let inner_rect = command_input_area.inner(margin);
             let (x, y) = self.rura_widget.cursor(inner_rect.width);

src/rura_widget.rs

@@ -211,7 +211,7 @@ impl RuraWidget {
     }
 }
 
-fn render_line(line: Vec<StyledGrapheme>, area: Rect, buf: &mut Buffer, y: u16) {
+pub fn render_line(line: Vec<StyledGrapheme>, area: Rect, buf: &mut Buffer, y: u16) {
     let mut x = 0;
     for StyledGrapheme { symbol, style } in line {
         let width = symbol.width();

src/search_widget.rs

@@ -1,8 +1,10 @@
 use crossterm::event::KeyCode::Char;
 use crossterm::event::{Event, KeyModifiers};
+use itertools::Itertools;
 use ratatui::buffer::Buffer;
-use ratatui::layout::Rect;
-use ratatui::prelude::Widget;
+use ratatui::layout::{Margin, Rect};
+use ratatui::prelude::{Style, Widget};
+use ratatui::text::Line;
 use ratatui::widgets::{Block, Paragraph};
 use tui_input::Input;
 use tui_input::backend::crossterm::EventHandler;
@@ -21,14 +23,26 @@ impl Widget for &SearchWidget {
     where
         Self: Sized,
     {
-        let par = Paragraph::new(self.input.value()).block(Block::bordered().title(format!(
+        let paragraph = Paragraph::new(self.input.value()).block(Block::bordered().title(format!(
             " Search: {} / {} | {} {} ",
             if self.total == 0 { 0 } else { self.current + 1 },
             self.total,
             if self.regex { "[.*]" } else { ".*" },
             if self.case_sensitive { "[Cc]" } else { "Cc" },
         )));
-        par.render(area, buf);
+
+        paragraph.render(area, buf);
+
+        let inner_area = area.inner(Margin::new(1, 1));
+
+        let line = Line::from(self.input.value());
+        let graphemes = line.styled_graphemes(Style::default()).collect_vec();
+
+        let chunks = graphemes.chunks(inner_area.width as usize);
+
+        for (i, c) in chunks.enumerate() {
+            crate::rura_widget::render_line(c.to_vec(), inner_area, buf, i as u16)
+        }
     }
 }
 
@@ -60,6 +74,15 @@ impl SearchWidget {
         }
     }
 
+    pub fn height(&self, width: u16) -> u16 {
+        (self.input.value().len() as u16 / width) + 1
+    }
+
+    pub fn cursor(&self, width: u16) -> (u16, u16) {
+        let cursor = self.input.visual_cursor() as u16;
+        (cursor % width, cursor / width)
+    }
+
     pub fn update_highlight_info(&mut self, info: (usize, usize)) {
         self.current = info.0;
         self.total = info.1;