@nine-lab/nine-mu 0.1.42 → 0.1.43

package/dist/nine-mu.js

@@ -106,8 +106,13 @@ class NineChat extends HTMLElement {
     __privateAdd(this, _service, null);
     __privateAdd(this, _routes, []);
     __privateAdd(this, _diffPopup);
-    __publicField(this, "showDiff", (data) => {
-      __privateGet(this, _diffPopup).popup(data);
+    /**
+     * 소스 비교 팝업을 띄우고 사용자의 최종 확정 본을 반환합니다.
+     * @param {Object} params - { asis, tobe, lang }
+     * @returns {Promise<string|null>} - 확정 시 소스코드, 취소 시 null
+     */
+    __publicField(this, "showDiff", async ({ asis, tobe, lang }) => {
+      return await __privateGet(this, _diffPopup).popup().data(asis, tobe, lang).wait();
     });
     this.attachShadow({ mode: "open" });
   }
@@ -183,7 +188,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.41"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.42"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -26396,7 +26401,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.41"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.42"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -26461,7 +26466,7 @@ class NineDiffPopup 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.41"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.42"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -26482,19 +26487,55 @@ class NineDiffPopup extends HTMLElement {
     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);
   }
-  async popup(data) {
-    return new Promise((resolve) => {
-      __privateSet(this, _resolve, resolve);
-      __privateSet(this, _asisBackup, (data == null ? void 0 : data.asis) || "");
-      __privateGet(this, _diffView).addEventListener("ready", () => {
-        trace.log("NineDiff is Ready! Injecting data...");
-        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;
-        trace.log(asisStr, tobeStr);
-        __privateGet(this, _diffView).initialize(asisStr, tobeStr, data.lang);
-      }, { once: true });
-      __privateGet(this, _dialog).showModal();
-    });
+  /**
+      async popup1(data) {
+          return new Promise((resolve) => {
+              this.#resolve = resolve;
+              this.#asisBackup = data?.asis || "";
+  
+  
+              // 💡 에디터가 준비되었다는 신호를 받으면 데이터 주입
+              this.#diffView.addEventListener('ready', () => {
+                  trace.log("NineDiff is Ready! Injecting data...");
+  
+                  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;
+  
+                  trace.log(asisStr, tobeStr);
+  
+                  this.#diffView.initialize(asisStr, tobeStr, data.lang);
+              }, { once: true }); // 딱 한 번만 실행
+  
+              this.#dialog.showModal();
+          });
+      } */
+  popup() {
+    __privateGet(this, _dialog).showModal();
+    return this;
+  }
+  async data(asis, tobe, lang = "javascript") {
+    let finalAsis = asis;
+    const isRemote = typeof asis === "string" && (asis.startsWith("url:") || asis.startsWith("file:"));
+    if (isRemote) {
+      const targetUrl = asis.replace(/^(url:|file:)/, "");
+      try {
+        trace.log(`📡 원격 소스 로드 시도: ${targetUrl}`);
+        const res = await fetch(targetUrl);
+        if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`);
+        finalAsis = await res.text();
+      } catch (e) {
+        trace.error(`파일 로드 실패 [${targetUrl}]:`, e);
+        finalAsis = `// 파일을 불러오는데 실패했습니다.
+// 경로: ${targetUrl}`;
+      }
+    }
+    __privateSet(this, _asisBackup, finalAsis);
+    __privateGet(this, _diffView).addEventListener("ready", () => {
+      const asisStr = typeof finalAsis === "object" ? JSON.stringify(finalAsis, null, 2) : finalAsis;
+      const tobeStr = typeof tobe === "object" ? JSON.stringify(tobe, null, 2) : tobe;
+      __privateGet(this, _diffView).initialize(asisStr, tobeStr, lang);
+    }, { once: true });
+    return this;
   }
 }
 _dialog = new WeakMap();
@@ -26606,7 +26647,7 @@ if (!customElements.get("nine-dialog")) {
   customElements.define("nine-dialog", NineDialog);
 }
 const NineMu = {
-  version: "0.1.41",
+  version: "0.1.42",
   init: (config) => {
     trace.log("🛠️ Nine-Mu Engine initialized", config);
   }