crabmap 0.3.0

Rust code satellite map — index, query, and navigate your entire codebase
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

/* toolbar.js — Top controls: search, depth, zoom, rebuild, status */

CG.toolbar = {
  init() {
    CG.utils.el('searchButton').addEventListener('click', CG.toolbar.search);
    CG.utils.el('search').addEventListener('keydown', (event) => {
      if (event.key === 'Enter') CG.toolbar.search();
    });

    CG.utils.el('depthSelect').addEventListener('change', () => {
      const s = CG.getState();
      CG.setState({ nodePositions: new Map() });
      CG.graphRender.resetView();
      CG.graphRender.renderGraph();
    });

    CG.utils.el('reindexButton').addEventListener('click', CG.toolbar.reindex);
  },

  renderStatus() {
    const s = CG.getState();
    CG.utils.el('project').textContent = s.status.project;
    CG.utils.el('graphPath').textContent = s.status.graph_path;
    CG.utils.el('latency').textContent = `${CG.utils.fmt(s.status.last_index_ms)} ms`;
    CG.utils.el('state').textContent = s.status.indexing ? '索引中' : CG.utils.statusText(s.status.last_event);
    CG.utils.el('state').className = `pill ${s.status.indexing ? 'indexing' : s.status.last_event}`;
    CG.utils.el('reindexButton').disabled = s.status.indexing;
  },

  async search() {
    const query = CG.utils.el('search').value.trim();
    const result = await CG.api.search(query, 50);
    const s = CG.getState();
    CG.setState({ searchItems: result.items || [], rootId: null });
    CG.sidebar.renderResults(s.searchItems);
    CG.graphRender.resetView();
    CG.graphRender.renderGraph();
  },

  async reindex() {
    CG.utils.el('reindexButton').disabled = true;
    await CG.api.reindex();
    CG.setState({ graph: null });
    await CG.toolbar.refreshStatus();
  },

  async refreshStatus() {
    try {
      const status = await CG.api.status();
      CG.setState({ status });
      CG.toolbar.renderStatus();
      if (status.last_event === 'ready' && !CG.getState().graph) {
        await CG.toolbar.loadGraph();
      }
      if (status.last_event === 'failed') {
        CG.setState({ graph: null });
        CG.graphRender.renderGraph();
      }
    } catch (error) {
      CG.utils.el('state').textContent = error.message;
      CG.utils.el('state').className = 'pill failed';
      CG.setState({ graph: null });
      CG.graphRender.renderGraph();
    }
  },

  async loadGraph() {
    try {
      const graph = await CG.api.graph();
      if (graph.error) {
        CG.setState({ graph: null });
        CG.graphRender.renderGraph();
        return;
      }
      const s = CG.getState();
      CG.setState({
        graph,
        nodesById: new Map(graph.nodes.map((node) => [node.id, node])),
        nodePositions: new Map(),
        rootId: null,
        selected: null,
      });
      CG.sidebar.fillFilters();
      CG.sidebar.renderMetrics();
      CG.sidebar.renderWarnings();
      CG.sidebar.renderResults(CG.graphRender.seedResults());

      // Auto-select run as entry point
      const runNode = [...CG.getState().nodesById.values()].find(
        n => n.qualified_name === 'crabmap::run'
      );
      if (runNode) {
        CG.setState({ rootId: runNode.id });
      }

      CG.graphRender.renderGraph();
      CG.emit('graph:loaded', { graph });
    } catch (error) {
      CG.setState({ graph: null });
      CG.graphRender.renderGraph();
      CG.utils.el('state').textContent = error.message;
      CG.utils.el('state').className = 'pill failed';
    }
  },
};