@nine-lab/nine-mu 0.1.279 → 0.1.280

package/dist/nine-mu.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _owner, _NotificationHandler_instances, handleLoggingMessage_fn, _modifySource, _generateSource, _mcpClient, _onAction, _onStatus, _onMessage, _owner2, _routeUrl, _chatHistory, _notiHandler, _NineChatManager_instances, connect_fn, updateStatus_fn, callTool_fn, _getSourcePath, _service, _packageName, _routesPath, _connectorUrl, _manager, _config, _$nineChatMessage, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _makeMenuHandler, _sourceGenHandler, _showDiff, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _setupScrollSync, _applyDiffDecorations, _dialog, _diffView, _asisBackup, _host, _NineDiffPopup_instances, render_fn2, handleConfirm_fn, handleCancel_fn, _message, _data, _unique, _init, _message2, _init2, _progressData, _progressElements, _animationIntervals, _ProgressMessage_instances, updateCurrentActiveProgress_fn, renderProgress_fn, updateProgressItemVisuals_fn, startAnimation_fn, updateProgressItem_fn, _renderer, _init3;
+var _owner, _NotificationHandler_instances, handleLoggingMessage_fn, _modifySource, _generateSource, _mcpClient, _onAction, _onStatus, _onMessage, _owner2, _routeUrl, _chatHistory, _notiHandler, _NineChatManager_instances, connect_fn, updateStatus_fn, callTool_fn, _getSourcePath, _service, _packageName, _routesPath, _connectorUrl, _manager, _config, _$nineChatMessage, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _makeMenuHandler, _sourceGenHandler, _showDiff, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _setupScrollSync, _applyDiffDecorations, _dialog, _tabContainer, _filesMap, _host, _NineDiffPopup_instances, renderScaffolding_fn, handleConfirmAll_fn, handleCancel_fn, _message, _data, _unique, _init, _message2, _init2, _progressData, _progressElements, _animationIntervals, _ProgressMessage_instances, updateCurrentActiveProgress_fn, renderProgress_fn, updateProgressItemVisuals_fn, startAnimation_fn, updateProgressItem_fn, _renderer, _init3;
 import { trace as trace$1, api, nine as nine$1 } from "@nine-lab/nine-util";
 class Trace extends trace$1.constructor {
   constructor() {
@@ -17081,7 +17081,7 @@ class NotificationHandler {
     __privateAdd(this, _NotificationHandler_instances);
     __privateAdd(this, _owner);
     __privateAdd(this, _modifySource, async (data) => {
-      console.log(data.source);
+      console.log(data);
     });
     /**
      * [분리 비즈니스 로직 2] 수신된 소스코드 데이터 유효성 검증 및 추후 파일 저장 연동
@@ -17126,13 +17126,11 @@ handleLoggingMessage_fn = function(params) {
   switch (logger) {
     case "generate-source-brain":
       if (data && data.source) {
-        trace.log(`[시그널 감지] 설계 완료`, data);
         __privateGet(this, _generateSource).call(this, data);
       }
       break;
     case "modify-source-brain":
       if (data && data.source) {
-        trace.log(`[시그널 감지] 설계 완료`, data);
         __privateGet(this, _modifySource).call(this, data);
       }
       break;
@@ -17535,7 +17533,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.278"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.279"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43752,7 +43750,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.278"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.279"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43804,96 +43802,147 @@ class NineDiffPopup extends HTMLElement {
     super();
     __privateAdd(this, _NineDiffPopup_instances);
     __privateAdd(this, _dialog, null);
-    __privateAdd(this, _diffView, null);
-    // Container 대신 직접 에디터 뷰를 참조
-    __privateAdd(this, _asisBackup, "");
+    __privateAdd(this, _tabContainer, null);
+    __privateAdd(this, _filesMap, /* @__PURE__ */ new Map());
+    // 각 탭(파일)별 원본 및 에디터 뷰 인스턴스, 메타데이터 관리를 위한 맵
     __privateAdd(this, _host);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
     __privateSet(this, _host, this.getRootNode().host);
-    __privateMethod(this, _NineDiffPopup_instances, render_fn2).call(this);
+    __privateMethod(this, _NineDiffPopup_instances, renderScaffolding_fn).call(this);
   }
   popup() {
     __privateGet(this, _dialog).showModal();
     return this;
   }
   /**
-   * @param {string|object} asis - 소스 텍스트 또는 url:/file: 경로
-   * @param {string|object} tobe - 소스 텍스트 또는 url:/file: 경로
-   * @param {string} lang - 언어 설정
+   * 💡 [핵심 고도화] 여러 파일 리스트를 받아 동적으로 탭을 생성하고 데이터를 주입하는 함수
+   * @param {Array} fileList - [{ layer: "MyBatis", full_path: "...", asis_source: "...", source: "..." }]
    */
-  async data(asis, tobe, lang = "javascript") {
-    const loadSource = async (src) => {
-      if (typeof src === "string" && (src.startsWith("url:") || src.startsWith("file:"))) {
-        const targetUrl = src.replace(/^(url:|file:)/, "");
-        try {
-          trace.log(`📡 리모트 로드: ${targetUrl}`);
-          const res = await fetch(targetUrl);
-          if (!res.ok) throw new Error(`Status: ${res.status}`);
-          return await res.text();
-        } catch (e) {
-          trace.error(`로드 실패 [${targetUrl}]:`, e);
-          return `// 로드 실패: ${targetUrl}
-${e.message}`;
-        }
-      }
-      return src;
+  async data(fileList) {
+    if (!Array.isArray(fileList) || fileList.length === 0) return this;
+    __privateGet(this, _tabContainer).innerHTML = "";
+    __privateGet(this, _filesMap).clear();
+    const detectLanguage = (path) => {
+      const lower = (path || "").toLowerCase();
+      if (lower.endsWith(".xml")) return "xml";
+      if (lower.endsWith(".java")) return "java";
+      if (lower.endsWith(".json")) return "json";
+      return "javascript";
     };
-    const [finalAsis, finalTobe] = await Promise.all([
-      loadSource(asis),
-      loadSource(tobe)
-    ]);
-    __privateSet(this, _asisBackup, finalAsis);
-    __privateGet(this, _diffView).addEventListener("ready", () => {
-      const asisStr = typeof finalAsis === "object" ? JSON.stringify(finalAsis, null, 2) : finalAsis;
-      const tobeStr = typeof finalTobe === "object" ? JSON.stringify(finalTobe, null, 2) : finalTobe;
-      __privateGet(this, _diffView).initialize(asisStr, tobeStr, lang);
-    }, { once: true });
+    fileList.forEach((file, index) => {
+      const { layer: layer2, full_path, asis_source, source } = file;
+      const lang = detectLanguage(full_path);
+      const caption = `${layer2} (${full_path.split("/").pop()})`;
+      const tabPage = document.createElement("nine-tab-page");
+      tabPage.setAttribute("caption", caption);
+      const diffWrapper = document.createElement("div");
+      diffWrapper.className = "diff-wrapper";
+      const diffView = document.createElement("nine-diff");
+      diffWrapper.appendChild(diffView);
+      tabPage.appendChild(diffWrapper);
+      __privateGet(this, _tabContainer).appendChild(tabPage);
+      const fileKey = `file_tab_${index}`;
+      __privateGet(this, _filesMap).set(fileKey, {
+        layer: layer2,
+        fullPath: full_path,
+        asisSource: asis_source,
+        diffView
+      });
+      diffView.addEventListener("ready", () => {
+        diffView.initialize(asis_source || "", source || "", lang);
+      }, { once: true });
+    });
     return this;
   }
 }
 _dialog = new WeakMap();
-_diffView = new WeakMap();
-_asisBackup = new WeakMap();
+_tabContainer = new WeakMap();
+_filesMap = new WeakMap();
 _host = new WeakMap();
 _NineDiffPopup_instances = new WeakSet();
-render_fn2 = function() {
+/**
+ * 💡 기본 다이얼로그 및 레이아웃 스케폴딩 렌더링
+ */
+renderScaffolding_fn = function() {
   const customImport = this.getAttribute("css-path") ? `@import "${this.getAttribute("css-path")}";` : "";
+  const appVersion = "0.1.279";
   this.shadowRoot.innerHTML = `
-           	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.278"}/dist/css/nine-mu.css";
+            <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 - 120px); /* 푸터와 탭 헤더 높이를 제외한 에디터 영역 확보 */
+                    width: 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="diff-area">
-                        <nine-diff></nine-diff>
+                    <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>
+                        <button class="btn btn-confirm">모두 저장</button>
                     </div>
                 </div>
             </nine-dialog>
         `;
   __privateSet(this, _dialog, this.shadowRoot.querySelector("nine-dialog"));
-  __privateSet(this, _diffView, this.shadowRoot.querySelector("nine-diff"));
-  this.shadowRoot.querySelector(".btn-confirm").onclick = () => __privateMethod(this, _NineDiffPopup_instances, handleConfirm_fn).call(this);
+  __privateSet(this, _tabContainer, this.shadowRoot.querySelector("nine-tab"));
+  this.shadowRoot.querySelector(".btn-confirm").onclick = () => __privateMethod(this, _NineDiffPopup_instances, handleConfirmAll_fn).call(this);
   this.shadowRoot.querySelector(".btn-cancel").onclick = () => __privateMethod(this, _NineDiffPopup_instances, handleCancel_fn).call(this);
 };
-handleConfirm_fn = function() {
-  const content2 = __privateGet(this, _diffView) ? __privateGet(this, _diffView).getContents() : __privateGet(this, _asisBackup);
-  const params = {
-    packageName: __privateGet(this, _host).getAttribute("package-name"),
-    contents: content2
-  };
-  api.post(`/nine-mu/source/generateJsonFile`, params).then((res) => {
-    nine$1.alert("소스를 변경하였습니다.").then((res2) => {
-      __privateGet(this, _dialog).close();
+handleConfirmAll_fn = async function() {
+  var _a2;
+  const payloadList = [];
+  for (const [key, fileObj] of __privateGet(this, _filesMap).entries()) {
+    const { diffView, fullPath, asisSource, layer: layer2 } = fileObj;
+    const currentContent = diffView ? diffView.getContents() : asisSource;
+    payloadList.push({
+      layer: layer2,
+      fullPath,
+      packageName: ((_a2 = __privateGet(this, _host)) == null ? void 0 : _a2.getAttribute("package-name")) || "com.ninelab.ai",
+      contents: currentContent
     });
-  });
+  }
+  try {
+    await api.post(`/nine-mu/source/generateJsonFileBatch`, { fileList: payloadList });
+    await nine$1.alert("요청하신 모든 파일의 소스 변경 사항이 성공적으로 반영되었습니다.");
+    __privateGet(this, _dialog).close();
+  } catch (error) {
+    trace.error("일괄 파일 저장 처리 중 실패:", error);
+    nine$1.alert("소스 저장 중 오류가 발생했습니다.");
+  }
 };
 handleCancel_fn = function() {
   __privateGet(this, _dialog).close();
@@ -44188,7 +44237,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.278"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.279"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44282,7 +44331,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.278",
+  version: "0.1.279",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }