@nine-lab/nine-mu 0.1.317 → 0.1.319

package/package.json

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

package/src/components/NineDiffPopup.js

@@ -88,20 +88,24 @@ export class NineDiffPopup extends HTMLElement {
             `;
         });
 
-        // 3. 🚀 단 한 번의 연산으로 Light DOM 트리에 완전 슛 주입!
-        this.#tabContainer.innerHTML = totalTabHtml;
-
-        this.#tabContainer.querySelectorAll("nine-diff").forEach((element) => {
-            trace.log(element);
+        // 3. 🚀 [수정] 이벤트 위임: 탭 컨테이너 자체에 미리 이벤트를 걸어둠 (단 한 번만 등록)
+        // 중복 등록 방지를 위해 기존 리스너가 있다면 제거하거나, 혹은 생성자/connectedCallback에서 최초 1회만 등록해도 좋습니다.
+        this.#tabContainer.removeEventListener('change-dirty', this._onDiffDirtyChange);
+        this._onDiffDirtyChange = (e) => {
+            const { isDirty } = e.detail;
+            trace.log("이벤트 위임 감지 - IsDirty:", isDirty);
+
+            // 버튼 상태 제어
+            const confirmBtn = this.shadowRoot.querySelector('.btn-confirm');
+            if (confirmBtn) {
+                confirmBtn.disabled = !isDirty;
+            }
+        };
+        this.#tabContainer.addEventListener('change-dirty', this._onDiffDirtyChange);
 
-            element.addEventListener('change-dirty', (e) => {
-                const { isDirty } = e.detail;
-                trace.log(isDirty);
+        // 4. 🚀 단 한 번의 연산으로 Light DOM 트리에 완전 슛 주입!
+        this.#tabContainer.innerHTML = totalTabHtml;
 
-                trace.log(this.shadowRoot.querySelector('.btn-confirm'));
-                this.shadowRoot.querySelector('.btn-confirm').disabled = !isDirty; // 수정되었을 때만 저장 버튼 활성화
-            });
-        });
 
 
 

package/src/components/NotificationHandler.js

@@ -74,7 +74,7 @@ export class NotificationHandler {
      * 최종 조립이 끝나 시그널이 도달했을 때 딱 한 번 팝업을 열어 일괄 주입
      */
     #openDiffPopup = () => {
-        trace.log("1111111");
+
         if (this.#collectedFiles.length === 0) return;
 
         const $oldPopup = this.#owner.shadowRoot.querySelector('nine-diff-popup');
@@ -82,25 +82,19 @@ export class NotificationHandler {
             $oldPopup.remove();
         }
 
-        trace.log("222222");
         // DOM 상에 싱글톤 팝업 인스턴스 레이아웃 추출 및 빌드
 
-        const $popup = document.createElement('nine-diff-popup');
-        $popup.setAttribute('package-name', this.#owner.getAttribute('package-name') || '');
-
-        trace.log("33333");
+        const $diffPopup = document.createElement('nine-diff-popup');
+        $diffPopup.setAttribute('package-name', this.#owner.getAttribute('package-name') || '');
 
         const container = this.#owner.shadowRoot.querySelector('.wrapper') || this.#owner.shadowRoot;
         container.appendChild($diffPopup);
         //document.body.appendChild($popup);
 
-        trace.log("444444");
-
         // 팝업 내부 맵 저장소에 수집된 멀티 탭 소스 리스트 주입 및 모달 디스플레이
-        $popup.data([...this.#collectedFiles]);
-        $popup.popup();
+        $diffPopup.data([...this.#collectedFiles]);
+        $diffPopup.popup();
 
-        trace.log("55555");
         // 다음 수정 세션을 대비하여 핸들러 내부 전역 버퍼 완전 초기화
         this.#collectedFiles = [];
     };