Struct PositionCopy item path

206    fn render(self, area: Rect, buf: &mut Buffer) {
207        self.setup_colors(area);
208        let colors = &self.colors;
209        for (xi, x) in (area.left()..area.right()).enumerate() {
210            // animate the colors by shifting the x index by the frame number
211            let xi = (xi + self.frame_count) % (area.width as usize);
212            for (yi, y) in (area.top()..area.bottom()).enumerate() {
213                // render a half block character for each row of pixels with the foreground color
214                // set to the color of the pixel and the background color set to the color of the
215                // pixel below it
216                let fg = colors[yi * 2][xi];
217                let bg = colors[yi * 2 + 1][xi];
218                buf[Position::new(x, y)].set_char('▀').set_fg(fg).set_bg(bg);
219            }
220        }
221        self.frame_count += 1;
222    }

169    fn draw(&self, frame: &mut Frame) {
170        let vertical = Layout::vertical([
171            Constraint::Length(1),
172            Constraint::Length(3),
173            Constraint::Min(1),
174        ]);
175        let [help_area, input_area, messages_area] = vertical.areas(frame.area());
176
177        let (msg, style) = match self.input_mode {
178            InputMode::Normal => (
179                vec![
180                    "Press ".into(),
181                    "q".bold(),
182                    " to exit, ".into(),
183                    "e".bold(),
184                    " to start editing.".bold(),
185                ],
186                Style::default().add_modifier(Modifier::RAPID_BLINK),
187            ),
188            InputMode::Editing => (
189                vec![
190                    "Press ".into(),
191                    "Esc".bold(),
192                    " to stop editing, ".into(),
193                    "Enter".bold(),
194                    " to record the message".into(),
195                ],
196                Style::default(),
197            ),
198        };
199        let text = Text::from(Line::from(msg)).patch_style(style);
200        let help_message = Paragraph::new(text);
201        frame.render_widget(help_message, help_area);
202
203        let input = Paragraph::new(self.input.as_str())
204            .style(match self.input_mode {
205                InputMode::Normal => Style::default(),
206                InputMode::Editing => Style::default().fg(Color::Yellow),
207            })
208            .block(Block::bordered().title("Input"));
209        frame.render_widget(input, input_area);
210        match self.input_mode {
211            // Hide the cursor. `Frame` does this by default, so we don't need to do anything here
212            InputMode::Normal => {}
213
214            // Make the cursor visible and ask ratatui to put it at the specified coordinates after
215            // rendering
216            #[allow(clippy::cast_possible_truncation)]
217            InputMode::Editing => frame.set_cursor_position(Position::new(
218                // Draw the cursor at the current position in the input field.
219                // This position is can be controlled via the left and right arrow key
220                input_area.x + self.character_index as u16 + 1,
221                // Move one line down, from the border to the input line
222                input_area.y + 1,
223            )),
224        }
225
226        let messages: Vec<ListItem> = self
227            .messages
228            .iter()
229            .enumerate()
230            .map(|(i, m)| {
231                let content = Line::from(Span::raw(format!("{i}: {m}")));
232                ListItem::new(content)
233            })
234            .collect();
235        let messages = List::new(messages).block(Block::bordered().title("Messages"));
236        frame.render_widget(messages, messages_area);
237    }