@nine-lab/nine-mu 0.1.292 → 0.1.293

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.291"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.292"}/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.291"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.292"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43847,11 +43847,14 @@ class NineDiffPopup extends HTMLElement {
     return this;
   }
   /**
-   * 💡 [틀 고정 + 에디터 동적 인스턴싱 엔진]
+   * 💡 [100% 데이터 기반 동적 탭/에디터 빌드 엔진]
    */
   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";
@@ -43859,46 +43862,32 @@ class NineDiffPopup extends HTMLElement {
       if (lower.endsWith(".json")) return "json";
       return "javascript";
     };
-    setTimeout(() => {
-      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 {
-          if (currentBtn) {
-            currentBtn.style.display = "none";
-            currentBtn.classList.remove("active");
-          }
-          pageBody.innerHTML = "";
-        }
-      });
+    fileList.forEach((file) => {
+      const { layer: layer2, full_path } = file;
+      const fileName = full_path.split("/").pop() || "Unknown";
+      const captionName = `${layer2.toUpperCase()} (${fileName})`;
+      const targetHtmlContent = `<nine-diff class="${layer2}"></nine-diff>`;
+      if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).addTabPage === "function") {
+        __privateGet(this, _tabContainer).addTabPage(captionName, targetHtmlContent);
+      }
+    });
+    requestAnimationFrame(() => {
       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();
+        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);
+          } else {
+            trace.error(`❌ 동적 에디터 탐색 유실: nine-diff.${layer2}`);
           }
         });
+        if (__privateGet(this, _tabContainer) && typeof __privateGet(this, _tabContainer).initialize === "function") {
+          __privateGet(this, _tabContainer).initialize();
+        }
       });
-    }, 120);
+    });
     return this;
   }
 }
@@ -43908,11 +43897,11 @@ _fileList = new WeakMap();
 _host = new WeakMap();
 _NineDiffPopup_instances = new WeakSet();
 /**
- * 💡 탭 페이지 외곽 정적 구조 확보
+ * 💡 [스케폴딩] 탭 내부는 완전히 비워두고 오직 순수한 컴포넌트 틀만 배치합니다.
  */
 renderScaffolding_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
-  const appVersion = "0.1.291";
+  const appVersion = "0.1.292";
   this.shadowRoot.innerHTML = `
             <style>
                 @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${appVersion}/dist/css/nine-mu.css";
@@ -43920,12 +43909,7 @@ renderScaffolding_fn = function() {
             </style>
             
             <nine-dialog>
-                <nine-tab theme="theme-3">
-                    <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>
+                <nine-tab theme="theme-3"></nine-tab>
                 
                 <div class="footer">
                     <button class="btn btn-cancel">취소</button>
@@ -44256,7 +44240,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.291"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.292"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44350,7 +44334,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.291",
+  version: "0.1.292",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }