cltree 0.2.2

A TUI file explorer for Claude Code CLI
Documentation 
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

use std::path::Path;

use ratatui::{prelude::*, widgets::StatefulWidget};

use super::FileTreeWidgetState;
use crate::tree::FileTree;

pub struct FileTreeWidget<'a> {
    tree: &'a FileTree,
    cwd: Option<&'a Path>,
}

impl<'a> FileTreeWidget<'a> {
    pub fn new(tree: &'a FileTree, cwd: Option<&'a Path>) -> Self {
        Self { tree, cwd }
    }
}

impl<'a> StatefulWidget for FileTreeWidget<'a> {
    type State = FileTreeWidgetState;

    fn render(self, area: Rect, buf: &mut Buffer, state: &mut Self::State) {
        let nodes = self.tree.nodes();
        let visible_height = area.height as usize;

        // Calculate visible range
        let start = state.offset;
        let end = (start + visible_height).min(nodes.len());

        for (i, idx) in (start..end).enumerate() {
            if idx >= nodes.len() {
                break;
            }

            let node = &nodes[idx];
            let y = area.y + i as u16;

            if y >= area.y + area.height {
                break;
            }

            // Build the line
            let indent = "  ".repeat(node.depth);
            let icon = node.expanded_icon(true);

            // Check if this node is the CWD
            let is_cwd = self.cwd.is_some_and(|cwd| node.is_dir && node.path == cwd);

            // Build display line with CWD marker
            let line = if is_cwd {
                format!("{}{}● {}", indent, icon, node.name)
            } else {
                format!("{}{} {}", indent, icon, node.name)
            };

            // Determine style
            let style = if is_cwd {
                Style::default()
                    .bg(Color::Rgb(80, 70, 30))
                    .fg(Color::Rgb(255, 220, 100))
                    .bold()
            } else {
                let color = node.display_color();
                let mut s = Style::default().fg(color);
                if node.is_dir {
                    s = s.bold();
                }
                s
            };

            // Clear background for CWD item
            if is_cwd {
                for x in area.x..area.x + area.width {
                    if let Some(cell) = buf.cell_mut((x, y)) {
                        cell.set_bg(Color::Rgb(80, 70, 30));
                    }
                }
            }

            buf.set_string(area.x, y, &line, style);

            // Truncate if too long
            let display_width = unicode_width::UnicodeWidthStr::width(line.as_str());
            if display_width > area.width as usize {
                if let Some(x) = area.x.checked_add(area.width.saturating_sub(1)) {
                    if let Some(cell) = buf.cell_mut((x, y)) {
                        cell.set_symbol("…");
                    }
                }
            }
        }

        // Show scroll indicator if needed
        if nodes.len() > visible_height {
            let scrollbar_height =
                visible_height as f32 / nodes.len() as f32 * visible_height as f32;
            let scrollbar_height = scrollbar_height.max(1.0) as u16;
            let scrollbar_pos =
                (state.offset as f32 / nodes.len() as f32 * visible_height as f32) as u16;

            let scrollbar_x = area.x + area.width - 1;
            for y in 0..visible_height as u16 {
                let ch = if y >= scrollbar_pos && y < scrollbar_pos + scrollbar_height {
                    "█"
                } else {
                    "░"
                };
                if let Some(cell) = buf.cell_mut((scrollbar_x, area.y + y)) {
                    cell.set_symbol(ch);
                    cell.set_fg(Color::DarkGray);
                }
            }
        }
    }
}