@nine-lab/nine-mu 0.1.83 → 0.1.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",

package/src/components/NineChat.js

@@ -5,6 +5,8 @@ export class NineChat extends HTMLElement {
     #service = null;
     #routes = [];
     #diffPopup;
+    #packageName;
+    #routesPath;
 
     constructor() {
         super();
@@ -12,6 +14,9 @@ export class NineChat extends HTMLElement {
     }
 
     async connectedCallback() {
+
+        this.#packageName = this.getAttribute('package-name');
+
         // 서비스 초기화
         const connectorUrl = this.getAttribute('connector-url') || 'http://localhost:3002';
         this.#service = new NineMuService(connectorUrl);
@@ -22,19 +27,9 @@ export class NineChat extends HTMLElement {
 
 
         const res = await api.post("/nine-mu/config/get", {});
-        const routeUrl = res?.userDir + "/" + this.getAttribute('package-name') + "/public/prompts/data/routes.json";
-        trace.log(routeUrl);
-
-        const res2 = await api.post("/nine-mu/source/readFile", { path: routeUrl });
-        trace.log(res2);
-
-
-        const asisSource = res2.contents?.json();
+        this.#routesPath = res?.userDir + "/" + this.#packageName + "/public/prompts/data/routes.json";
 
 
-
-        trace.log(asisSource);
-
         // 경로 데이터 로드
         this.#routes = await this.#service.fetchRoutes(this.getAttribute('route-url'));
 
@@ -59,23 +54,8 @@ export class NineChat extends HTMLElement {
             });
         });
 
-        this.shadowRoot.querySelector(".source-gen")?.addEventListener("click", async e => {
-            const command = "";
-            const targets = "";
-
-            try {
-                const result = await this.#service.generateAll(command, targets, this.#routes);
-
-                // 4. 성공 처리
-                $status.textContent = "✅ 완료";
-                nine.alert("소스 생성 성공").rgb();
-                this.dispatchEvent(new CustomEvent('nine-mu-completed', { detail: result, bubbles: true }));
-            } catch (err) {
-                // 5. 실패 처리
-                $status.textContent = "❌ 실패";
-                nine.alert(err.message).rgb().shake();
-            }
-        });
+        this.shadowRoot.querySelector(".make-menu")?.addEventListener("click", this.#makeMenuHandler);
+        this.shadowRoot.querySelector(".source-gen")?.addEventListener("click", this.#sourceGenHandler);
     }
 
     // --- [그룹 2: Action] 엔터키 입력 시 서비스 호출 ---
@@ -161,6 +141,37 @@ export class NineChat extends HTMLElement {
         this.#diffPopup = this.shadowRoot.querySelector('nine-diff-popup');
     }
 
+    #makeMenuHandler = async e => {
+
+
+
+        const res = await api.post("/nine-mu/source/readFile", { path: this.#routesPath });
+        trace.log(res);
+
+        const jsonRoutes = res?.contents ? JSON.parse(res?.contents) : {};
+        trace.log(jsonRoutes);
+
+
+    }
+
+    #sourceGenHandler = async e => {
+        const command = "";
+        const targets = "";
+
+        try {
+            const result = await this.#service.generateAll(command, targets, this.#routes);
+
+            // 4. 성공 처리
+            $status.textContent = "✅ 완료";
+            nine.alert("소스 생성 성공").rgb();
+            this.dispatchEvent(new CustomEvent('nine-mu-completed', { detail: result, bubbles: true }));
+        } catch (err) {
+            // 5. 실패 처리
+            $status.textContent = "❌ 실패";
+            nine.alert(err.message).rgb().shake();
+        }
+    }
+
     showDiff = (asis, tobe, lang) => {
         this.#diffPopup.popup().data(asis, tobe, lang);
     }