vs-app 0.0.4

Cross-platform desktop GUI for the vs runtime version manager.
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

//! Sidebar render + interactions (filter, tool selection, Add button).

use gpui::prelude::*;
use gpui::{Context, IntoElement, ParentElement, Styled, Window, div};
use gpui_component::button::Button;
use gpui_component::input::Input;
use gpui_component::scroll::ScrollableElement;

use crate::model::filter_tool_rows;
use crate::ui::RootView;

impl RootView {
    pub(crate) fn render_sidebar(
        &mut self,
        _window: &mut Window,
        cx: &mut Context<'_, Self>,
    ) -> impl IntoElement {
        let query = self.filter_input.read(cx).value().to_string();
        let visible = filter_tool_rows(&self.tools, &query);
        let selected = self.selected.clone();

        div()
            .w_full()
            .flex()
            .flex_col()
            .gap_2()
            .p_2()
            .child(
                div()
                    .flex()
                    .gap_1()
                    .child(
                        Button::new("collapse-sidebar")
                            .label("‹")
                            .on_click(cx.listener(|this, _ev, _window, cx| {
                                this.sidebar_collapsed = true;
                                cx.notify();
                            })),
                    )
                    .child(div().flex_1().child(Input::new(&self.filter_input)))
                    .child(
                        Button::new("add-tool")
                            .label("＋ Add")
                            .on_click(cx.listener(|this, _ev, window, cx| {
                                this.open_add_tool(window, cx);
                            })),
                    ),
            )
            .child(
                div()
                    .id("sidebar-scroll")
                    .flex_1()
                    .overflow_y_scrollbar()
                    .child(div().text_xs().child("TOOLS"))
                    .when(self.tools.is_empty(), |el| {
                        el.child(
                            div()
                                .p_2()
                                .text_xs()
                                .child("No tools yet — click ＋ Add to add one."),
                        )
                    })
                    .children(visible.into_iter().enumerate().map(|(ix, tool)| {
                        let name = tool.name.clone();
                        let is_selected = selected.as_deref() == Some(name.as_str());
                        let label = match &tool.current_version {
                            Some(v) => format!("{}  ·  {}", tool.name, v),
                            None => format!("{}  ·  —", tool.name),
                        };
                        div()
                            .id(("tool-row", ix))
                            .py_1()
                            .px_2()
                            .rounded_md()
                            .cursor_pointer()
                            .when(is_selected, |el| el.bg(gpui::rgba(0x6678_ff33)))
                            .child(label)
                            .on_click(cx.listener(move |this, _ev, _window, cx| {
                                this.select_tool(name.clone(), cx);
                            }))
                    })),
            )
    }
}