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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
|
use crate::app::init::App;
use crate::ui::inputfield::{BoxData, InputField, InputMode};
use color_eyre::Result;
use ratatui::{
crossterm::event::{self, Event, KeyCode, KeyEventKind},
layout::{Constraint, Layout, Position},
style::{Color, Style, Stylize},
text::{Line, Span, Text},
widgets::{
Block, List, ListItem, Paragraph, Scrollbar, ScrollbarOrientation, ScrollbarState, Wrap,
},
DefaultTerminal, Frame,
};
pub struct Ui {
app: App,
input_field: InputField,
message_box_data: BoxData,
}
impl Ui {
pub fn new(app: App) -> Self {
Self {
app,
input_field: InputField::new(),
message_box_data: BoxData::new(),
}
}
// Send the message to the LLM API when "enter" pressed
pub fn submit_message(&mut self) {
if self.input_field.input_len() > 0 {
self.input_field.input_mode = InputMode::Normal;
let _ = self.app.send_message(self.input_field.input.clone());
self.input_field.input.clear();
self.input_field.reset_char_index();
}
}
fn move_messages_up(&mut self) {}
fn move_messages_down(&mut self) {}
pub fn run(mut self, mut terminal: DefaultTerminal) -> Result<()> {
loop {
terminal.draw(|frame| self.draw(frame))?;
if let Event::Key(key) = event::read()? {
match self.input_field.input_mode {
InputMode::Normal => match key.code {
KeyCode::Char('e') => {
self.input_field.input_mode = InputMode::Editing;
}
KeyCode::Char('q') => return Ok(()),
_ => {}
},
InputMode::Editing if key.kind == KeyEventKind::Press => match key.code {
KeyCode::Enter => self.submit_message(),
KeyCode::Char(to_insert) => self.input_field.enter_char(to_insert),
KeyCode::Backspace => self.input_field.delete_char(),
KeyCode::Left => self.input_field.move_cursor_left(),
KeyCode::Right => self.input_field.move_cursor_right(),
KeyCode::Up => self.input_field.move_cursor_up(),
KeyCode::Down => self.input_field.move_cursor_down(),
KeyCode::Esc => self.input_field.input_mode = InputMode::Normal,
KeyCode::PageUp => self.move_messages_up(),
KeyCode::PageDown => self.move_messages_down(),
_ => {}
},
InputMode::Editing => {}
}
}
}
}
fn wrap_text(&self, text: String, max_width: usize) -> (Vec<Line<'_>>, usize) {
let mut count = 0; // number of line used
(
text.chars()
.collect::<Vec<_>>()
.chunks(max_width)
.map(|chunk| {
count += 1;
Line::from(Span::raw(chunk.iter().collect::<String>()))
})
.collect(),
count,
)
}
fn draw(&mut self, frame: &mut Frame) {
let vertical = Layout::vertical([
Constraint::Length(1),
Constraint::Min(10),
Constraint::Length(5),
]);
let [help_area, messages_area, input_area] = vertical.areas(frame.area());
let (msg, style) = match self.input_field.input_mode {
InputMode::Normal => (
vec![
"Press ".into(),
"q".bold(),
" to exit, ".into(),
"e".bold(),
" to start editing.".bold(),
],
Style::default(),
),
InputMode::Editing => (
vec![
"Press ".into(),
"Esc".bold(),
" to stop editing, ".into(),
"Enter".bold(),
" to send the message to Néo AI".into(),
],
Style::default(),
),
};
let text = Text::from(Line::from(msg)).patch_style(style);
let help_message = Paragraph::new(text);
frame.render_widget(help_message, help_area);
let input = Paragraph::new(self.input_field.input.as_str())
.style(match self.input_field.input_mode {
InputMode::Normal => Style::default(),
InputMode::Editing => Style::default().fg(Color::Yellow),
})
.block(Block::bordered().title("Input"))
.wrap(Wrap { trim: true })
.scroll((self.input_field.input_data.scroll_offset as u16, 0));
frame.render_widget(input, input_area);
self.input_field.update_nb_line(input_area.width);
self.input_field
.update_max(input_area.width, input_area.height);
let cursor_y = self.input_field.cursor_y();
let cursor_x = self.input_field.cursor_x();
match self.input_field.input_mode {
// Hide the cursor. `Frame` does this by default, so we don't need to do anything here
InputMode::Normal => {}
// Make the cursor visible and ask ratatui to put it at the specified coordinates after
// rendering
#[allow(clippy::cast_possible_truncation)]
InputMode::Editing => frame.set_cursor_position(Position::new(
// Draw the cursor at the current position in the input field.
// This position is can be controlled via the left and right arrow key
input_area.x + cursor_x as u16 + 1,
input_area.y + cursor_y as u16,
)),
}
let mut scrollbar_state_input = ScrollbarState::new(self.input_field.input_data.nb_line)
.position(self.input_field.input_data.scroll_offset);
let scrollbar_input = Scrollbar::new(ScrollbarOrientation::VerticalRight);
frame.render_stateful_widget(scrollbar_input, input_area, &mut scrollbar_state_input);
let available_width_message = messages_area.width.saturating_sub(2);
let mut messages: Vec<ListItem> = Vec::new();
let mut max_char_per_line = self.message_box_data.max_char_per_line;
let mut msg_nb_line = 0;
for m in &self.app.messages {
let msg = format!("{}", m);
let size = msg.chars().take(available_width_message as usize).count();
let (content, count) = self.wrap_text(msg.clone(), max_char_per_line);
msg_nb_line = count;
messages.push(ListItem::new(content.clone()));
if size > max_char_per_line {
max_char_per_line = size;
}
}
let messages = List::new(messages).block(Block::bordered().title("Chat with Néo AI"));
frame.render_widget(messages, messages_area);
self.message_box_data.max_char_per_line = max_char_per_line;
self.message_box_data.nb_line = msg_nb_line;
let mut scrollbar_state_message = ScrollbarState::new(self.app.messages.len())
.position(self.message_box_data.scroll_offset);
let scrollbar_message = Scrollbar::new(ScrollbarOrientation::VerticalRight);
frame.render_stateful_widget(
scrollbar_message,
messages_area,
&mut scrollbar_state_message,
);
}
}
|
