@nine-lab/nine-mu 0.1.32 → 0.1.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "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
+			}));
 		});
 	}
 

package/src/components/NineDiffPopup.js

@@ -49,15 +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;
 
-                setTimeout(() => {
-                    this.#diffView.initialize(asisStr, tobeStr, data.lang || "");
-                }, 100);
-            }
+                this.#diffView.initialize(asisStr, tobeStr, data.lang || "javascript");
+            }, { once: true }); // 딱 한 번만 실행
 
             this.#dialog.showModal();
         });