@nine-lab/nine-mu 0.1.44 → 0.1.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",

package/src/components/NineChat.js

@@ -141,8 +141,8 @@ export class NineChat extends HTMLElement {
         this.#diffPopup = this.shadowRoot.querySelector('nine-diff-popup');
     }
 
-    showDiff = (data) => {
-        this.#diffPopup.popup().data(data);
+    showDiff = (asis, tobe, lang) => {
+        this.#diffPopup.popup().data(asis, tobe, lang);
     }
 }
 

package/src/components/NineDiffPopup.js

@@ -74,32 +74,41 @@ export class NineDiffPopup extends HTMLElement {
         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;
-
-        // 1. 약속된 접두어 감지 (url: 또는 file:)
-        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 = `// 파일을 불러오는데 실패했습니다.\n// 경로: ${targetUrl}`;
+        // 1. 데이터를 읽어오는 공통 로직 (내부 헬퍼)
+        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}\n${e.message}`;
+                }
             }
-        }
+            return src;
+        };
+
+        // 2. asis, tobe 둘 다 비동기로 병렬 로드
+        const [finalAsis, finalTobe] = await Promise.all([
+            loadSource(asis),
+            loadSource(tobe)
+        ]);
 
-        // 2. 에디터 준비 대기 및 초기화
         this.#asisBackup = finalAsis;
+
+        // 3. 에디터 준비 시 데이터 주입
         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;
 
             this.#diffView.initialize(asisStr, tobeStr, lang);
         }, { once: true });