@syke1/mcp-server 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +112 -0
- package/dist/ai/analyzer.d.ts +3 -0
- package/dist/ai/analyzer.js +120 -0
- package/dist/ai/realtime-analyzer.d.ts +20 -0
- package/dist/ai/realtime-analyzer.js +182 -0
- package/dist/graph.d.ts +13 -0
- package/dist/graph.js +105 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +518 -0
- package/dist/languages/cpp.d.ts +2 -0
- package/dist/languages/cpp.js +109 -0
- package/dist/languages/dart.d.ts +2 -0
- package/dist/languages/dart.js +162 -0
- package/dist/languages/go.d.ts +2 -0
- package/dist/languages/go.js +111 -0
- package/dist/languages/java.d.ts +2 -0
- package/dist/languages/java.js +113 -0
- package/dist/languages/plugin.d.ts +20 -0
- package/dist/languages/plugin.js +148 -0
- package/dist/languages/python.d.ts +2 -0
- package/dist/languages/python.js +129 -0
- package/dist/languages/ruby.d.ts +2 -0
- package/dist/languages/ruby.js +97 -0
- package/dist/languages/rust.d.ts +2 -0
- package/dist/languages/rust.js +121 -0
- package/dist/languages/typescript.d.ts +2 -0
- package/dist/languages/typescript.js +138 -0
- package/dist/license/validator.d.ts +23 -0
- package/dist/license/validator.js +297 -0
- package/dist/tools/analyze-impact.d.ts +23 -0
- package/dist/tools/analyze-impact.js +102 -0
- package/dist/tools/gate-build.d.ts +25 -0
- package/dist/tools/gate-build.js +243 -0
- package/dist/watcher/file-cache.d.ts +56 -0
- package/dist/watcher/file-cache.js +241 -0
- package/dist/web/public/app.js +2398 -0
- package/dist/web/public/index.html +258 -0
- package/dist/web/public/style.css +1827 -0
- package/dist/web/server.d.ts +29 -0
- package/dist/web/server.js +744 -0
- package/package.json +50 -0
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="ko">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>SYKE — Code Impact Radar</title>
|
|
7
|
+
<link rel="stylesheet" href="style.css">
|
|
8
|
+
<script src="https://unpkg.com/three@0.170.0/build/three.min.js"></script>
|
|
9
|
+
<script src="https://unpkg.com/3d-force-graph@1"></script>
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<!-- Scanline overlay -->
|
|
13
|
+
<div id="scanline"></div>
|
|
14
|
+
|
|
15
|
+
<!-- Top Bar -->
|
|
16
|
+
<header id="topbar">
|
|
17
|
+
<div class="logo">
|
|
18
|
+
<div class="pulse-ring"><span class="pulse-dot"></span></div>
|
|
19
|
+
<span class="logo-text">SYKE</span>
|
|
20
|
+
<span class="logo-sub">CODE IMPACT RADAR</span>
|
|
21
|
+
<span id="sse-status" class="sse-indicator offline">OFFLINE</span>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="project-selector">
|
|
24
|
+
<span id="current-project" class="project-path">Loading...</span>
|
|
25
|
+
<button id="btn-change-project" class="top-btn" title="Switch project">OPEN</button>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="top-controls">
|
|
28
|
+
<button id="btn-cycles" class="top-btn" title="Detect circular dependencies">CYCLES</button>
|
|
29
|
+
<button id="btn-stats" class="top-btn" title="Toggle statistics panel">STATS</button>
|
|
30
|
+
<button id="btn-shortcuts" class="top-btn" title="Keyboard shortcuts (?)">?</button>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="stats" id="stats">
|
|
33
|
+
<div class="stat-block">
|
|
34
|
+
<span class="stat-label">NODES</span>
|
|
35
|
+
<span class="stat-value" id="stat-files">---</span>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="stat-block">
|
|
38
|
+
<span class="stat-label">LINKS</span>
|
|
39
|
+
<span class="stat-value" id="stat-edges">---</span>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="stat-block threat">
|
|
42
|
+
<span class="stat-label">THREAT</span>
|
|
43
|
+
<span class="stat-value" id="stat-high">---</span>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</header>
|
|
47
|
+
|
|
48
|
+
<!-- Main Content -->
|
|
49
|
+
<main>
|
|
50
|
+
<!-- 3D Graph Panel -->
|
|
51
|
+
<section id="graph-panel">
|
|
52
|
+
<div id="graph-toolbar">
|
|
53
|
+
<button id="btn-reset" title="Reset view (R)">RESET</button>
|
|
54
|
+
<button id="btn-auto-rotate" title="Toggle auto-rotation (A)" class="active">AUTO ROTATE</button>
|
|
55
|
+
<button id="btn-path-mode" title="Find shortest path between two nodes (P)">PATH MODE</button>
|
|
56
|
+
<input type="text" id="search-input" placeholder="SEARCH TARGET...">
|
|
57
|
+
</div>
|
|
58
|
+
<div id="3d-graph"></div>
|
|
59
|
+
<!-- HTML overlay for node labels -->
|
|
60
|
+
<div id="node-labels"></div>
|
|
61
|
+
<!-- Layer Legend (clickable filter) -->
|
|
62
|
+
<div id="layer-legend"></div>
|
|
63
|
+
<!-- Path mode indicator -->
|
|
64
|
+
<div id="path-indicator" class="hidden">
|
|
65
|
+
<span id="path-status">SELECT FIRST NODE</span>
|
|
66
|
+
<button id="btn-cancel-path">CANCEL</button>
|
|
67
|
+
</div>
|
|
68
|
+
<!-- Tooltip -->
|
|
69
|
+
<div id="node-tooltip" class="hidden"></div>
|
|
70
|
+
|
|
71
|
+
<!-- Star Wars Code Crawl -->
|
|
72
|
+
<div id="code-crawl">
|
|
73
|
+
<div id="crawl-header">
|
|
74
|
+
<span id="crawl-file-name"></span>
|
|
75
|
+
<span id="crawl-status"></span>
|
|
76
|
+
</div>
|
|
77
|
+
<div id="crawl-viewport">
|
|
78
|
+
<div id="crawl-content"></div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</section>
|
|
82
|
+
|
|
83
|
+
<!-- Resize Handle -->
|
|
84
|
+
<div id="resize-handle"></div>
|
|
85
|
+
|
|
86
|
+
<!-- Right Panel -->
|
|
87
|
+
<aside id="right-panel">
|
|
88
|
+
<!-- Tab bar -->
|
|
89
|
+
<div id="panel-tabs">
|
|
90
|
+
<button class="panel-tab active" data-tab="info">INFO</button>
|
|
91
|
+
<button class="panel-tab" data-tab="code">CODE</button>
|
|
92
|
+
<button class="panel-tab" data-tab="simulate">SIM</button>
|
|
93
|
+
<button class="panel-tab" data-tab="live">LIVE</button>
|
|
94
|
+
</div>
|
|
95
|
+
|
|
96
|
+
<!-- Tab: Info (default) -->
|
|
97
|
+
<div id="tab-info" class="tab-content active">
|
|
98
|
+
<section id="file-info">
|
|
99
|
+
<h3><span class="hud-icon">◉</span> TARGET INFO</h3>
|
|
100
|
+
<div id="file-info-content">
|
|
101
|
+
<p class="placeholder">Select a node to identify target</p>
|
|
102
|
+
</div>
|
|
103
|
+
</section>
|
|
104
|
+
|
|
105
|
+
<section id="impact-list">
|
|
106
|
+
<h3><span class="hud-icon">⚠</span> IMPACT ANALYSIS</h3>
|
|
107
|
+
<div id="impact-content">
|
|
108
|
+
<p class="placeholder">Select a node to trace impact chain</p>
|
|
109
|
+
</div>
|
|
110
|
+
</section>
|
|
111
|
+
|
|
112
|
+
<section id="ai-panel">
|
|
113
|
+
<div class="ai-header">
|
|
114
|
+
<h3><span class="hud-icon">⚛</span> AI INTEL</h3>
|
|
115
|
+
<button id="btn-ai-analyze" disabled>ANALYZE</button>
|
|
116
|
+
</div>
|
|
117
|
+
<div id="ai-content">
|
|
118
|
+
<p class="placeholder">Select target, then request AI analysis</p>
|
|
119
|
+
</div>
|
|
120
|
+
</section>
|
|
121
|
+
</div>
|
|
122
|
+
|
|
123
|
+
<!-- Tab: Code preview -->
|
|
124
|
+
<div id="tab-code" class="tab-content">
|
|
125
|
+
<section id="code-panel">
|
|
126
|
+
<h3><span class="hud-icon">✍</span> SOURCE CODE</h3>
|
|
127
|
+
<div id="code-content">
|
|
128
|
+
<p class="placeholder">Select a node to preview source code</p>
|
|
129
|
+
</div>
|
|
130
|
+
</section>
|
|
131
|
+
</div>
|
|
132
|
+
|
|
133
|
+
<!-- Tab: Simulate deletion -->
|
|
134
|
+
<div id="tab-simulate" class="tab-content">
|
|
135
|
+
<section id="sim-panel">
|
|
136
|
+
<h3><span class="hud-icon">☠</span> DELETION SIMULATION</h3>
|
|
137
|
+
<div id="sim-content">
|
|
138
|
+
<p class="placeholder">Select a node, then switch to SIM tab</p>
|
|
139
|
+
</div>
|
|
140
|
+
</section>
|
|
141
|
+
</div>
|
|
142
|
+
|
|
143
|
+
<!-- Tab: Live monitoring -->
|
|
144
|
+
<div id="tab-live" class="tab-content">
|
|
145
|
+
<section id="live-panel">
|
|
146
|
+
<h3><span class="hud-icon">⚡</span> REAL-TIME MONITOR</h3>
|
|
147
|
+
<div id="realtime-log">
|
|
148
|
+
<p class="placeholder">Waiting for file changes...</p>
|
|
149
|
+
</div>
|
|
150
|
+
</section>
|
|
151
|
+
</div>
|
|
152
|
+
</aside>
|
|
153
|
+
</main>
|
|
154
|
+
|
|
155
|
+
<!-- Hub Files Drawer -->
|
|
156
|
+
<div id="hub-drawer" class="collapsed">
|
|
157
|
+
<button id="btn-toggle-hub">▲ HIGH VALUE TARGETS</button>
|
|
158
|
+
<div id="hub-content"></div>
|
|
159
|
+
</div>
|
|
160
|
+
|
|
161
|
+
<!-- Context Menu (right-click) -->
|
|
162
|
+
<div id="context-menu" class="hidden">
|
|
163
|
+
<div class="ctx-item" data-action="focus">FOCUS ON NODE</div>
|
|
164
|
+
<div class="ctx-item" data-action="impact">ANALYZE IMPACT</div>
|
|
165
|
+
<div class="ctx-item" data-action="ai">AI ANALYZE</div>
|
|
166
|
+
<div class="ctx-item" data-action="code">VIEW CODE</div>
|
|
167
|
+
<div class="ctx-item" data-action="simulate">SIMULATE DELETE</div>
|
|
168
|
+
<div class="ctx-item" data-action="path-from">PATH FROM HERE</div>
|
|
169
|
+
<div class="ctx-item" data-action="path-to">PATH TO HERE</div>
|
|
170
|
+
<div class="ctx-divider"></div>
|
|
171
|
+
<div class="ctx-item" data-action="isolate">ISOLATE CLUSTER</div>
|
|
172
|
+
<div class="ctx-item" data-action="hide">HIDE NODE</div>
|
|
173
|
+
</div>
|
|
174
|
+
|
|
175
|
+
<!-- Stats Overlay -->
|
|
176
|
+
<div id="stats-overlay" class="hidden">
|
|
177
|
+
<div class="stats-panel">
|
|
178
|
+
<div class="stats-header">
|
|
179
|
+
<h3>CODEBASE ANALYTICS</h3>
|
|
180
|
+
<button id="btn-close-stats">×</button>
|
|
181
|
+
</div>
|
|
182
|
+
<div class="stats-body">
|
|
183
|
+
<div class="stats-row">
|
|
184
|
+
<div class="stats-card">
|
|
185
|
+
<h4>LAYER DISTRIBUTION</h4>
|
|
186
|
+
<canvas id="chart-layers" width="280" height="180"></canvas>
|
|
187
|
+
</div>
|
|
188
|
+
<div class="stats-card">
|
|
189
|
+
<h4>RISK DISTRIBUTION</h4>
|
|
190
|
+
<canvas id="chart-risk" width="280" height="180"></canvas>
|
|
191
|
+
</div>
|
|
192
|
+
</div>
|
|
193
|
+
<div class="stats-row">
|
|
194
|
+
<div class="stats-card">
|
|
195
|
+
<h4>TOP 10 LARGEST FILES</h4>
|
|
196
|
+
<canvas id="chart-lines" width="280" height="180"></canvas>
|
|
197
|
+
</div>
|
|
198
|
+
<div class="stats-card">
|
|
199
|
+
<h4>DEPENDENCY HOTSPOTS</h4>
|
|
200
|
+
<canvas id="chart-deps" width="280" height="180"></canvas>
|
|
201
|
+
</div>
|
|
202
|
+
</div>
|
|
203
|
+
<div class="stats-summary" id="stats-summary"></div>
|
|
204
|
+
</div>
|
|
205
|
+
</div>
|
|
206
|
+
</div>
|
|
207
|
+
|
|
208
|
+
<!-- Keyboard Shortcuts Overlay -->
|
|
209
|
+
<div id="shortcuts-overlay" class="hidden">
|
|
210
|
+
<div class="shortcuts-panel">
|
|
211
|
+
<h3>KEYBOARD SHORTCUTS</h3>
|
|
212
|
+
<div class="shortcut-row"><kbd>R</kbd><span>Reset view</span></div>
|
|
213
|
+
<div class="shortcut-row"><kbd>A</kbd><span>Toggle auto-rotate</span></div>
|
|
214
|
+
<div class="shortcut-row"><kbd>P</kbd><span>Path mode</span></div>
|
|
215
|
+
<div class="shortcut-row"><kbd>F</kbd><span>Focus on selected</span></div>
|
|
216
|
+
<div class="shortcut-row"><kbd>C</kbd><span>View code</span></div>
|
|
217
|
+
<div class="shortcut-row"><kbd>S</kbd><span>Simulate deletion</span></div>
|
|
218
|
+
<div class="shortcut-row"><kbd>D</kbd><span>Detect cycles</span></div>
|
|
219
|
+
<div class="shortcut-row"><kbd>?</kbd><span>Show shortcuts</span></div>
|
|
220
|
+
<div class="shortcut-row"><kbd>Esc</kbd><span>Deselect / Close</span></div>
|
|
221
|
+
<div class="shortcut-row"><kbd>1-6</kbd><span>Toggle layers (FE/BE/DB/API/CFG/UTIL)</span></div>
|
|
222
|
+
<button id="btn-close-shortcuts">CLOSE</button>
|
|
223
|
+
</div>
|
|
224
|
+
</div>
|
|
225
|
+
|
|
226
|
+
<!-- Cycles Overlay -->
|
|
227
|
+
<div id="cycles-overlay" class="hidden">
|
|
228
|
+
<div class="cycles-panel">
|
|
229
|
+
<div class="cycles-header">
|
|
230
|
+
<h3>CIRCULAR DEPENDENCIES</h3>
|
|
231
|
+
<button id="btn-close-cycles">×</button>
|
|
232
|
+
</div>
|
|
233
|
+
<div id="cycles-content">
|
|
234
|
+
<div class="loading"><div class="spinner"></div>SCANNING...</div>
|
|
235
|
+
</div>
|
|
236
|
+
</div>
|
|
237
|
+
</div>
|
|
238
|
+
|
|
239
|
+
<!-- Project Switch Modal -->
|
|
240
|
+
<div id="project-modal" class="hidden">
|
|
241
|
+
<div class="project-modal-panel">
|
|
242
|
+
<h3>SWITCH PROJECT</h3>
|
|
243
|
+
<div class="browse-path-bar">
|
|
244
|
+
<button id="btn-browse-up" class="browse-nav-btn" title="Go up">↑</button>
|
|
245
|
+
<span id="browse-current-path" class="browse-path-text">Loading...</span>
|
|
246
|
+
</div>
|
|
247
|
+
<div id="browse-dir-list" class="browse-dir-list"></div>
|
|
248
|
+
<div id="project-detect-info"></div>
|
|
249
|
+
<div class="project-modal-actions">
|
|
250
|
+
<button id="btn-project-load">SELECT THIS FOLDER</button>
|
|
251
|
+
<button id="btn-project-cancel">CANCEL</button>
|
|
252
|
+
</div>
|
|
253
|
+
</div>
|
|
254
|
+
</div>
|
|
255
|
+
|
|
256
|
+
<script src="app.js"></script>
|
|
257
|
+
</body>
|
|
258
|
+
</html>
|