@nine-lab/nine-mu 0.1.21 → 0.1.23

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, _dialog, _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, _asis, _tobe, _lang, _diffView, _container, _dialog, _resolve, _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.20"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.22"}/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.20"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.22"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -26479,22 +26479,100 @@ _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, _resolve, null);
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  render() {
+    this.shadowRoot.innerHTML = `
+            <style>
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-ai@${"0.1.22"}/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; }
+            </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>
+                    <div class="footer">
+                        <button class="btn btn-cancel">취소</button>
+                        <button class="btn btn-confirm primary">최종 확정 및 저장</button>
+                    </div>
+                </div>
+            </nx-dialog>
+        `;
+    __privateSet(this, _dialog, this.shadowRoot.querySelector("nx-dialog"));
+    __privateSet(this, _container, this.shadowRoot.querySelector("#diff-container"));
+    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) {
+    return new Promise((resolve) => {
+      __privateSet(this, _resolve, resolve);
+      __privateGet(this, _container).setData(diffData);
+      __privateGet(this, _dialog).showModal();
+    });
+  }
+}
+_container = new WeakMap();
+_dialog = new WeakMap();
+_resolve = new WeakMap();
+_NineDiffPopup_instances = new WeakSet();
+handleConfirm_fn = function() {
+  const finalContent = __privateGet(this, _container).getContents();
+  __privateGet(this, _dialog).close();
+  if (__privateGet(this, _resolve)) __privateGet(this, _resolve).call(this, finalContent);
+  this.remove();
+};
+handleCancel_fn = function() {
+  __privateGet(this, _dialog).close();
+  if (__privateGet(this, _resolve)) __privateGet(this, _resolve).call(this, null);
+  this.remove();
+};
+if (!customElements.get("nine-diff-popup")) {
+  customElements.define("nine-diff-popup", NineDiffPopup);
+}
 class NineDialog extends HTMLElement {
   constructor() {
     super();
-    __privateAdd(this, _dialog);
+    __privateAdd(this, _dialog2);
     __privateAdd(this, _shift);
     __publicField(this, "showModal", () => {
-      __privateGet(this, _dialog).showModal();
+      __privateGet(this, _dialog2).showModal();
     });
     __publicField(this, "close", () => {
-      __privateGet(this, _dialog).close();
+      __privateGet(this, _dialog2).close();
       this.remove();
     });
     __privateAdd(this, _init, () => {
       const closeBtn = this.shadowRoot.querySelector(".close");
       closeBtn.addEventListener("click", () => {
-        __privateGet(this, _dialog).classList.add("out");
+        __privateGet(this, _dialog2).classList.add("out");
         setTimeout(() => this.close(), 200);
       });
       const head = this.shadowRoot.querySelector(".head");
@@ -26502,16 +26580,16 @@ class NineDialog extends HTMLElement {
     });
     // 드래그 로직 이식 시 querySelector 대신 this.#dialog 사용
     __privateAdd(this, _onMouseDown, (e) => {
-      var rect = __privateGet(this, _dialog).getBoundingClientRect();
+      var rect = __privateGet(this, _dialog2).getBoundingClientRect();
       __privateSet(this, _shift, { x: e.clientX - rect.x, y: e.clientY - rect.y });
       document.addEventListener("mousemove", __privateGet(this, _onMouseMove));
       document.addEventListener("mouseup", __privateGet(this, _onMouseUp));
     });
     __privateAdd(this, _onMouseMove, (e) => {
-      __privateGet(this, _dialog).style.position = "fixed";
-      __privateGet(this, _dialog).style.left = `${e.pageX - __privateGet(this, _shift).x}px`;
-      __privateGet(this, _dialog).style.top = `${e.pageY - __privateGet(this, _shift).y}px`;
-      __privateGet(this, _dialog).style.margin = "0";
+      __privateGet(this, _dialog2).style.position = "fixed";
+      __privateGet(this, _dialog2).style.left = `${e.pageX - __privateGet(this, _shift).x}px`;
+      __privateGet(this, _dialog2).style.top = `${e.pageY - __privateGet(this, _shift).y}px`;
+      __privateGet(this, _dialog2).style.margin = "0";
     });
     __privateAdd(this, _onMouseUp, () => {
       document.removeEventListener("mousemove", __privateGet(this, _onMouseMove));
@@ -26553,7 +26631,7 @@ class NineDialog extends HTMLElement {
                 </div>
             </dialog>
         `;
-    __privateSet(this, _dialog, this.shadowRoot.querySelector("dialog"));
+    __privateSet(this, _dialog2, this.shadowRoot.querySelector("dialog"));
   }
   // 외부에서 타이틀을 바꿀 수 있게 제공
   setTitle(text) {
@@ -26561,7 +26639,7 @@ class NineDialog extends HTMLElement {
     if (titleEl) titleEl.textContent = text;
   }
 }
-_dialog = new WeakMap();
+_dialog2 = new WeakMap();
 _shift = new WeakMap();
 _init = new WeakMap();
 _onMouseDown = new WeakMap();
@@ -26571,7 +26649,7 @@ if (!customElements.get("nine-dialog")) {
   customElements.define("nine-dialog", NineDialog);
 }
 const NineMu = {
-  version: "0.1.20",
+  version: "0.1.22",
   init: (config) => {
     trace.log("🛠️ Nine-Mu Engine initialized", config);
   }
@@ -26581,6 +26659,7 @@ export {
   NineDialog,
   NineDiff,
   NineDiffContainer,
+  NineDiffPopup,
   NineMu,
   NineMu as default
 };