@nine-lab/nine-mu 0.1.40 → 0.1.42

package/package.json

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

package/src/components/NineDiff.js

@@ -207,11 +207,14 @@ export class NineDiff extends HTMLElement {
 		requestAnimationFrame(() => {
 			this.#initCodeMirror();
 
+
 			this.dispatchEvent(new CustomEvent('ready', {
 				detail: { target: this },
 				bubbles: true,
 				composed: true
 			}));
+
+			trace.log("dispatchEvent");
 		});
 	}
 
@@ -235,6 +238,17 @@ export class NineDiff extends HTMLElement {
 	};
 
 	#initCodeMirror = () => {
+
+		let asisReady = false;
+		let tobeReady = false;
+
+		const checkAllReady = () => {
+			if (asisReady && tobeReady) {
+				// 진짜로 둘 다 화면에 그려졌을 때 신호를 보냄
+				this.dispatchEvent(new CustomEvent('ready', { bubbles: true, composed: true }));
+			}
+		};
+
 		this.#asisEditorEl = this.shadowRoot.querySelector('.panel.asis');
 		this.#tobeEditorEl = this.shadowRoot.querySelector('.panel.tobe');
 
@@ -282,6 +296,8 @@ export class NineDiff extends HTMLElement {
 						if (update.view.contentDOM.firstChild && !update.view._initialAsisContentLoaded) {
 							update.view._initialAsisContentLoaded = true;
 							trace.log("CodeMirror ASIS view is ready for initial content.");
+							asisReady = true;
+							checkAllReady(); // ASIS 준비 완료
 						}
 					})
 				]
@@ -302,6 +318,8 @@ export class NineDiff extends HTMLElement {
 						if (update.view.contentDOM.firstChild && !update.view._initialTobeContentLoaded) {
 							update.view._initialTobeContentLoaded = true;
 							trace.log("CodeMirror TOBE view is ready for initial content.");
+							tobeReady = true;
+							checkAllReady(); // ASIS 준비 완료
 						}
 					})
 				]