@mandujs/core 0.13.0 → 0.13.1

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 (155) 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 +2 -0
  87. package/src/filling/sse.test.ts +168 -0
  88. package/src/filling/sse.ts +162 -0
  89. package/src/generator/index.ts +3 -3
  90. package/src/guard/analyzer.ts +360 -360
  91. package/src/guard/ast-analyzer.ts +806 -806
  92. package/src/guard/contract-guard.ts +9 -9
  93. package/src/guard/file-type.test.ts +24 -24
  94. package/src/guard/presets/atomic.ts +70 -70
  95. package/src/guard/presets/clean.ts +77 -77
  96. package/src/guard/presets/fsd.ts +79 -79
  97. package/src/guard/presets/hexagonal.ts +68 -68
  98. package/src/guard/presets/index.ts +291 -291
  99. package/src/guard/reporter.ts +445 -445
  100. package/src/guard/rules.ts +12 -12
  101. package/src/guard/statistics.ts +578 -578
  102. package/src/guard/suggestions.ts +358 -358
  103. package/src/guard/types.ts +348 -348
  104. package/src/guard/validator.ts +834 -834
  105. package/src/guard/watcher.ts +404 -404
  106. package/src/index.ts +6 -1
  107. package/src/intent/index.ts +310 -310
  108. package/src/island/index.ts +304 -304
  109. package/src/logging/index.ts +22 -22
  110. package/src/logging/transports.ts +365 -365
  111. package/src/plugins/index.ts +38 -38
  112. package/src/plugins/registry.ts +377 -377
  113. package/src/plugins/types.ts +363 -363
  114. package/src/report/index.ts +1 -1
  115. package/src/router/fs-patterns.ts +387 -387
  116. package/src/router/fs-scanner.ts +497 -497
  117. package/src/runtime/boundary.tsx +232 -232
  118. package/src/runtime/compose.ts +222 -222
  119. package/src/runtime/escape.ts +44 -0
  120. package/src/runtime/lifecycle.ts +381 -381
  121. package/src/runtime/logger.test.ts +345 -345
  122. package/src/runtime/logger.ts +677 -677
  123. package/src/runtime/router.test.ts +476 -476
  124. package/src/runtime/router.ts +105 -105
  125. package/src/runtime/security.ts +155 -155
  126. package/src/runtime/server.ts +257 -0
  127. package/src/runtime/session-key.ts +328 -328
  128. package/src/runtime/ssr.ts +16 -21
  129. package/src/runtime/streaming-ssr.ts +24 -33
  130. package/src/runtime/trace.ts +144 -144
  131. package/src/seo/index.ts +214 -214
  132. package/src/seo/integration/ssr.ts +307 -307
  133. package/src/seo/render/basic.ts +427 -427
  134. package/src/seo/render/index.ts +143 -143
  135. package/src/seo/render/jsonld.ts +539 -539
  136. package/src/seo/render/opengraph.ts +191 -191
  137. package/src/seo/render/robots.ts +116 -116
  138. package/src/seo/render/sitemap.ts +137 -137
  139. package/src/seo/render/twitter.ts +126 -126
  140. package/src/seo/resolve/index.ts +353 -353
  141. package/src/seo/resolve/opengraph.ts +143 -143
  142. package/src/seo/resolve/robots.ts +73 -73
  143. package/src/seo/resolve/title.ts +94 -94
  144. package/src/seo/resolve/twitter.ts +73 -73
  145. package/src/seo/resolve/url.ts +97 -97
  146. package/src/seo/routes/index.ts +290 -290
  147. package/src/seo/types.ts +575 -575
  148. package/src/slot/validator.ts +39 -39
  149. package/src/spec/index.ts +3 -3
  150. package/src/spec/load.ts +76 -76
  151. package/src/spec/lock.ts +56 -56
  152. package/src/utils/bun.ts +8 -8
  153. package/src/utils/lru-cache.ts +75 -75
  154. package/src/utils/safe-io.ts +188 -188
  155. 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
+ }