@mandujs/core 0.13.0 → 0.13.2

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.
Files changed (157) hide show
  1. package/README.ko.md +4 -4
  2. package/README.md +653 -653
  3. package/package.json +1 -1
  4. package/src/bundler/build.ts +91 -91
  5. package/src/bundler/css.ts +302 -302
  6. package/src/client/Link.tsx +227 -227
  7. package/src/client/globals.ts +44 -44
  8. package/src/client/hooks.ts +267 -267
  9. package/src/client/index.ts +5 -5
  10. package/src/client/island.ts +8 -8
  11. package/src/client/router.ts +435 -435
  12. package/src/client/runtime.ts +23 -23
  13. package/src/client/serialize.ts +404 -404
  14. package/src/client/window-state.ts +101 -101
  15. package/src/config/mandu.ts +9 -0
  16. package/src/config/validate.ts +12 -0
  17. package/src/config/watcher.ts +311 -311
  18. package/src/constants.ts +40 -40
  19. package/src/content/content-layer.ts +314 -314
  20. package/src/content/content.test.ts +433 -433
  21. package/src/content/data-store.ts +245 -245
  22. package/src/content/digest.ts +133 -133
  23. package/src/content/index.ts +164 -164
  24. package/src/content/loader-context.ts +172 -172
  25. package/src/content/loaders/api.ts +216 -216
  26. package/src/content/loaders/file.ts +169 -169
  27. package/src/content/loaders/glob.ts +252 -252
  28. package/src/content/loaders/index.ts +34 -34
  29. package/src/content/loaders/types.ts +137 -137
  30. package/src/content/meta-store.ts +209 -209
  31. package/src/content/types.ts +282 -282
  32. package/src/content/watcher.ts +135 -135
  33. package/src/contract/client-safe.test.ts +42 -42
  34. package/src/contract/client-safe.ts +114 -114
  35. package/src/contract/client.ts +16 -16
  36. package/src/contract/define.ts +459 -459
  37. package/src/contract/handler.ts +10 -10
  38. package/src/contract/normalize.test.ts +276 -276
  39. package/src/contract/normalize.ts +404 -404
  40. package/src/contract/registry.test.ts +206 -206
  41. package/src/contract/registry.ts +568 -568
  42. package/src/contract/schema.ts +48 -48
  43. package/src/contract/types.ts +58 -58
  44. package/src/contract/validator.ts +32 -32
  45. package/src/devtools/ai/context-builder.ts +375 -375
  46. package/src/devtools/ai/index.ts +25 -25
  47. package/src/devtools/ai/mcp-connector.ts +465 -465
  48. package/src/devtools/client/catchers/error-catcher.ts +327 -327
  49. package/src/devtools/client/catchers/index.ts +18 -18
  50. package/src/devtools/client/catchers/network-proxy.ts +363 -363
  51. package/src/devtools/client/components/index.ts +39 -39
  52. package/src/devtools/client/components/kitchen-root.tsx +362 -362
  53. package/src/devtools/client/components/mandu-character.tsx +241 -241
  54. package/src/devtools/client/components/overlay.tsx +368 -368
  55. package/src/devtools/client/components/panel/errors-panel.tsx +259 -259
  56. package/src/devtools/client/components/panel/guard-panel.tsx +244 -244
  57. package/src/devtools/client/components/panel/index.ts +32 -32
  58. package/src/devtools/client/components/panel/islands-panel.tsx +304 -304
  59. package/src/devtools/client/components/panel/network-panel.tsx +292 -292
  60. package/src/devtools/client/components/panel/panel-container.tsx +259 -259
  61. package/src/devtools/client/filters/context-filters.ts +282 -282
  62. package/src/devtools/client/filters/index.ts +16 -16
  63. package/src/devtools/client/index.ts +63 -63
  64. package/src/devtools/client/persistence.ts +335 -335
  65. package/src/devtools/client/state-manager.ts +478 -478
  66. package/src/devtools/design-tokens.ts +263 -263
  67. package/src/devtools/hook/create-hook.ts +207 -207
  68. package/src/devtools/hook/index.ts +13 -13
  69. package/src/devtools/index.ts +439 -439
  70. package/src/devtools/init.ts +266 -266
  71. package/src/devtools/protocol.ts +237 -237
  72. package/src/devtools/server/index.ts +17 -17
  73. package/src/devtools/server/source-context.ts +444 -444
  74. package/src/devtools/types.ts +319 -319
  75. package/src/devtools/worker/index.ts +25 -25
  76. package/src/devtools/worker/redaction-worker.ts +222 -222
  77. package/src/devtools/worker/worker-manager.ts +409 -409
  78. package/src/error/domains.ts +265 -265
  79. package/src/error/result.ts +46 -46
  80. package/src/error/types.ts +6 -6
  81. package/src/errors/extractor.ts +409 -409
  82. package/src/errors/index.ts +19 -19
  83. package/src/filling/auth.ts +308 -308
  84. package/src/filling/context.ts +24 -1
  85. package/src/filling/deps.ts +238 -238
  86. package/src/filling/index.ts +4 -0
  87. package/src/filling/sse-catchup.test.ts +56 -0
  88. package/src/filling/sse-catchup.ts +67 -0
  89. package/src/filling/sse.test.ts +168 -0
  90. package/src/filling/sse.ts +162 -0
  91. package/src/generator/index.ts +3 -3
  92. package/src/guard/analyzer.ts +360 -360
  93. package/src/guard/ast-analyzer.ts +806 -806
  94. package/src/guard/contract-guard.ts +9 -9
  95. package/src/guard/file-type.test.ts +24 -24
  96. package/src/guard/presets/atomic.ts +70 -70
  97. package/src/guard/presets/clean.ts +77 -77
  98. package/src/guard/presets/fsd.ts +79 -79
  99. package/src/guard/presets/hexagonal.ts +68 -68
  100. package/src/guard/presets/index.ts +291 -291
  101. package/src/guard/reporter.ts +445 -445
  102. package/src/guard/rules.ts +12 -12
  103. package/src/guard/statistics.ts +578 -578
  104. package/src/guard/suggestions.ts +358 -358
  105. package/src/guard/types.ts +348 -348
  106. package/src/guard/validator.ts +834 -834
  107. package/src/guard/watcher.ts +404 -404
  108. package/src/index.ts +6 -1
  109. package/src/intent/index.ts +310 -310
  110. package/src/island/index.ts +304 -304
  111. package/src/logging/index.ts +22 -22
  112. package/src/logging/transports.ts +365 -365
  113. package/src/plugins/index.ts +38 -38
  114. package/src/plugins/registry.ts +377 -377
  115. package/src/plugins/types.ts +363 -363
  116. package/src/report/index.ts +1 -1
  117. package/src/router/fs-patterns.ts +387 -387
  118. package/src/router/fs-scanner.ts +497 -497
  119. package/src/runtime/boundary.tsx +232 -232
  120. package/src/runtime/compose.ts +222 -222
  121. package/src/runtime/escape.ts +44 -0
  122. package/src/runtime/lifecycle.ts +381 -381
  123. package/src/runtime/logger.test.ts +345 -345
  124. package/src/runtime/logger.ts +677 -677
  125. package/src/runtime/router.test.ts +476 -476
  126. package/src/runtime/router.ts +105 -105
  127. package/src/runtime/security.ts +155 -155
  128. package/src/runtime/server.ts +257 -0
  129. package/src/runtime/session-key.ts +328 -328
  130. package/src/runtime/ssr.ts +16 -21
  131. package/src/runtime/streaming-ssr.ts +24 -33
  132. package/src/runtime/trace.ts +144 -144
  133. package/src/seo/index.ts +214 -214
  134. package/src/seo/integration/ssr.ts +307 -307
  135. package/src/seo/render/basic.ts +427 -427
  136. package/src/seo/render/index.ts +143 -143
  137. package/src/seo/render/jsonld.ts +539 -539
  138. package/src/seo/render/opengraph.ts +191 -191
  139. package/src/seo/render/robots.ts +116 -116
  140. package/src/seo/render/sitemap.ts +137 -137
  141. package/src/seo/render/twitter.ts +126 -126
  142. package/src/seo/resolve/index.ts +353 -353
  143. package/src/seo/resolve/opengraph.ts +143 -143
  144. package/src/seo/resolve/robots.ts +73 -73
  145. package/src/seo/resolve/title.ts +94 -94
  146. package/src/seo/resolve/twitter.ts +73 -73
  147. package/src/seo/resolve/url.ts +97 -97
  148. package/src/seo/routes/index.ts +290 -290
  149. package/src/seo/types.ts +575 -575
  150. package/src/slot/validator.ts +39 -39
  151. package/src/spec/index.ts +3 -3
  152. package/src/spec/load.ts +76 -76
  153. package/src/spec/lock.ts +56 -56
  154. package/src/utils/bun.ts +8 -8
  155. package/src/utils/lru-cache.ts +75 -75
  156. package/src/utils/safe-io.ts +188 -188
  157. package/src/utils/string-safe.ts +298 -298
@@ -1,465 +1,465 @@
1
- /**
2
- * Mandu Kitchen DevTools - MCP Connector
3
- * @version 1.1.0
4
- *
5
- * Model Context Protocol (MCP) 연동
6
- * - AI 에이전트와의 통신
7
- * - 컨텍스트 전달
8
- * - 수정 제안 수신
9
- */
10
-
11
- import type { AIContextPayload, NormalizedError } from '../types';
12
- import { AIContextBuilder, getContextBuilder } from './context-builder';
13
-
14
- // ============================================================================
15
- // Types
16
- // ============================================================================
17
-
18
- export interface MCPConnectorOptions {
19
- /** MCP 서버 URL */
20
- serverUrl?: string;
21
- /** 연결 타임아웃 (ms) */
22
- connectionTimeout?: number;
23
- /** 요청 타임아웃 (ms) */
24
- requestTimeout?: number;
25
- /** 자동 재연결 */
26
- autoReconnect?: boolean;
27
- /** 재연결 간격 (ms) */
28
- reconnectInterval?: number;
29
- /** 최대 재연결 시도 횟수 */
30
- maxReconnectAttempts?: number;
31
- }
32
-
33
- export interface MCPMessage {
34
- id: string;
35
- type: 'request' | 'response' | 'notification';
36
- method?: string;
37
- params?: unknown;
38
- result?: unknown;
39
- error?: {
40
- code: number;
41
- message: string;
42
- data?: unknown;
43
- };
44
- }
45
-
46
- export interface AnalysisRequest {
47
- context: AIContextPayload;
48
- options?: {
49
- includeFixSuggestion?: boolean;
50
- includeExplanation?: boolean;
51
- language?: string;
52
- };
53
- }
54
-
55
- export interface AnalysisResponse {
56
- success: boolean;
57
- analysis?: {
58
- rootCause: string;
59
- explanation: string;
60
- severity: 'critical' | 'high' | 'medium' | 'low';
61
- category: string;
62
- };
63
- fixSuggestion?: {
64
- description: string;
65
- code?: string;
66
- file?: string;
67
- lineRange?: [number, number];
68
- confidence: number;
69
- };
70
- relatedDocs?: Array<{
71
- title: string;
72
- url: string;
73
- }>;
74
- error?: string;
75
- }
76
-
77
- export type MCPConnectionStatus =
78
- | 'disconnected'
79
- | 'connecting'
80
- | 'connected'
81
- | 'error';
82
-
83
- // ============================================================================
84
- // Constants
85
- // ============================================================================
86
-
87
- const DEFAULT_OPTIONS: Required<MCPConnectorOptions> = {
88
- serverUrl: 'ws://localhost:3333/mcp',
89
- connectionTimeout: 5000,
90
- requestTimeout: 30000,
91
- autoReconnect: true,
92
- reconnectInterval: 3000,
93
- maxReconnectAttempts: 5,
94
- };
95
-
96
- // ============================================================================
97
- // MCP Connector
98
- // ============================================================================
99
-
100
- export class MCPConnector {
101
- private options: Required<MCPConnectorOptions>;
102
- private ws: WebSocket | null = null;
103
- private status: MCPConnectionStatus = 'disconnected';
104
- private requestIdCounter = 0;
105
- private pendingRequests = new Map<
106
- string,
107
- {
108
- resolve: (result: unknown) => void;
109
- reject: (error: Error) => void;
110
- timeout: ReturnType<typeof setTimeout>;
111
- }
112
- >();
113
- private reconnectAttempts = 0;
114
- private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
115
- private statusListeners = new Set<(status: MCPConnectionStatus) => void>();
116
- private contextBuilder: AIContextBuilder;
117
-
118
- constructor(options: MCPConnectorOptions = {}) {
119
- this.options = { ...DEFAULT_OPTIONS, ...options };
120
- this.contextBuilder = getContextBuilder();
121
- }
122
-
123
- // --------------------------------------------------------------------------
124
- // Connection Management
125
- // --------------------------------------------------------------------------
126
-
127
- /**
128
- * MCP 서버에 연결
129
- */
130
- connect(): Promise<void> {
131
- return new Promise((resolve, reject) => {
132
- if (this.status === 'connected' && this.ws) {
133
- resolve();
134
- return;
135
- }
136
-
137
- this.setStatus('connecting');
138
-
139
- const timeout = setTimeout(() => {
140
- reject(new Error('Connection timeout'));
141
- this.handleConnectionError(new Error('Connection timeout'));
142
- }, this.options.connectionTimeout);
143
-
144
- try {
145
- this.ws = new WebSocket(this.options.serverUrl);
146
-
147
- this.ws.onopen = () => {
148
- clearTimeout(timeout);
149
- this.setStatus('connected');
150
- this.reconnectAttempts = 0;
151
- resolve();
152
- };
153
-
154
- this.ws.onclose = () => {
155
- this.handleDisconnect();
156
- };
157
-
158
- this.ws.onerror = (event) => {
159
- clearTimeout(timeout);
160
- this.handleConnectionError(new Error('WebSocket error'));
161
- reject(new Error('WebSocket connection failed'));
162
- };
163
-
164
- this.ws.onmessage = (event) => {
165
- this.handleMessage(event.data);
166
- };
167
- } catch (error) {
168
- clearTimeout(timeout);
169
- this.handleConnectionError(
170
- error instanceof Error ? error : new Error(String(error))
171
- );
172
- reject(error);
173
- }
174
- });
175
- }
176
-
177
- /**
178
- * 연결 종료
179
- */
180
- disconnect(): void {
181
- if (this.reconnectTimer) {
182
- clearTimeout(this.reconnectTimer);
183
- this.reconnectTimer = null;
184
- }
185
-
186
- if (this.ws) {
187
- this.ws.close();
188
- this.ws = null;
189
- }
190
-
191
- // 대기 중인 요청 모두 reject
192
- for (const [id, pending] of this.pendingRequests) {
193
- clearTimeout(pending.timeout);
194
- pending.reject(new Error('Connection closed'));
195
- }
196
- this.pendingRequests.clear();
197
-
198
- this.setStatus('disconnected');
199
- }
200
-
201
- /**
202
- * 연결 상태 조회
203
- */
204
- getStatus(): MCPConnectionStatus {
205
- return this.status;
206
- }
207
-
208
- /**
209
- * 상태 변경 리스너 등록
210
- */
211
- onStatusChange(
212
- listener: (status: MCPConnectionStatus) => void
213
- ): () => void {
214
- this.statusListeners.add(listener);
215
- return () => this.statusListeners.delete(listener);
216
- }
217
-
218
- // --------------------------------------------------------------------------
219
- // MCP Methods
220
- // --------------------------------------------------------------------------
221
-
222
- /**
223
- * 에러 분석 요청
224
- */
225
- async analyzeError(
226
- error: NormalizedError,
227
- options?: AnalysisRequest['options']
228
- ): Promise<AnalysisResponse> {
229
- // 컨텍스트 빌드
230
- const context = await this.contextBuilder.buildContext(error);
231
-
232
- return this.sendRequest<AnalysisResponse>('mandu/analyze', {
233
- context,
234
- options: {
235
- includeFixSuggestion: true,
236
- includeExplanation: true,
237
- language: 'ko',
238
- ...options,
239
- },
240
- });
241
- }
242
-
243
- /**
244
- * 수정 제안 요청
245
- */
246
- async getSuggestion(
247
- error: NormalizedError,
248
- codeContext: string
249
- ): Promise<AnalysisResponse['fixSuggestion']> {
250
- const result = await this.sendRequest<{
251
- suggestion: AnalysisResponse['fixSuggestion'];
252
- }>('mandu/suggest', {
253
- error: {
254
- message: error.message,
255
- type: error.type,
256
- source: error.source,
257
- line: error.line,
258
- },
259
- codeContext,
260
- });
261
-
262
- return result.suggestion;
263
- }
264
-
265
- /**
266
- * 관련 문서 검색
267
- */
268
- async searchDocs(
269
- query: string
270
- ): Promise<AnalysisResponse['relatedDocs']> {
271
- const result = await this.sendRequest<{
272
- docs: AnalysisResponse['relatedDocs'];
273
- }>('mandu/docs', { query });
274
-
275
- return result.docs;
276
- }
277
-
278
- /**
279
- * 클립보드용 컨텍스트 생성
280
- * (AI 에이전트에 붙여넣기 위한 포맷)
281
- */
282
- async formatForClipboard(error: NormalizedError): Promise<string> {
283
- const context = await this.contextBuilder.buildContext(error);
284
-
285
- const parts: string[] = [
286
- '## Error Report',
287
- '',
288
- `**Type**: ${error.type}`,
289
- `**Severity**: ${error.severity}`,
290
- `**Message**: ${error.message}`,
291
- '',
292
- ];
293
-
294
- if (error.source) {
295
- parts.push(`**Location**: ${error.source}:${error.line ?? '?'}:${error.column ?? '?'}`);
296
- parts.push('');
297
- }
298
-
299
- if (error.stack) {
300
- parts.push('### Stack Trace');
301
- parts.push('```');
302
- parts.push(error.stack);
303
- parts.push('```');
304
- parts.push('');
305
- }
306
-
307
- if (context.codeContext?.snippet) {
308
- parts.push('### Source Code');
309
- parts.push('```typescript');
310
- parts.push(context.codeContext.snippet.content);
311
- parts.push('```');
312
- parts.push('');
313
- }
314
-
315
- if (context.island) {
316
- parts.push('### Island Info');
317
- parts.push(`- Name: ${context.island.name}`);
318
- parts.push(`- Status: ${context.island.status}`);
319
- parts.push(`- Strategy: ${context.island.strategy}`);
320
- parts.push('');
321
- }
322
-
323
- if (context.recentErrors && context.recentErrors.length > 0) {
324
- parts.push('### Recent Related Errors');
325
- for (const e of context.recentErrors) {
326
- const timeAgo = Math.round((Date.now() - e.timestamp) / 1000);
327
- parts.push(`- ${e.message} (${timeAgo}s ago)`);
328
- }
329
- parts.push('');
330
- }
331
-
332
- parts.push('---');
333
- parts.push(`*Generated by Mandu Kitchen DevTools v${context.devtools.version}*`);
334
-
335
- return parts.join('\n');
336
- }
337
-
338
- // --------------------------------------------------------------------------
339
- // Internal
340
- // --------------------------------------------------------------------------
341
-
342
- private setStatus(status: MCPConnectionStatus): void {
343
- if (this.status !== status) {
344
- this.status = status;
345
- for (const listener of this.statusListeners) {
346
- try {
347
- listener(status);
348
- } catch {
349
- // 리스너 에러 무시
350
- }
351
- }
352
- }
353
- }
354
-
355
- private handleMessage(data: string): void {
356
- try {
357
- const message: MCPMessage = JSON.parse(data);
358
-
359
- if (message.type === 'response' && message.id) {
360
- const pending = this.pendingRequests.get(message.id);
361
- if (pending) {
362
- clearTimeout(pending.timeout);
363
- this.pendingRequests.delete(message.id);
364
-
365
- if (message.error) {
366
- pending.reject(new Error(message.error.message));
367
- } else {
368
- pending.resolve(message.result);
369
- }
370
- }
371
- }
372
- } catch (error) {
373
- console.warn('[Mandu Kitchen] Failed to parse MCP message:', error);
374
- }
375
- }
376
-
377
- private handleDisconnect(): void {
378
- this.ws = null;
379
-
380
- if (this.options.autoReconnect && this.status !== 'disconnected') {
381
- this.setStatus('error');
382
- this.scheduleReconnect();
383
- } else {
384
- this.setStatus('disconnected');
385
- }
386
- }
387
-
388
- private handleConnectionError(error: Error): void {
389
- console.warn('[Mandu Kitchen] MCP connection error:', error.message);
390
- this.setStatus('error');
391
-
392
- if (this.options.autoReconnect) {
393
- this.scheduleReconnect();
394
- }
395
- }
396
-
397
- private scheduleReconnect(): void {
398
- if (this.reconnectAttempts >= this.options.maxReconnectAttempts) {
399
- console.warn('[Mandu Kitchen] Max reconnection attempts reached');
400
- this.setStatus('disconnected');
401
- return;
402
- }
403
-
404
- this.reconnectAttempts++;
405
- console.log(
406
- `[Mandu Kitchen] Reconnecting in ${this.options.reconnectInterval}ms (attempt ${this.reconnectAttempts}/${this.options.maxReconnectAttempts})`
407
- );
408
-
409
- this.reconnectTimer = setTimeout(() => {
410
- this.connect().catch(() => {
411
- // 에러는 handleConnectionError에서 처리됨
412
- });
413
- }, this.options.reconnectInterval);
414
- }
415
-
416
- private async sendRequest<T>(method: string, params: unknown): Promise<T> {
417
- if (!this.ws || this.status !== 'connected') {
418
- throw new Error('Not connected to MCP server');
419
- }
420
-
421
- const id = `req-${++this.requestIdCounter}`;
422
-
423
- return new Promise<T>((resolve, reject) => {
424
- const timeout = setTimeout(() => {
425
- this.pendingRequests.delete(id);
426
- reject(new Error('Request timeout'));
427
- }, this.options.requestTimeout);
428
-
429
- this.pendingRequests.set(id, {
430
- resolve: resolve as (result: unknown) => void,
431
- reject,
432
- timeout,
433
- });
434
-
435
- const message: MCPMessage = {
436
- id,
437
- type: 'request',
438
- method,
439
- params,
440
- };
441
-
442
- this.ws!.send(JSON.stringify(message));
443
- });
444
- }
445
- }
446
-
447
- // ============================================================================
448
- // Singleton Instance
449
- // ============================================================================
450
-
451
- let globalMCPConnector: MCPConnector | null = null;
452
-
453
- export function getMCPConnector(options?: MCPConnectorOptions): MCPConnector {
454
- if (!globalMCPConnector) {
455
- globalMCPConnector = new MCPConnector(options);
456
- }
457
- return globalMCPConnector;
458
- }
459
-
460
- export function destroyMCPConnector(): void {
461
- if (globalMCPConnector) {
462
- globalMCPConnector.disconnect();
463
- globalMCPConnector = null;
464
- }
465
- }
1
+ /**
2
+ * Mandu Kitchen DevTools - MCP Connector
3
+ * @version 1.1.0
4
+ *
5
+ * Model Context Protocol (MCP) 연동
6
+ * - AI 에이전트와의 통신
7
+ * - 컨텍스트 전달
8
+ * - 수정 제안 수신
9
+ */
10
+
11
+ import type { AIContextPayload, NormalizedError } from '../types';
12
+ import { AIContextBuilder, getContextBuilder } from './context-builder';
13
+
14
+ // ============================================================================
15
+ // Types
16
+ // ============================================================================
17
+
18
+ export interface MCPConnectorOptions {
19
+ /** MCP 서버 URL */
20
+ serverUrl?: string;
21
+ /** 연결 타임아웃 (ms) */
22
+ connectionTimeout?: number;
23
+ /** 요청 타임아웃 (ms) */
24
+ requestTimeout?: number;
25
+ /** 자동 재연결 */
26
+ autoReconnect?: boolean;
27
+ /** 재연결 간격 (ms) */
28
+ reconnectInterval?: number;
29
+ /** 최대 재연결 시도 횟수 */
30
+ maxReconnectAttempts?: number;
31
+ }
32
+
33
+ export interface MCPMessage {
34
+ id: string;
35
+ type: 'request' | 'response' | 'notification';
36
+ method?: string;
37
+ params?: unknown;
38
+ result?: unknown;
39
+ error?: {
40
+ code: number;
41
+ message: string;
42
+ data?: unknown;
43
+ };
44
+ }
45
+
46
+ export interface AnalysisRequest {
47
+ context: AIContextPayload;
48
+ options?: {
49
+ includeFixSuggestion?: boolean;
50
+ includeExplanation?: boolean;
51
+ language?: string;
52
+ };
53
+ }
54
+
55
+ export interface AnalysisResponse {
56
+ success: boolean;
57
+ analysis?: {
58
+ rootCause: string;
59
+ explanation: string;
60
+ severity: 'critical' | 'high' | 'medium' | 'low';
61
+ category: string;
62
+ };
63
+ fixSuggestion?: {
64
+ description: string;
65
+ code?: string;
66
+ file?: string;
67
+ lineRange?: [number, number];
68
+ confidence: number;
69
+ };
70
+ relatedDocs?: Array<{
71
+ title: string;
72
+ url: string;
73
+ }>;
74
+ error?: string;
75
+ }
76
+
77
+ export type MCPConnectionStatus =
78
+ | 'disconnected'
79
+ | 'connecting'
80
+ | 'connected'
81
+ | 'error';
82
+
83
+ // ============================================================================
84
+ // Constants
85
+ // ============================================================================
86
+
87
+ const DEFAULT_OPTIONS: Required<MCPConnectorOptions> = {
88
+ serverUrl: 'ws://localhost:3333/mcp',
89
+ connectionTimeout: 5000,
90
+ requestTimeout: 30000,
91
+ autoReconnect: true,
92
+ reconnectInterval: 3000,
93
+ maxReconnectAttempts: 5,
94
+ };
95
+
96
+ // ============================================================================
97
+ // MCP Connector
98
+ // ============================================================================
99
+
100
+ export class MCPConnector {
101
+ private options: Required<MCPConnectorOptions>;
102
+ private ws: WebSocket | null = null;
103
+ private status: MCPConnectionStatus = 'disconnected';
104
+ private requestIdCounter = 0;
105
+ private pendingRequests = new Map<
106
+ string,
107
+ {
108
+ resolve: (result: unknown) => void;
109
+ reject: (error: Error) => void;
110
+ timeout: ReturnType<typeof setTimeout>;
111
+ }
112
+ >();
113
+ private reconnectAttempts = 0;
114
+ private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
115
+ private statusListeners = new Set<(status: MCPConnectionStatus) => void>();
116
+ private contextBuilder: AIContextBuilder;
117
+
118
+ constructor(options: MCPConnectorOptions = {}) {
119
+ this.options = { ...DEFAULT_OPTIONS, ...options };
120
+ this.contextBuilder = getContextBuilder();
121
+ }
122
+
123
+ // --------------------------------------------------------------------------
124
+ // Connection Management
125
+ // --------------------------------------------------------------------------
126
+
127
+ /**
128
+ * MCP 서버에 연결
129
+ */
130
+ connect(): Promise<void> {
131
+ return new Promise((resolve, reject) => {
132
+ if (this.status === 'connected' && this.ws) {
133
+ resolve();
134
+ return;
135
+ }
136
+
137
+ this.setStatus('connecting');
138
+
139
+ const timeout = setTimeout(() => {
140
+ reject(new Error('Connection timeout'));
141
+ this.handleConnectionError(new Error('Connection timeout'));
142
+ }, this.options.connectionTimeout);
143
+
144
+ try {
145
+ this.ws = new WebSocket(this.options.serverUrl);
146
+
147
+ this.ws.onopen = () => {
148
+ clearTimeout(timeout);
149
+ this.setStatus('connected');
150
+ this.reconnectAttempts = 0;
151
+ resolve();
152
+ };
153
+
154
+ this.ws.onclose = () => {
155
+ this.handleDisconnect();
156
+ };
157
+
158
+ this.ws.onerror = (event) => {
159
+ clearTimeout(timeout);
160
+ this.handleConnectionError(new Error('WebSocket error'));
161
+ reject(new Error('WebSocket connection failed'));
162
+ };
163
+
164
+ this.ws.onmessage = (event) => {
165
+ this.handleMessage(event.data);
166
+ };
167
+ } catch (error) {
168
+ clearTimeout(timeout);
169
+ this.handleConnectionError(
170
+ error instanceof Error ? error : new Error(String(error))
171
+ );
172
+ reject(error);
173
+ }
174
+ });
175
+ }
176
+
177
+ /**
178
+ * 연결 종료
179
+ */
180
+ disconnect(): void {
181
+ if (this.reconnectTimer) {
182
+ clearTimeout(this.reconnectTimer);
183
+ this.reconnectTimer = null;
184
+ }
185
+
186
+ if (this.ws) {
187
+ this.ws.close();
188
+ this.ws = null;
189
+ }
190
+
191
+ // 대기 중인 요청 모두 reject
192
+ for (const [id, pending] of this.pendingRequests) {
193
+ clearTimeout(pending.timeout);
194
+ pending.reject(new Error('Connection closed'));
195
+ }
196
+ this.pendingRequests.clear();
197
+
198
+ this.setStatus('disconnected');
199
+ }
200
+
201
+ /**
202
+ * 연결 상태 조회
203
+ */
204
+ getStatus(): MCPConnectionStatus {
205
+ return this.status;
206
+ }
207
+
208
+ /**
209
+ * 상태 변경 리스너 등록
210
+ */
211
+ onStatusChange(
212
+ listener: (status: MCPConnectionStatus) => void
213
+ ): () => void {
214
+ this.statusListeners.add(listener);
215
+ return () => this.statusListeners.delete(listener);
216
+ }
217
+
218
+ // --------------------------------------------------------------------------
219
+ // MCP Methods
220
+ // --------------------------------------------------------------------------
221
+
222
+ /**
223
+ * 에러 분석 요청
224
+ */
225
+ async analyzeError(
226
+ error: NormalizedError,
227
+ options?: AnalysisRequest['options']
228
+ ): Promise<AnalysisResponse> {
229
+ // 컨텍스트 빌드
230
+ const context = await this.contextBuilder.buildContext(error);
231
+
232
+ return this.sendRequest<AnalysisResponse>('mandu/analyze', {
233
+ context,
234
+ options: {
235
+ includeFixSuggestion: true,
236
+ includeExplanation: true,
237
+ language: 'ko',
238
+ ...options,
239
+ },
240
+ });
241
+ }
242
+
243
+ /**
244
+ * 수정 제안 요청
245
+ */
246
+ async getSuggestion(
247
+ error: NormalizedError,
248
+ codeContext: string
249
+ ): Promise<AnalysisResponse['fixSuggestion']> {
250
+ const result = await this.sendRequest<{
251
+ suggestion: AnalysisResponse['fixSuggestion'];
252
+ }>('mandu/suggest', {
253
+ error: {
254
+ message: error.message,
255
+ type: error.type,
256
+ source: error.source,
257
+ line: error.line,
258
+ },
259
+ codeContext,
260
+ });
261
+
262
+ return result.suggestion;
263
+ }
264
+
265
+ /**
266
+ * 관련 문서 검색
267
+ */
268
+ async searchDocs(
269
+ query: string
270
+ ): Promise<AnalysisResponse['relatedDocs']> {
271
+ const result = await this.sendRequest<{
272
+ docs: AnalysisResponse['relatedDocs'];
273
+ }>('mandu/docs', { query });
274
+
275
+ return result.docs;
276
+ }
277
+
278
+ /**
279
+ * 클립보드용 컨텍스트 생성
280
+ * (AI 에이전트에 붙여넣기 위한 포맷)
281
+ */
282
+ async formatForClipboard(error: NormalizedError): Promise<string> {
283
+ const context = await this.contextBuilder.buildContext(error);
284
+
285
+ const parts: string[] = [
286
+ '## Error Report',
287
+ '',
288
+ `**Type**: ${error.type}`,
289
+ `**Severity**: ${error.severity}`,
290
+ `**Message**: ${error.message}`,
291
+ '',
292
+ ];
293
+
294
+ if (error.source) {
295
+ parts.push(`**Location**: ${error.source}:${error.line ?? '?'}:${error.column ?? '?'}`);
296
+ parts.push('');
297
+ }
298
+
299
+ if (error.stack) {
300
+ parts.push('### Stack Trace');
301
+ parts.push('```');
302
+ parts.push(error.stack);
303
+ parts.push('```');
304
+ parts.push('');
305
+ }
306
+
307
+ if (context.codeContext?.snippet) {
308
+ parts.push('### Source Code');
309
+ parts.push('```typescript');
310
+ parts.push(context.codeContext.snippet.content);
311
+ parts.push('```');
312
+ parts.push('');
313
+ }
314
+
315
+ if (context.island) {
316
+ parts.push('### Island Info');
317
+ parts.push(`- Name: ${context.island.name}`);
318
+ parts.push(`- Status: ${context.island.status}`);
319
+ parts.push(`- Strategy: ${context.island.strategy}`);
320
+ parts.push('');
321
+ }
322
+
323
+ if (context.recentErrors && context.recentErrors.length > 0) {
324
+ parts.push('### Recent Related Errors');
325
+ for (const e of context.recentErrors) {
326
+ const timeAgo = Math.round((Date.now() - e.timestamp) / 1000);
327
+ parts.push(`- ${e.message} (${timeAgo}s ago)`);
328
+ }
329
+ parts.push('');
330
+ }
331
+
332
+ parts.push('---');
333
+ parts.push(`*Generated by Mandu Kitchen DevTools v${context.devtools.version}*`);
334
+
335
+ return parts.join('\n');
336
+ }
337
+
338
+ // --------------------------------------------------------------------------
339
+ // Internal
340
+ // --------------------------------------------------------------------------
341
+
342
+ private setStatus(status: MCPConnectionStatus): void {
343
+ if (this.status !== status) {
344
+ this.status = status;
345
+ for (const listener of this.statusListeners) {
346
+ try {
347
+ listener(status);
348
+ } catch {
349
+ // 리스너 에러 무시
350
+ }
351
+ }
352
+ }
353
+ }
354
+
355
+ private handleMessage(data: string): void {
356
+ try {
357
+ const message: MCPMessage = JSON.parse(data);
358
+
359
+ if (message.type === 'response' && message.id) {
360
+ const pending = this.pendingRequests.get(message.id);
361
+ if (pending) {
362
+ clearTimeout(pending.timeout);
363
+ this.pendingRequests.delete(message.id);
364
+
365
+ if (message.error) {
366
+ pending.reject(new Error(message.error.message));
367
+ } else {
368
+ pending.resolve(message.result);
369
+ }
370
+ }
371
+ }
372
+ } catch (error) {
373
+ console.warn('[Mandu Kitchen] Failed to parse MCP message:', error);
374
+ }
375
+ }
376
+
377
+ private handleDisconnect(): void {
378
+ this.ws = null;
379
+
380
+ if (this.options.autoReconnect && this.status !== 'disconnected') {
381
+ this.setStatus('error');
382
+ this.scheduleReconnect();
383
+ } else {
384
+ this.setStatus('disconnected');
385
+ }
386
+ }
387
+
388
+ private handleConnectionError(error: Error): void {
389
+ console.warn('[Mandu Kitchen] MCP connection error:', error.message);
390
+ this.setStatus('error');
391
+
392
+ if (this.options.autoReconnect) {
393
+ this.scheduleReconnect();
394
+ }
395
+ }
396
+
397
+ private scheduleReconnect(): void {
398
+ if (this.reconnectAttempts >= this.options.maxReconnectAttempts) {
399
+ console.warn('[Mandu Kitchen] Max reconnection attempts reached');
400
+ this.setStatus('disconnected');
401
+ return;
402
+ }
403
+
404
+ this.reconnectAttempts++;
405
+ console.log(
406
+ `[Mandu Kitchen] Reconnecting in ${this.options.reconnectInterval}ms (attempt ${this.reconnectAttempts}/${this.options.maxReconnectAttempts})`
407
+ );
408
+
409
+ this.reconnectTimer = setTimeout(() => {
410
+ this.connect().catch(() => {
411
+ // 에러는 handleConnectionError에서 처리됨
412
+ });
413
+ }, this.options.reconnectInterval);
414
+ }
415
+
416
+ private async sendRequest<T>(method: string, params: unknown): Promise<T> {
417
+ if (!this.ws || this.status !== 'connected') {
418
+ throw new Error('Not connected to MCP server');
419
+ }
420
+
421
+ const id = `req-${++this.requestIdCounter}`;
422
+
423
+ return new Promise<T>((resolve, reject) => {
424
+ const timeout = setTimeout(() => {
425
+ this.pendingRequests.delete(id);
426
+ reject(new Error('Request timeout'));
427
+ }, this.options.requestTimeout);
428
+
429
+ this.pendingRequests.set(id, {
430
+ resolve: resolve as (result: unknown) => void,
431
+ reject,
432
+ timeout,
433
+ });
434
+
435
+ const message: MCPMessage = {
436
+ id,
437
+ type: 'request',
438
+ method,
439
+ params,
440
+ };
441
+
442
+ this.ws!.send(JSON.stringify(message));
443
+ });
444
+ }
445
+ }
446
+
447
+ // ============================================================================
448
+ // Singleton Instance
449
+ // ============================================================================
450
+
451
+ let globalMCPConnector: MCPConnector | null = null;
452
+
453
+ export function getMCPConnector(options?: MCPConnectorOptions): MCPConnector {
454
+ if (!globalMCPConnector) {
455
+ globalMCPConnector = new MCPConnector(options);
456
+ }
457
+ return globalMCPConnector;
458
+ }
459
+
460
+ export function destroyMCPConnector(): void {
461
+ if (globalMCPConnector) {
462
+ globalMCPConnector.disconnect();
463
+ globalMCPConnector = null;
464
+ }
465
+ }