@nine-lab/nine-mu 0.1.303 → 0.1.305

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, _collectedFiles, _NotificationHandler_instances, handleLoggingMessage_fn, _collectModifySource, _openDiffPopup, _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, _fileList, _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;
+var _owner, _collectedFiles, _NotificationHandler_instances, handleLoggingMessage_fn, _collectModifySource, _openDiffPopup, _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, _fileList, _host, _NineDiffPopup_instances, renderScaffolding_fn, handleConfirmAll_fn, handleCancel_fn, _dialog2, _diffView, _asisBackup, _host2, _NineMenuDiffPopup_instances, render_fn2, handleConfirm_fn, handleCancel_fn2, _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() {
@@ -17454,23 +17454,14 @@ class NineChat extends HTMLElement {
       trace.log(response);
     });
     __privateAdd(this, _showDiff, (asis, tobe, lang) => {
-      const oldPopup = this.shadowRoot.querySelector("nine-diff-popup");
+      const oldPopup = this.shadowRoot.querySelector("nine-menu-diff-popup");
       if (oldPopup) {
         oldPopup.remove();
       }
       const $diffPopup = document.createElement("nine-diff-popup");
       const container = this.shadowRoot.querySelector(".wrapper") || this.shadowRoot;
       container.appendChild($diffPopup);
-      const filePayload = {
-        //layer: "Unknown",
-        full_path: "unknown_file",
-        asis_source: asis || "",
-        source: tobe || ""
-      };
-      let collectedFiles = [];
-      collectedFiles.push(filePayload);
-      $diffPopup.data([...collectedFiles]);
-      $diffPopup.popup();
+      $diffPopup.popup().data(asis, tobe, lang);
     });
     this.attachShadow({ mode: "open" });
   }
@@ -17572,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.302"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.304"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43789,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.302"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.304"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43915,7 +43906,7 @@ renderScaffolding_fn = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.302"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.304"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -43962,6 +43953,106 @@ handleCancel_fn = function() {
 if (!customElements.get("nine-diff-popup")) {
   customElements.define("nine-diff-popup", NineDiffPopup);
 }
+class NineMenuDiffPopup extends HTMLElement {
+  constructor() {
+    super();
+    __privateAdd(this, _NineMenuDiffPopup_instances);
+    __privateAdd(this, _dialog2, null);
+    __privateAdd(this, _diffView, null);
+    // Container 대신 직접 에디터 뷰를 참조
+    __privateAdd(this, _asisBackup, "");
+    __privateAdd(this, _host2);
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    __privateSet(this, _host2, this.getRootNode().host);
+    __privateMethod(this, _NineMenuDiffPopup_instances, render_fn2).call(this);
+  }
+  popup() {
+    __privateGet(this, _dialog2).showModal();
+    return this;
+  }
+  /**
+   * @param {string|object} asis - 소스 텍스트 또는 url:/file: 경로
+   * @param {string|object} tobe - 소스 텍스트 또는 url:/file: 경로
+   * @param {string} lang - 언어 설정
+   */
+  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;
+    };
+    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 });
+    return this;
+  }
+}
+_dialog2 = new WeakMap();
+_diffView = new WeakMap();
+_asisBackup = new WeakMap();
+_host2 = new WeakMap();
+_NineMenuDiffPopup_instances = new WeakSet();
+render_fn2 = 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.304"}/dist/css/nine-mu.css";
+                ${customImport}
+            </style>
+            
+            <nine-dialog>
+                <div class="main-layout">
+                    <div class="diff-area">
+                        <nine-diff></nine-diff>
+                    </div>
+                    <div class="footer">
+                        <button class="btn btn-cancel">취소</button>
+                        <button class="btn btn-confirm">저장</button>
+                    </div>
+                </div>
+            </nine-dialog>
+        `;
+  __privateSet(this, _dialog2, this.shadowRoot.querySelector("nine-dialog"));
+  __privateSet(this, _diffView, this.shadowRoot.querySelector("nine-diff"));
+  this.shadowRoot.querySelector(".btn-confirm").onclick = () => __privateMethod(this, _NineMenuDiffPopup_instances, handleConfirm_fn).call(this);
+  this.shadowRoot.querySelector(".btn-cancel").onclick = () => __privateMethod(this, _NineMenuDiffPopup_instances, handleCancel_fn2).call(this);
+};
+handleConfirm_fn = function() {
+  const content2 = __privateGet(this, _diffView) ? __privateGet(this, _diffView).getContents() : __privateGet(this, _asisBackup);
+  const params = {
+    packageName: __privateGet(this, _host2).getAttribute("package-name"),
+    contents: content2
+  };
+  api.post(`/nine-mu/source/generateJsonFile`, params).then((res) => {
+    nine$1.alert("소스를 변경하였습니다.").then((res2) => {
+      __privateGet(this, _dialog2).close();
+    });
+  });
+};
+handleCancel_fn2 = function() {
+  __privateGet(this, _dialog2).close();
+};
+customElements.define("nine-menu-diff-popup", NineMenuDiffPopup);
 class AiMessage extends HTMLElement {
   constructor() {
     super();
@@ -44251,7 +44342,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.302"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.304"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44345,7 +44436,7 @@ if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
 const NineMu = {
-  version: "0.1.302",
+  version: "0.1.304",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }