v1.3: scrolling

Author: gab-dev-7

Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "kiroku-tui"
-version = "0.1.2"
+version = "0.1.3"
 edition = "2024"
 description = "A simple, terminal-based personal journaling and note-taking tool."
 repository = "https://github.com/gab-dev-7/kiroku"

Cargo.toml

@@ -22,6 +22,8 @@ pub enum Action {
     Backspace,
     SubmitInput,
     CancelInput,
+    ScrollUp,
+    ScrollDown,
 }
 
 #[derive(PartialEq)]
@@ -49,6 +51,7 @@ pub struct App {
     pub syncing: bool,
     pub spinner_index: usize,
     pub clipboard: Option<Clipboard>,
+    pub preview_scroll: u16,
 }
 
 impl App {
@@ -83,6 +86,7 @@ impl App {
             syncing: false,
             spinner_index: 0,
             clipboard,
+            preview_scroll: 0,
         };
 
         if !app.notes.is_empty() {
@@ -168,6 +172,7 @@ impl App {
         };
         self.list_state.select(Some(i));
         self.load_note_content(i);
+        self.preview_scroll = 0;
     }
 
     pub fn previous(&mut self) {
@@ -183,6 +188,7 @@ impl App {
         };
         self.list_state.select(Some(i));
         self.load_note_content(i);
+        self.preview_scroll = 0;
     }
 
     pub fn tick(&mut self) {
@@ -200,6 +206,12 @@ impl App {
         match self.input_mode {
             InputMode::Normal => match key.code {
                 KeyCode::Char('q') => Action::Quit,
+                KeyCode::Char('j') if key.modifiers.contains(crossterm::event::KeyModifiers::CONTROL) => {
+                    Action::ScrollDown
+                }
+                KeyCode::Char('k') if key.modifiers.contains(crossterm::event::KeyModifiers::CONTROL) => {
+                    Action::ScrollUp
+                }
                 KeyCode::Char('j') => {
                     self.next();
                     Action::None

src/app.rs

@@ -275,6 +275,12 @@ fn main() -> Result<()> {
                             }
                         }
                     }
+                    Action::ScrollUp => {
+                        app.preview_scroll = app.preview_scroll.saturating_sub(1);
+                    }
+                    Action::ScrollDown => {
+                        app.preview_scroll = app.preview_scroll.saturating_add(1);
+                    }
                     Action::None => {}
                 }
             }

src/main.rs

@@ -75,7 +75,6 @@ pub fn ui(f: &mut Frame, app: &mut App) {
 
                 let lines: Vec<Line> = content
                     .lines()
-                    .take(100)
                     .map(|line| {
                         if line.starts_with("# ") {
                             Line::from(Span::styled(
@@ -146,6 +145,7 @@ pub fn ui(f: &mut Frame, app: &mut App) {
                 .border_type(BorderType::Rounded)
                 .border_style(Style::default().fg(ACCENT_COLOR)),
         )
+        .scroll((app.preview_scroll, 0))
         .wrap(Wrap { trim: false });
 
     f.render_widget(preview, preview_chunks[0]);