@nine-lab/nine-mu 0.1.288 → 0.1.290

package/dist/nine-mu.js

@@ -17563,7 +17563,7 @@ render_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.287"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.289"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43780,7 +43780,7 @@ class NineDiff extends HTMLElement {
     const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.287"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.289"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43834,7 +43834,7 @@ class NineDiffPopup extends HTMLElement {
     __privateAdd(this, _dialog, null);
     __privateAdd(this, _tabContainer, null);
     __privateAdd(this, _fileList, []);
-    // 최종 [모두 저장]을 위한 차분 명세 데이터 버퍼
+    // 최종 일괄 저장을 위한 데이터 버퍼
     __privateAdd(this, _host);
     this.attachShadow({ mode: "open" });
   }
@@ -43847,14 +43847,12 @@ class NineDiffPopup extends HTMLElement {
     return this;
   }
   /**
-   * 💡 [정석 데이터 위임 연동 엔진]
+   * 💡 [기존 정적 매핑 방식]
+   * 동적 생성 없이, 이미 조립되어 들어간 nine-tab 내부의 에디터를 정밀 타격하여 데이터만 꽂습니다.
    */
   async data(fileList) {
     if (!Array.isArray(fileList) || fileList.length === 0) return this;
     __privateSet(this, _fileList, fileList);
-    if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).clearTabs === "function") {
-      __privateGet(this, _tabContainer).clearTabs();
-    }
     const detectLanguage = (path) => {
       const lower = (path || "").toLowerCase();
       if (lower.endsWith(".xml")) return "xml";
@@ -43862,31 +43860,28 @@ class NineDiffPopup extends HTMLElement {
       if (lower.endsWith(".json")) return "json";
       return "javascript";
     };
-    fileList.forEach((file) => {
-      const { layer: layer2, full_path } = file;
-      const fileName = full_path.split("/").pop() || "Unknown";
-      const captionName = `${layer2.toUpperCase()} (${fileName})`;
-      const targetHtmlContent = `
-                <div class="diff-wrapper">
-                    <nine-diff class="${layer2}"></nine-diff>
-                </div>
-            `;
-      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).addTabPage === "function") {
-        __privateGet(this, _tabContainer).addTabPage(captionName, targetHtmlContent);
-      }
-    });
     setTimeout(() => {
       fileList.forEach((file) => {
         const { layer: layer2, full_path, asis_source, source } = file;
         const diff = __privateGet(this, _tabContainer).shadowRoot.querySelector(`nine-diff.${layer2}`);
         if (diff) {
           const lang = detectLanguage(full_path);
+          const fileName = full_path.split("/").pop() || "Unknown";
+          const tabButtons = __privateGet(this, _tabContainer).shadowRoot.querySelectorAll(".tab-button");
+          tabButtons.forEach((btn) => {
+            if (btn.textContent.trim() === layer2.toUpperCase()) {
+              btn.textContent = `${layer2.toUpperCase()} (${fileName})`;
+            }
+          });
           diff.initialize(asis_source || "", source || "", lang);
         } else {
-          trace.error(`❌ 에디터 탐색 실패: nine-diff.${layer2}`);
+          trace.error(`❌ 에디터 인스턴스를 찾을 수 없습니다: nine-diff.${layer2}`);
         }
       });
-    }, 150);
+      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
+        __privateGet(this, _tabContainer).initialize();
+      }
+    }, 100);
     return this;
   }
 }
@@ -43896,64 +43891,31 @@ _fileList = new WeakMap();
 _host = new WeakMap();
 _NineDiffPopup_instances = new WeakSet();
 /**
- * 💡 기본 다이얼로그 외곽 프레임 및 스타일 스케폴딩 렌더링
+ * 💡 [기존 방식 복구] 스타일 전량 제거하고,
+ * 기존 소스처럼 nine-tab 내부에 nine-tab-page 2개를 정적으로 미리 박아 놓습니다.
  */
 renderScaffolding_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
-  const appVersion = "0.1.287";
+  const appVersion = "0.1.289";
   this.shadowRoot.innerHTML = `
             <style>
                 @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${appVersion}/dist/css/nine-mu.css";
                 ${customImport}
-                
-                .main-layout {
-                    display: flex;
-                    flex-direction: column;
-                    height: 80vh;
-                    width: 85vw;
-                    min-width: 800px;
-                }
-                .tab-area {
-                    flex: 1;
-                    overflow: hidden;
-                    display: flex;
-                    flex-direction: column;
-                }
-                nine-tab {
-                    flex: 1;
-                    display: flex;
-                    flex-direction: column;
-                    height: 100%;
-                }
-                /* 💡 에디터 영역의 가시성 및 너비/높이 한계선 고정 */
-                .diff-wrapper {
-                    height: calc(80vh - 160px); 
-                    width: 100%;
-                    display: block;
-                }
-                nine-diff {
-                    display: block;
-                    width: 100%;
-                    height: 100%;
-                }
-                .footer {
-                    display: flex;
-                    justify-content: flex-end;
-                    gap: 10px;
-                    padding: 15px 0 0 0;
-                    border-top: 1px solid #e5e7eb;
-                }
             </style>
             
             <nine-dialog>
-                <div class="main-layout">
-                    <div class="tab-area">
-                        <nine-tab theme="theme-3"></nine-tab>
-                    </div>
-                    <div class="footer">
-                        <button class="btn btn-cancel">취소</button>
-                        <button class="btn btn-confirm">모두 저장</button>
-                    </div>
+                <nine-tab theme="theme-3">
+                    <nine-tab-page caption="MYBATIS">
+                        <nine-diff class="MyBatis"></nine-diff>
+                    </nine-tab-page>
+                    <nine-tab-page caption="JAVASCRIPT">
+                        <nine-diff class="JavaScript"></nine-diff>
+                    </nine-tab-page>
+                </nine-tab>
+                
+                <div class="footer">
+                    <button class="btn btn-cancel">취소</button>
+                    <button class="btn btn-confirm">모두 저장</button>
                 </div>
             </nine-dialog>
         `;
@@ -44280,7 +44242,7 @@ class ChatMessageBody extends HTMLElement {
       const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
       this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.287"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.289"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44374,7 +44336,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.287",
+  version: "0.1.289",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }