@nine-lab/nine-mu 0.1.31 → 0.1.33

package/package.json

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

package/src/components/NineDiff.js

@@ -206,6 +206,12 @@ export class NineDiff extends HTMLElement {
 
 		requestAnimationFrame(() => {
 			this.#initCodeMirror();
+
+			this.dispatchEvent(new CustomEvent('ready', {
+				detail: { target: this },
+				bubbles: true,
+				composed: true
+			}));
 		});
 	}
 
@@ -470,7 +476,6 @@ export class NineDiff extends HTMLElement {
 			return;
 		}
 
-
 		//console.log(src1, src2, language);
 
 		this.#isScrollSyncActive = false;

package/src/components/NineDiffPopup.js

@@ -49,12 +49,15 @@ export class NineDiffPopup extends HTMLElement {
             this.#resolve = resolve;
             this.#asisBackup = data?.asis || "";
 
-            // 에디터 초기화 (Container가 하던 일)
-            if (this.#diffView) {
+            // 💡 에디터가 준비되었다는 신호를 받으면 데이터 주입
+            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;
+
                 this.#diffView.initialize(asisStr, tobeStr, data.lang || "javascript");
-            }
+            }, { once: true }); // 딱 한 번만 실행
 
             this.#dialog.showModal();
         });