@nine-lab/nine-mu 0.1.45 → 0.1.47

package/dist/nine-mu.js

@@ -183,7 +183,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.44"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.46"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -26396,7 +26396,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.44"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.46"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -26461,73 +26461,61 @@ 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.44"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.46"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
-            <nx-dialog>
+            <nine-dialog>
                 <div class="main-layout">
                     <div class="diff-area">
-                        <nine-diff id="editor"></nine-diff>
+                        <nine-diff></nine-diff>
                     </div>
                     <div class="footer">
                         <button class="btn btn-cancel">취소</button>
                         <button class="btn btn-confirm">최종 확정 및 저장</button>
                     </div>
                 </div>
-            </nx-dialog>
+            </nine-dialog>
         `;
-    __privateSet(this, _dialog, this.shadowRoot.querySelector("nx-dialog"));
-    __privateSet(this, _diffView, this.shadowRoot.querySelector("#editor"));
+    __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);
     this.shadowRoot.querySelector(".btn-cancel").onclick = () => __privateMethod(this, _NineDiffPopup_instances, handleCancel_fn).call(this);
   }
-  /**
-      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;
   }
+  /**
+   * @param {string|object} asis - 소스 텍스트 또는 url:/file: 경로
+   * @param {string|object} tobe - 소스 텍스트 또는 url:/file: 경로
+   * @param {string} lang - 언어 설정
+   */
   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}`;
+    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 tobe === "object" ? JSON.stringify(tobe, null, 2) : tobe;
+      const tobeStr = typeof finalTobe === "object" ? JSON.stringify(finalTobe, null, 2) : finalTobe;
       __privateGet(this, _diffView).initialize(asisStr, tobeStr, lang);
     }, { once: true });
     return this;
@@ -26642,7 +26630,7 @@ if (!customElements.get("nine-dialog")) {
   customElements.define("nine-dialog", NineDialog);
 }
 const NineMu = {
-  version: "0.1.44",
+  version: "0.1.46",
   init: (config) => {
     trace.log("🛠️ Nine-Mu Engine initialized", config);
   }