@nine-lab/nine-mu 0.1.105 → 0.1.107

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.105",
+  "version": "0.1.107",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",
@@ -46,5 +46,8 @@
     "spring-react"
   ],
   "author": "nine-mu",
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.29.0"
+  }
 }

package/src/components/NineChat.js

@@ -1,5 +1,7 @@
 import { nine, trace, api } from '@nine-lab/nine-util';
 import { NineMuService } from '../services/NineMuService.js';
+import { Client } from "@modelcontextprotocol/sdk/client/index.js";
+import { WebSocketClientTransport } from "@modelcontextprotocol/sdk/client/websocket.js";
 
 export class NineChat extends HTMLElement {
     #service = null;
@@ -8,6 +10,7 @@ export class NineChat extends HTMLElement {
     #packageName;
     #routesPath;
     #connectorUrl;
+    #mcpClient;
 
     constructor() {
         super();
@@ -26,7 +29,7 @@ export class NineChat extends HTMLElement {
         this.#render();
         this.#initInteractions(); // UI 토글 로직
         this.#initActions();      // 엔터 시 실행 로직
-
+        this.#initMcp();
 
         const res = await api.post("/nine-mu/config/get", {});
         this.#routesPath = res?.userDir + "/" + this.#packageName + "/public/prompts/data/routes.json";
@@ -34,8 +37,6 @@ export class NineChat extends HTMLElement {
 
         // 경로 데이터 로드
         this.#routes = await this.#service.fetchRoutes(this.getAttribute('route-url'));
-
-
     }
 
     // --- [그룹 1: Interaction] 화면 토글 및 메뉴 클릭 ---
@@ -96,6 +97,28 @@ export class NineChat extends HTMLElement {
         });
     }
 
+    #initMcp = async () => {
+        // 중복 연결 방지
+        if (this.#mcpClient) return;
+
+        try {
+            // [변경] WebSocket 트랜스포트 설정 (서버 주소와 프로토콜 확인)
+            const transport = new WebSocketClientTransport(new URL(this.#connectorUrl));
+
+            this.#mcpClient = new Client({
+                name: "nine-mcp-client",
+                version: "1.0.0"
+            }, { capabilities: { tools: {} } });
+
+            trace.log("Connecting to MCP via WebSocket...");
+            await this.#mcpClient.connect(transport);
+
+            trace.log("✅ Nine MCP Connected (WebSocket)");
+        } catch (err) {
+            trace.error("❌ MCP 초기화 에러:", err);
+        }
+    };
+
     #render() {
         const placeholder = this.getAttribute("placeholder") || "나에게 무엇이든 물어봐...";
         const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
@@ -163,20 +186,6 @@ export class NineChat extends HTMLElement {
         //trace.log("분석 완료. 생성할 태스크:", res2?.tasks);
 
         if (res2.success && res2?.tasks) {
-            /**
-             // 2. 이미 만들어두신 자바 컨트롤러의 saveRoutes 호출
-             const saveRes = await api.post("/nine-mu/source/generateTmplFile", {
-             //basePath: "/Users/nandoo/nine-edu/nine-edu-web/nine-edu-be/tmpl",
-             fileNm: "routes.json",
-             contents: JSON.stringify(res.tasks, null, 2),
-             //routes: res.tasks,
-             //feProjectName: "nine-edu-fe-admin" // 현재 프로젝트명
-             });
-
-             trace.log(saveRes);
-             */
-            //trace.log(res2?.tasks);
-            //this.#showDiff(jsonRoutes, JSON.stringify(res2?.tasks, null, 2), "json");
             this.#showDiff(jsonRoutes, res2?.tasks, "json");
         }
     }