@nine-lab/nine-mu 0.1.325 → 0.1.326

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.325",
+  "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

@@ -126,7 +126,7 @@ 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');

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);
     }
 
     /**
@@ -86,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 상에 싱글톤 팝업 인스턴스 레이아웃 추출 및 빌드
 
@@ -107,6 +108,23 @@ 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] 수신된 소스코드 데이터 유효성 검증 및 추후 파일 저장 연동
      */
@@ -126,25 +144,24 @@ export class NotificationHandler {
 
     #generateMenu = async (data) => {
 
-        //if (!data.path || !data.source) return;
+        if (!data) return;
 
-        trace.log(data);
-        /**
-        if (parsed?.selected_tool === "generator-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');
-
-            if (hasUpdated || hasCreated || hasDeleted) {
-                // 진짜 메뉴명 변경이나 이동만 요청한 경우
-                nine.alert("메뉴 정리를 위한 라우터 정보 저장 화면으로 이동합니다.").then(res => {
-                    const tobe = (parsed?.data || [])
-                        .filter(item => item.action !== 'DELETE')
-                        .map(({ isNew, action, ...rest }) => rest);
-
-                    this.#showDiff(asis, tobe, "json");
-                });
-            }
-        } */
+        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");
+            });
+        }
     }
 }