@nine-lab/nine-mu 0.1.332 → 0.1.333

package/package.json

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

package/src/components/exception/ExceptionHook.js

@@ -0,0 +1,94 @@
+export class ExceptionHook extends HTMLElement {
+	constructor() {
+		super();
+		this.lastPath = window.location.pathname;
+		this.hasError = false;
+
+		// 💡 깔끔하게 명칭을 싱크한 외부 CSS 경로
+		this.cssPath = "/css/nine-exception-hook.css";
+	}
+
+	connectedCallback() {
+		this.injectStylesheet();
+
+		// 런타임 에러 및 비동기 거부(Promise Rejection)에 갈고리(Hook)를 겁니다.
+		window.addEventListener('error', this.handleRuntimeError.bind(this), true);
+		window.addEventListener('unhandledrejection', this.handlePromiseError.bind(this), true);
+		window.addEventListener('popstate', this.handleLocationChange.bind(this));
+		document.addEventListener('click', this.handleLocationChange.bind(this), true);
+	}
+
+	disconnectedCallback() {
+		window.removeEventListener('error', this.handleRuntimeError);
+		window.removeEventListener('unhandledrejection', this.handlePromiseError);
+		window.removeEventListener('popstate', this.handleLocationChange);
+		document.removeEventListener('click', this.handleLocationChange, true);
+	}
+
+	injectStylesheet() {
+		if (document.querySelector(`link[href="${this.cssPath}"]`)) return;
+
+		const link = document.createElement('link');
+		link.rel = 'stylesheet';
+		link.href = this.cssPath;
+		document.head.appendChild(link);
+	}
+
+	handleRuntimeError(event) {
+		if (this.contains(event.target) || event.error) {
+			this.renderError(event.error?.message || event.message);
+		}
+	}
+
+	handlePromiseError(event) {
+		this.renderError(event.reason?.message || String(event.reason));
+	}
+
+	handleLocationChange() {
+		setTimeout(() => {
+			// 주소가 바뀌면 훅(Hook)을 일시적으로 풀고 화면을 부드럽게 복구
+			if (this.hasError && this.lastPath !== window.location.pathname) {
+				console.log("✨ [nine-exception-hook] 예외 해제 및 렌더링 정상 복구");
+				this.lastPath = window.location.pathname;
+				this.hasError = false;
+
+				const errorBox = this.querySelector('.nine-error-container');
+				if (errorBox) errorBox.remove();
+
+				Array.from(this.children).forEach(child => {
+					if (child.tagName !== 'LINK') child.style.display = '';
+				});
+			}
+		}, 10);
+	}
+
+	renderError(errorMessage) {
+		if (this.hasError) return;
+		this.hasError = true;
+
+		if (window.triggerAutoRecovery) {
+			window.triggerAutoRecovery(errorMessage);
+		}
+
+		Array.from(this.children).forEach(child => {
+			if (child.tagName !== 'LINK') child.style.display = 'none';
+		});
+
+		const errorHTML = `
+            <div class="nine-error-container">
+                <h3 class="nine-error-title">⚠️ 시스템 예외 감지 (${this.tagName.toLowerCase()})</h3>
+                <p class="nine-error-label">[에러 원인 로그]:</p>
+                <pre class="nine-error-log">${errorMessage}</pre>
+                <div class="nine-error-footer">
+                    🔄 에러 로그가 관제탑으로 자동 피드백되었습니다. AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...
+                </div>
+            </div>
+        `;
+		this.insertAdjacentHTML('beforeend', errorHTML);
+	}
+}
+
+// 💡 전역 브라우저 템플릿 태그로 공식 등록
+if (!customElements.get('nine-exception-hook')) {
+	customElements.define('nine-exception-hook', ExceptionHook);
+}

package/src/index.js

@@ -4,6 +4,7 @@ import { NineDiff } from './components/NineDiff.js';
 import { NineDiffPopup } from './components/NineDiffPopup.js';
 import { NineMenuDiffPopup } from './components/NineMenuDiffPopup.js';
 import './components/ChatMessage.js';
+import './components/exception/ExceptionHook.js';
 
 /**
  * Nine-Mu 엔진 메인 클래스