kyu-visualizer 0.3.0

Interactive graph visualizer for KyuGraph databases
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

//! Schema browser sidebar.

use blinc_app::prelude::*;
use blinc_core::State;

use crate::state::SchemaData;
use crate::theme;

/// Build the schema browser (lives inside #sidebar).
pub fn sidebar_view(
    schema: State<SchemaData>,
    on_table_click: impl Fn(&str) + Clone + Send + Sync + 'static,
) -> impl ElementBuilder {
    let on_click = on_table_click.clone();
    stateful::<NoState>()
        .deps([schema.signal_id()])
        .on_state(move |_ctx| {
            let data = schema.get();
            let on_click = on_click.clone();

            let mut browser = div().id("schema-browser").flex_col().p(3.0).gap(1.0);

            // Node tables.
            browser = browser.child(
                div()
                    .class("section-title")
                    .child(text("Node Tables").color(theme::TEXT_DIM)),
            );
            for table in &data.node_tables {
                let name = table.name.clone();
                let count = table.num_rows;
                let cb = on_click.clone();
                browser = browser.child(
                    div()
                        .class("table-entry")
                        .child(
                            div()
                                .class("table-name")
                                .child(text(&name).color(theme::TEXT_COLOR)),
                        )
                        .child(
                            div()
                                .class("table-count")
                                .child(text(format!("({count})")).color(theme::TEXT_DIM)),
                        )
                        .on_click(move |_| cb(&name)),
                );
            }

            // Rel tables.
            browser = browser.child(
                div()
                    .class("section-title")
                    .child(text("Relationships").color(theme::TEXT_DIM)),
            );
            for table in &data.rel_tables {
                let name = table.name.clone();
                let count = table.num_rows;
                let cb = on_click.clone();
                browser = browser.child(
                    div()
                        .class("table-entry")
                        .child(
                            div()
                                .class("table-name")
                                .child(text(&name).color(theme::TEXT_COLOR)),
                        )
                        .child(
                            div()
                                .class("table-count")
                                .child(text(format!("({count})")).color(theme::TEXT_DIM)),
                        )
                        .on_click(move |_| cb(&name)),
                );
            }

            browser
        })
}