jiq 2.21.1

Interactive JSON query tool with real-time output
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

//! History popup rendering
//!
//! This module handles rendering of the history popup.

use ratatui::{
    Frame,
    layout::{Constraint, Layout, Rect},
    style::{Color, Modifier, Style},
    text::{Line, Span},
    widgets::{Block, Borders, List, ListItem},
};

use crate::app::App;
use crate::history::MAX_VISIBLE_HISTORY;
use crate::widgets::popup;

// History popup display constants
pub const HISTORY_SEARCH_HEIGHT: u16 = 3;

/// Render the history popup above the input field
pub fn render_popup(app: &mut App, frame: &mut Frame, input_area: Rect) {
    // Calculate dimensions - ensure minimum 1 row for "No matches" message
    let visible_count = app.history.filtered_count().min(MAX_VISIBLE_HISTORY);
    let list_height = (visible_count as u16).max(1) + 2; // +2 for borders, min 1 row
    let total_height = list_height + HISTORY_SEARCH_HEIGHT;

    // Position popup above input (full width)
    let popup_y = input_area.y.saturating_sub(total_height);

    let popup_area = Rect {
        x: input_area.x,
        y: popup_y,
        width: input_area.width,
        height: total_height.min(input_area.y),
    };

    // Clear background
    popup::clear_area(frame, popup_area);

    // Split into list area and search area
    let layout = Layout::vertical([
        Constraint::Min(3),                        // History list
        Constraint::Length(HISTORY_SEARCH_HEIGHT), // Search box
    ])
    .split(popup_area);

    let list_area = layout[0];
    let search_area = layout[1];

    // Build title with match count
    let title = format!(
        " History ({}/{}) ",
        app.history.filtered_count(),
        app.history.total_count()
    );

    // Calculate max text length based on available width
    // Format: " ► text " with borders -> overhead = 6 chars (borders + padding + arrow)
    let max_text_len = (list_area.width as usize).saturating_sub(6);

    // Create list items
    let items: Vec<ListItem> = if app.history.filtered_count() == 0 {
        // Show "No matches" when search has no results
        vec![ListItem::new(Line::from(Span::styled(
            "   No matches",
            Style::default().fg(Color::DarkGray),
        )))]
    } else {
        app.history
            .visible_entries()
            .map(|(display_idx, entry)| {
                // Truncate long entries (char-safe for UTF-8)
                let display_text = if entry.chars().count() > max_text_len {
                    let truncated: String = entry.chars().take(max_text_len).collect();
                    format!("{}…", truncated)
                } else {
                    entry.to_string()
                };

                let line = if display_idx == app.history.selected_index() {
                    // Selected item
                    Line::from(vec![Span::styled(
                        format!(" ► {} ", display_text),
                        Style::default()
                            .fg(Color::Black)
                            .bg(Color::Cyan)
                            .add_modifier(Modifier::BOLD),
                    )])
                } else {
                    // Unselected item
                    Line::from(vec![Span::styled(
                        format!("   {} ", display_text),
                        Style::default().fg(Color::White).bg(Color::Black),
                    )])
                };

                ListItem::new(line)
            })
            .collect()
    };

    // Render list
    let list = List::new(items).block(
        Block::default()
            .borders(Borders::ALL)
            .title(title)
            .border_style(Style::default().fg(Color::Cyan))
            .style(Style::default().bg(Color::Black)),
    );
    frame.render_widget(list, list_area);

    // Render search box using TextArea
    let search_textarea = app.history.search_textarea_mut();
    search_textarea.set_block(
        Block::default()
            .borders(Borders::ALL)
            .title(" Search ")
            .border_style(Style::default().fg(Color::Cyan))
            .style(Style::default().bg(Color::Black)),
    );
    search_textarea.set_style(Style::default().fg(Color::White).bg(Color::Black));
    frame.render_widget(&*search_textarea, search_area);
}