@nine-lab/nine-mu 0.1.290 → 0.1.292

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.289"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.291"}/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.289"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.291"}/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,8 +43847,7 @@ class NineDiffPopup extends HTMLElement {
     return this;
   }
   /**
-   * 💡 [기존 정적 매핑 방식]
-   * 동적 생성 없이, 이미 조립되어 들어간 nine-tab 내부의 에디터를 정밀 타격하여 데이터만 꽂습니다.
+   * 💡 [틀 고정 + 에디터 동적 인스턴싱 엔진]
    */
   async data(fileList) {
     if (!Array.isArray(fileList) || fileList.length === 0) return this;
@@ -43861,27 +43860,45 @@ class NineDiffPopup extends HTMLElement {
       return "javascript";
     };
     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);
+      const activeLayers = fileList.map((f) => f.layer);
+      const tabButtons = __privateGet(this, _tabContainer).shadowRoot.querySelectorAll(".tab-button");
+      const targetLayers = ["MyBatis", "Service", "Controller", "JavaScript"];
+      targetLayers.forEach((layerName, index) => {
+        const currentBtn = tabButtons[index];
+        const pageBody = __privateGet(this, _tabContainer).shadowRoot.getElementById(`content${index}`);
+        if (!pageBody) return;
+        if (activeLayers.includes(layerName)) {
+          const fileData = fileList.find((f) => f.layer === layerName);
+          const fileName = fileData.full_path.split("/").pop() || "Unknown";
+          if (currentBtn) {
+            currentBtn.textContent = `${layerName.toUpperCase()} (${fileName})`;
+            currentBtn.style.display = "unset";
+          }
+          pageBody.innerHTML = `<nine-diff class="${layerName}"></nine-diff>`;
         } else {
-          trace.error(`❌ 에디터 인스턴스를 찾을 수 없습니다: nine-diff.${layer2}`);
+          if (currentBtn) {
+            currentBtn.style.display = "none";
+            currentBtn.classList.remove("active");
+          }
+          pageBody.innerHTML = "";
         }
       });
-      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
-        __privateGet(this, _tabContainer).initialize();
-      }
-    }, 100);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          fileList.forEach((file) => {
+            const { layer: layer2, full_path, asis_source, source } = file;
+            const diff = __privateGet(this, _tabContainer).shadowRoot.querySelector(`nine-diff.${layer2}`);
+            if (diff && typeof diff.initialize === "function") {
+              const lang = detectLanguage(full_path);
+              diff.initialize(asis_source || "", source || "", lang);
+            }
+          });
+          if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
+            __privateGet(this, _tabContainer).initialize();
+          }
+        });
+      });
+    }, 120);
     return this;
   }
 }
@@ -43891,12 +43908,11 @@ _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.289";
+  const appVersion = "0.1.291";
   this.shadowRoot.innerHTML = `
             <style>
                 @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${appVersion}/dist/css/nine-mu.css";
@@ -43905,12 +43921,10 @@ renderScaffolding_fn = function() {
             
             <nine-dialog>
                 <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-page caption="MYBATIS" id="layer_MyBatis"></nine-tab-page>
+                    <nine-tab-page caption="SERVICE" id="layer_Service"></nine-tab-page>
+                    <nine-tab-page caption="CONTROLLER" id="layer_Controller"></nine-tab-page>
+                    <nine-tab-page caption="JAVASCRIPT" id="layer_JavaScript"></nine-tab-page>
                 </nine-tab>
                 
                 <div class="footer">
@@ -44242,7 +44256,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.289"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.291"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44336,7 +44350,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.289",
+  version: "0.1.291",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }