@nine-lab/nine-mu 0.1.324 → 0.1.326

package/package.json

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

package/src/components/NineChat.js

@@ -125,7 +125,8 @@ export class NineChat extends HTMLElement {
 
                         const asis = await this.#manager.getRoutes();
 
-                        if (parsed?.selected_tool === "generator-menu") {
+                        /**
+                        if (parsed?.selected_tool === "generate-menu") {
                             const hasCreated = parsed?.data.some(item => item.action === 'CREATE');
                             const hasUpdated = parsed?.data.some(item => item.action === 'UPDATE');
                             const hasDeleted = parsed?.data.some(item => item.action === 'DELETE');
@@ -140,7 +141,7 @@ export class NineChat extends HTMLElement {
                                     this.#showDiff(asis, tobe, "json");
                                 });
                             }
-                        }
+                        } */
 
                         // 💡 만약 intent가 EXECUTE_TOOL이거나 NAVIGATE일 때 프론트에서
                         // 화면 이동(Routing)이나 추가 액션을 해야 한다면 여기서 parsedData.target_path 등을 활용하면 됩니다!

package/src/components/NotificationHandler.js

@@ -1,12 +1,15 @@
 import { trace } from "@nopeer";
 import { api } from "@nine-lab/nine-util";
+import {NineChatManager} from "./NineChatManager.js";
 
 export class NotificationHandler {
     #owner;
+    #manager;
     #collectedFiles = [];
 
     constructor(owner) {
         this.#owner = owner; // 웹 컴포넌트나 UI DOM 인스턴스
+        this.#manager = new NineChatManager(owner);
     }
 
     /**
@@ -36,31 +39,39 @@ export class NotificationHandler {
         // 2. 🚨 [나중에 100시간짜리 완벽을 채울 핵심 길목]
         // 데이터에 소스코드 알맹이(data.source)나 메타데이터가 실려 내려왔을 때의 행위를 여기서 격리 처리합니다.
 
+        /**
         switch (logger) {
             case "generate-source-brain":
-                //if (data && data.source) {
-                    //trace.log(`[시그널 감지] 설계 완료`, data);
-                    this.#generateSource(data);
-                //}
+                this.#generateSource(data);
                 break;
 
             case "modify-source-brain":
-                if (data && data.source) {
-                    this.#collectModifySource(data);
-                }
+                this.#collectModifySource(data);
                 break;
 
             case "modify-source-brain-completed":
-                //trace.log(`[시그널 감지] 설계 완료`, data);
                 this.#openDiffPopup();
                 break;
-        }
+        } */
+
+        // 자바의 -> 처럼 자바스크립트의 => (화살표 함수)를 활용한 매핑
+        const runAction = {
+            "generate-menu-completed":         () => this.#generateMenu(data),
+            "generate-source-brain":         () => this.#generateSource(data),
+            "modify-source-brain":           () => this.#collectModifySource(data),
+            "modify-source-brain-completed": () => this.#openDiffPopup(),
+        }[logger];
+
+        runAction?.();
     }
 
     /**
      * 레이어별로 순차 도착하는 파일들을 유실 없이 배열 버퍼에 수집
      */
     #collectModifySource = (data) => {
+
+        if (!data || !data.source) return;
+
         const filePayload = {
             layer: data.layer || "Unknown",
             full_path: data.full_path || "unknown_file",
@@ -78,9 +89,7 @@ export class NotificationHandler {
         if (this.#collectedFiles.length === 0) return;
 
         const $oldPopup = this.#owner.shadowRoot.querySelector('nine-diff-popup');
-        if ($oldPopup) {
-            $oldPopup.remove();
-        }
+        if ($oldPopup) $oldPopup.remove();
 
         // DOM 상에 싱글톤 팝업 인스턴스 레이아웃 추출 및 빌드
 
@@ -99,28 +108,60 @@ export class NotificationHandler {
         this.#collectedFiles = [];
     };
 
+    #openRouteDiffPopup = (asis, tobe, lang) => {
+        // 1. 혹시 잔상이 남아있을지 모르니 기존에 생성된 팝업이 있다면 강제 제거
+        const $oldPopup = this.#owner.shadowRoot.querySelector('nine-menu-diff-popup');
+        if ($oldPopup) $oldPopup.remove();
+
+        // 2. 동적으로 커스텀 엘리먼트 생성
+        const $diffPopup = document.createElement('nine-menu-diff-popup');
+
+        // 3. 래퍼(wrapper) 안이나 shadowRoot 제일 밑바닥에 부착
+        const container = this.#owner.shadowRoot.querySelector('.wrapper') || this.shadowRoot;
+        container.appendChild($diffPopup);
+
+        // 4. 데이터 주입 및 팝업 실행
+        // 💡 팝업이 네이티브 <dialog> 기반이라면 .popup() 내부에서 showModal()이 실행될 겁니다.
+        $diffPopup.popup().data(asis, tobe, lang);
+    }
+
     /**
      * [분리 비즈니스 로직 2] 수신된 소스코드 데이터 유효성 검증 및 추후 파일 저장 연동
      */
     #generateSource = async (data) => {
 
-        trace.log(data);
-
-        return;
-
-        // 소스코드 데이터가 정상적으로 확보되었는지 1%의 누락 검증
-        if (data.layer) {
-            //trace.warn("⚠️ 소스 또는 파일명 누락 데이터 수신됨", data);
-            //return;
-        }
+        if (!data.path || !data.source) return;
 
         const res = await api.post("/nine-mu/source/generateRealFileSingle", {
             //package_path: data.path,
             //file_name: data.file_name,
-            currentPath: location.pathname,
+            currentPath: data.path,
             contents: data.source
         });
 
-        trace.log(res)
+        trace.log(res);
+    }
+
+    #generateMenu = async (data) => {
+
+        if (!data) return;
+
+        const hasCreated = data.some(item => item.action === 'CREATE');
+        const hasUpdated = data.some(item => item.action === 'UPDATE');
+        const hasDeleted = data.some(item => item.action === 'DELETE');
+
+        if (hasUpdated || hasCreated || hasDeleted) {
+
+            const asis = await this.#manager.getRoutes();
+
+            // 진짜 메뉴명 변경이나 이동만 요청한 경우
+            nine.alert("메뉴 정리를 위한 라우터 정보 저장 화면으로 이동합니다.").then(res => {
+                const tobe = (data || [])
+                    .filter(item => item.action !== 'DELETE')
+                    .map(({ isNew, action, ...rest }) => rest);
+
+                this.#openRouteDiffPopup(asis, tobe, "json");
+            });
+        }
     }
 }