@nine-lab/nine-mu 0.1.27 → 0.1.29

package/dist/css/nine-mu.css

@@ -813,10 +813,16 @@
 		cursor: pointer;
 		outline: none;
 	}
-}
-
-:host(nine-diff-container) {
 
+	nx-dialog { --dialog-width: 90vw; --dialog-height: 85vh; }
+	.main-layout { width: 100%; height: 100%; display: flex; flex-direction: column; }
+	.diff-area { flex: 1; min-height: 0; border: 1px solid #ddd; }
+	.footer {
+		display: flex; justify-content: flex-end; gap: 10px;
+		padding: 12px; background: #f9f9f9; border-top: 1px solid #eee;
+	}
+	.btn { padding: 8px 20px; cursor: pointer; border-radius: 4px; border: 1px solid #ccc; font-weight: bold; }
+	.btn-confirm { background: #007bff; color: white; border: none; }
 }
 
 :host(nine-diff) {

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 _getSourcePath, _service, _routes, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _setupScrollSync, _applyDiffDecorations, _asis, _tobe, _lang, _diffView, _container, _dialog, _resolve, _NineDiffPopup_instances, handleConfirm_fn, handleCancel_fn, _dialog2, _shift, _init, _onMouseDown, _onMouseMove, _onMouseUp;
+var _getSourcePath, _service, _routes, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _setupScrollSync, _applyDiffDecorations, _dialog, _diffView, _resolve, _asisBackup, _NineDiffPopup_instances, handleConfirm_fn, handleCancel_fn, _dialog2, _shift, _init, _onMouseDown, _onMouseMove, _onMouseUp;
 import { trace, api, nine } from "@nine-lab/nine-util";
 class NineMuService {
   constructor(connectorUrl) {
@@ -178,7 +178,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.26"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.28"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -26378,7 +26378,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.26"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.28"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -26419,64 +26419,15 @@ _applyDiffDecorations = new WeakMap();
 if (!customElements.get("nine-diff")) {
   customElements.define("nine-diff", NineDiff);
 }
-class NineDiffContainer extends HTMLElement {
-  constructor() {
-    super();
-    __privateAdd(this, _asis, "");
-    __privateAdd(this, _tobe, "");
-    __privateAdd(this, _lang, "javascript");
-    __privateAdd(this, _diffView, null);
-    /**
-     * 단일 비교 데이터를 설정합니다.
-     * @param {Object} data - { asis, tobe, lang }
-     */
-    __publicField(this, "setData", (data) => {
-      try {
-        __privateSet(this, _asis, (data == null ? void 0 : data.asis) || "");
-        __privateSet(this, _tobe, (data == null ? void 0 : data.tobe) || "");
-        __privateSet(this, _lang, (data == null ? void 0 : data.lang) || "");
-      } catch (e) {
-      }
-      this.render();
-    });
-    // 최종 결과물(사용자가 편집한 ASIS 내용)을 가져옵니다.
-    __publicField(this, "getContents", () => {
-      return __privateGet(this, _diffView) ? __privateGet(this, _diffView).getContents() : __privateGet(this, _asis);
-    });
-    this.attachShadow({ mode: "open" });
-  }
-  render() {
-    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.26"}/dist/css/nine-mu.css";
-                ${customImport}
-            </style>
-            
-            <div class="diff-wrapper">
-                <nine-diff id="single-diff"></nine-diff>
-            </div>
-        `;
-    __privateSet(this, _diffView, this.shadowRoot.querySelector("#single-diff"));
-    if (__privateGet(this, _diffView)) {
-      __privateGet(this, _diffView).initialize(__privateGet(this, _asis), __privateGet(this, _tobe), __privateGet(this, _lang));
-    }
-  }
-}
-_asis = new WeakMap();
-_tobe = new WeakMap();
-_lang = new WeakMap();
-_diffView = new WeakMap();
-if (!customElements.get("nine-diff-container")) {
-  customElements.define("nine-diff-container", NineDiffContainer);
-}
 class NineDiffPopup extends HTMLElement {
   constructor() {
     super();
     __privateAdd(this, _NineDiffPopup_instances);
-    __privateAdd(this, _container, null);
     __privateAdd(this, _dialog, null);
+    __privateAdd(this, _diffView, null);
+    // Container 대신 직접 에디터 뷰를 참조
     __privateAdd(this, _resolve, null);
+    __privateAdd(this, _asisBackup, "");
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
@@ -26485,57 +26436,46 @@ class NineDiffPopup extends HTMLElement {
   render() {
     this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-ai@${"0.1.26"}/dist/css/nine-ai.css";
-                /* nx-dialog 내부 스타일 조정 */
-                nx-dialog { --dialog-width: 90vw; --dialog-height: 85vh; }
-                .footer { 
-                    display: flex; 
-                    justify-content: flex-end; 
-                    gap: 10px; 
-                    padding: 15px; 
-                    background: #f9f9f9; 
-                    border-top: 1px solid #ddd;
-                }
-                .btn { padding: 8px 20px; cursor: pointer; border-radius: 4px; border: 1px solid #ccc; }
-                .btn.primary { background: #007bff; color: white; border: none; }
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.28"}/dist/css/nine-mu.css";
             </style>
             
             <nx-dialog>
-                <div style="width: 100%; height: 100%; display: flex; flex-direction: column;">
-                    <div style="flex: 1; min-height: 0;">
-                        <nine-diff-container id="diff-container"></nine-diff-container>
+                <div class="main-layout">
+                    <div class="diff-area">
+                        <nine-diff id="editor"></nine-diff>
                     </div>
                     <div class="footer">
                         <button class="btn btn-cancel">취소</button>
-                        <button class="btn btn-confirm primary">최종 확정 및 저장</button>
+                        <button class="btn btn-confirm">최종 확정 및 저장</button>
                     </div>
                 </div>
             </nx-dialog>
         `;
     __privateSet(this, _dialog, this.shadowRoot.querySelector("nx-dialog"));
-    __privateSet(this, _container, this.shadowRoot.querySelector("#diff-container"));
+    __privateSet(this, _diffView, this.shadowRoot.querySelector("#editor"));
     this.shadowRoot.querySelector(".btn-confirm").onclick = () => __privateMethod(this, _NineDiffPopup_instances, handleConfirm_fn).call(this);
     this.shadowRoot.querySelector(".btn-cancel").onclick = () => __privateMethod(this, _NineDiffPopup_instances, handleCancel_fn).call(this);
   }
-  /**
-   * 외부 호출용 팝업 실행 메서드
-   * @param {Object} diffData - { asis, tobe, lang }
-   * @returns {Promise<string|null>} - 확정 시 수정된 텍스트, 취소 시 null
-   */
-  async popup(diffData) {
+  async popup(data) {
     return new Promise((resolve) => {
       __privateSet(this, _resolve, resolve);
-      __privateGet(this, _container).setData(diffData);
+      __privateSet(this, _asisBackup, (data == null ? void 0 : data.asis) || "");
+      if (__privateGet(this, _diffView)) {
+        const asisStr = typeof data.asis === "object" ? JSON.stringify(data.asis, null, 2) : data.asis;
+        const tobeStr = typeof data.tobe === "object" ? JSON.stringify(data.tobe, null, 2) : data.tobe;
+        __privateGet(this, _diffView).initialize(asisStr, tobeStr, data.lang || "javascript");
+      }
       __privateGet(this, _dialog).showModal();
     });
   }
 }
-_container = new WeakMap();
 _dialog = new WeakMap();
+_diffView = new WeakMap();
 _resolve = new WeakMap();
+_asisBackup = new WeakMap();
 _NineDiffPopup_instances = new WeakSet();
 handleConfirm_fn = function() {
-  const finalContent = __privateGet(this, _container).getContents();
+  const finalContent = __privateGet(this, _diffView) ? __privateGet(this, _diffView).getContents() : __privateGet(this, _asisBackup);
   __privateGet(this, _dialog).close();
   if (__privateGet(this, _resolve)) __privateGet(this, _resolve).call(this, finalContent);
   this.remove();
@@ -26545,9 +26485,7 @@ handleCancel_fn = function() {
   if (__privateGet(this, _resolve)) __privateGet(this, _resolve).call(this, null);
   this.remove();
 };
-if (!customElements.get("nine-diff-popup")) {
-  customElements.define("nine-diff-popup", NineDiffPopup);
-}
+customElements.define("nine-diff-popup", NineDiffPopup);
 class NineDialog extends HTMLElement {
   constructor() {
     super();
@@ -26640,7 +26578,7 @@ if (!customElements.get("nine-dialog")) {
   customElements.define("nine-dialog", NineDialog);
 }
 const NineMu = {
-  version: "0.1.26",
+  version: "0.1.28",
   init: (config) => {
     trace.log("🛠️ Nine-Mu Engine initialized", config);
   }
@@ -26649,7 +26587,6 @@ export {
   NineChat,
   NineDialog,
   NineDiff,
-  NineDiffContainer,
   NineDiffPopup,
   NineMu,
   NineMu as default