@nine-lab/nine-mu 0.1.345 → 0.1.347

package/dist/nine-mu.js

@@ -9,8 +9,9 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _owner, _collectedFiles, _NotificationHandler_instances, handleLoggingMessage_fn, _collectModifySource, _openDiffPopup, _openRouteDiffPopup, _generateSource, _generateMenu, _mcpClient, _onAction, _onStatus, _onMessage, _owner2, _routeUrl, _chatHistory, _notiHandler, _NineChatManager_instances, connect_fn, updateStatus_fn, callTool_fn, _getSourcePath, _service, _packageName, _routesPath, _connectorUrl, _manager, _config, _$nineChatMessage, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _sourceGenHandler, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _isDirty, _initialAsisSrc, _initialTobeSrc, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _checkDirtyState, _setupScrollSync, _applyDiffDecorations, _dialog, _tabContainer, _fileList, _host, _NineDiffPopup_instances, renderScaffolding_fn, handleConfirmAll_fn, handleCancel_fn, _dialog2, _diffView, _asisBackup, _host2, _NineMenuDiffPopup_instances, render_fn2, handleConfirm_fn, handleCancel_fn2, _message, _data, _unique, _init, _message2, _init2, _progressData, _progressElements, _animationIntervals, _ProgressMessage_instances, updateCurrentActiveProgress_fn, renderProgress_fn, updateProgressItemVisuals_fn, startAnimation_fn, updateProgressItem_fn, _renderer, _init3, _lastPath, _hasError, _cssPath, _oldOnError, _ExceptionHook_instances, setupGlobalSniffer_fn, _renderer2, injectShadowStylesheet_fn, _handleRuntimeError, _handlePromiseError, _handleLocationChange, _sendToAiAction, renderError_fn;
+var _owner, _collectedFiles, _NotificationHandler_instances, handleLoggingMessage_fn, _collectModifySource, _openDiffPopup, _openRouteDiffPopup, _generateSource, _generateMenu, _mcpClient, _onAction, _onStatus, _onMessage, _owner2, _routeUrl, _chatHistory, _notiHandler, _NineChatManager_instances, connect_fn, updateStatus_fn, callTool_fn, _getSourcePath, _service, _packageName, _routesPath, _connectorUrl, _manager, _config, _$nineChatMessage, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _sourceGenHandler, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _isDirty, _initialAsisSrc, _initialTobeSrc, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _checkDirtyState, _setupScrollSync, _applyDiffDecorations, _dialog, _tabContainer, _fileList, _host, _NineDiffPopup_instances, renderScaffolding_fn, handleConfirmAll_fn, handleCancel_fn, _dialog2, _diffView, _asisBackup, _host2, _NineMenuDiffPopup_instances, render_fn2, handleConfirm_fn, handleCancel_fn2, _message, _data, _unique, _init, _message2, _init2, _progressData, _progressElements, _animationIntervals, _ProgressMessage_instances, updateCurrentActiveProgress_fn, renderProgress_fn, updateProgressItemVisuals_fn, startAnimation_fn, updateProgressItem_fn, _renderer, _init3;
 import { trace as trace$1, api, nine as nine$1 } from "@nine-lab/nine-util";
+import React from "react";
 class Trace extends trace$1.constructor {
   constructor() {
     super();
@@ -17537,7 +17538,7 @@ render_fn = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.346"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43787,7 +43788,7 @@ class NineDiff extends HTMLElement {
     const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.346"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43927,7 +43928,7 @@ renderScaffolding_fn = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.346"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44036,7 +44037,7 @@ render_fn2 = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.346"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44366,7 +44367,7 @@ class ChatMessageBody extends HTMLElement {
       const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
       this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.346"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44464,196 +44465,84 @@ if (!customElements.get("nine-chat-ing")) {
 if (!customElements.get("nine-chat-progress")) {
   customElements.define("nine-chat-progress", ProgressMessage);
 }
-class ExceptionHook extends HTMLElement {
-  constructor() {
-    super();
-    __privateAdd(this, _ExceptionHook_instances);
-    __privateAdd(this, _lastPath, window.location.pathname);
-    __privateAdd(this, _hasError, false);
-    __privateAdd(this, _cssPath, "/css/nine-exception-hook.css");
-    __privateAdd(this, _oldOnError, null);
-    __privateAdd(this, _renderer2, () => {
-      const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
-      this.shadowRoot.innerHTML = `
-			<style>
-				@import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.344"}/dist/css/nine-mu.css";
-				${customImport}
-				
-				:host {
-					display: block;
-					width: 100%;
-					height: 100%;
-					position: relative !important; /* 내부 에러 보드의 기준점 기둥 생성 */
-				}
-				
-				.nine-hook-core {
-					width: 100%;
-					height: 100%;
-				}
-
-				/* 🎯 [핵심 변경 2] 리액트 슬롯을 가리지 않고, 오직 "이 컴포넌트 구역"만 가득 채우는 독립 팝업 레이어 */
-				.nine-hook-inner-cover {
-					position: absolute !important;
-					top: 0 !important;
-					left: 0 !important;
-					width: 100% !important;
-					height: 100% !important;
-					box-sizing: border-box !important;
-					background-color: #FFF5F5 !important;
-					z-index: 2147483647 !important; /* 리액트 내부 그 어떤 오버레이보다 무조건 위 */
-					overflow: auto !important;
-					display: none; /* 평소엔 숨김 */
-				}
-			</style>
-			
-			<div class="nine-hook-core">
-				<slot></slot>
-			</div>
-			<div class="nine-exception-board class-target-board"></div>
-		`;
-    });
-    __privateAdd(this, _handleRuntimeError, (event) => {
-      var _a2, _b;
-      if (__privateGet(this, _hasError)) return;
-      const errorMessage = ((_a2 = event.error) == null ? void 0 : _a2.message) || event.message || String(event);
-      const errorStack = ((_b = event.error) == null ? void 0 : _b.stack) || "No stack trace available";
-      if (errorMessage && errorMessage !== "Script error.") {
-        __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, errorMessage, errorStack);
-      }
-    });
-    __privateAdd(this, _handlePromiseError, (event) => {
-      if (__privateGet(this, _hasError)) return;
-      const reason = event.reason;
-      const errorMessage = (reason == null ? void 0 : reason.message) || String(reason || "Unhandled Promise Rejection");
-      const errorStack = (reason == null ? void 0 : reason.stack) || "No stack trace available";
-      __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, errorMessage, errorStack);
-    });
-    __privateAdd(this, _handleLocationChange, () => {
-      setTimeout(() => {
-        if (__privateGet(this, _hasError) && __privateGet(this, _lastPath) !== window.location.pathname) {
-          __privateSet(this, _lastPath, window.location.pathname);
-          __privateSet(this, _hasError, false);
-          const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
-          if (exceptionBoard) {
-            exceptionBoard.innerHTML = "";
-            exceptionBoard.className = "nine-exception-board";
-          }
-        }
-      }, 50);
-    });
-    __privateAdd(this, _sendToAiAction, async (errorMessage, errorStack) => {
-      const btn = this.shadowRoot.querySelector(".nine-ai-btn");
-      const footer = this.shadowRoot.querySelector(".nine-error-footer");
-      if (!btn) return;
-      btn.disabled = true;
-      btn.innerText = "⚡ AI 관제탑에 소스 분석 요청 중...";
-      btn.classList.add("loading");
-      try {
-        if (window.triggerAutoRecovery) {
-          await window.triggerAutoRecovery({
-            message: errorMessage,
-            stack: errorStack || "No stack trace available",
-            path: window.location.pathname
-          });
-          footer.innerHTML = `✅ <b>AI 관제탑 접수 완료:</b> 분석을 바탕으로 소스 코드를 교정하고 있습니다. 잠시만 기다려주세요.`;
-          btn.innerText = "🚀 전송 완료";
-        } else {
-          throw new Error("window.triggerAutoRecovery 관제탑 엔진이 로드되지 않았습니다.");
-        }
-      } catch (err) {
-        btn.disabled = false;
-        btn.innerText = "❌ 재전송 시도";
-        footer.innerHTML = `<span style="color: #E53E3E;">⚠️ 전송 실패: ${err.message}</span>`;
-      }
-    });
-    this.attachShadow({ mode: "open" });
+class NineExceptionHook extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+    this.lastPath = window.location.pathname;
+    this.handleLocationChange = this.handleLocationChange.bind(this);
   }
-  connectedCallback() {
-    __privateGet(this, _renderer2).call(this);
-    __privateMethod(this, _ExceptionHook_instances, injectShadowStylesheet_fn).call(this);
-    __privateMethod(this, _ExceptionHook_instances, setupGlobalSniffer_fn).call(this);
-    window.addEventListener("unhandledrejection", __privateGet(this, _handlePromiseError), true);
-    window.addEventListener("popstate", __privateGet(this, _handleLocationChange));
-    document.addEventListener("click", __privateGet(this, _handleLocationChange), true);
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
   }
-  disconnectedCallback() {
-    window.removeEventListener("error", __privateGet(this, _handleRuntimeError), true);
-    window.removeEventListener("unhandledrejection", __privateGet(this, _handlePromiseError), true);
-    window.removeEventListener("popstate", __privateGet(this, _handleLocationChange));
-    document.removeEventListener("click", __privateGet(this, _handleLocationChange), true);
-    if (window.onerror === __privateGet(this, _handleRuntimeError) || __privateGet(this, _oldOnError)) {
-      window.onerror = __privateGet(this, _oldOnError);
-    }
-  }
-}
-_lastPath = new WeakMap();
-_hasError = new WeakMap();
-_cssPath = new WeakMap();
-_oldOnError = new WeakMap();
-_ExceptionHook_instances = new WeakSet();
-setupGlobalSniffer_fn = function() {
-  window.addEventListener("error", __privateGet(this, _handleRuntimeError), true);
-  __privateSet(this, _oldOnError, window.onerror);
-  window.onerror = (message, source, lineno, colno, error) => {
-    if (!__privateGet(this, _hasError)) {
-      const errorMessage = (error == null ? void 0 : error.message) || message || "알 수 없는 런타임 예외";
-      const errorStack = (error == null ? void 0 : error.stack) || `${source}:${lineno}:${colno}`;
-      __privateMethod(this, _ExceptionHook_instances, renderError_fn).call(this, errorMessage, errorStack);
-    }
-    if (__privateGet(this, _oldOnError)) {
-      return __privateGet(this, _oldOnError).call(this, message, source, lineno, colno, error);
+  componentDidCatch(error, errorInfo) {
+    console.error("🚨 [Nine-Library] 본문 렌더링 에러 포착:", error);
+    if (window.triggerAutoRecovery) {
+      window.triggerAutoRecovery(error.message || String(error));
     }
-    return false;
-  };
-};
-_renderer2 = new WeakMap();
-injectShadowStylesheet_fn = function() {
-  if (this.shadowRoot.querySelector(`link[href="${__privateGet(this, _cssPath)}"]`)) return;
-  const link = document.createElement("link");
-  link.rel = "stylesheet";
-  link.href = __privateGet(this, _cssPath);
-  this.shadowRoot.appendChild(link);
-};
-_handleRuntimeError = new WeakMap();
-_handlePromiseError = new WeakMap();
-_handleLocationChange = new WeakMap();
-_sendToAiAction = new WeakMap();
-renderError_fn = function(errorMessage, errorStack) {
-  if (__privateGet(this, _hasError)) return;
-  __privateSet(this, _hasError, true);
-  setTimeout(() => {
-    const exceptionBoard = this.shadowRoot.querySelector(".nine-exception-board");
-    if (!exceptionBoard) return;
-    exceptionBoard.className = "nine-hook-inner-cover";
-    const errorHTML = `
-				<div class="nine-error-container" style="padding: 30px; box-sizing: border-box; font-family: sans-serif; background: white; min-height: 100%; text-align: left;">
-					<h3 class="nine-error-title" style="color: #C53030; margin-top: 0; font-size: 20px; font-weight: 700; border-bottom: 2px solid #FED2D2; padding-bottom: 12px; font-family: sans-serif;">⚠️ 시스템 예외 감지 (${this.tagName.toLowerCase()})</h3>
-					<p class="nine-error-label" style="font-weight: bold; margin: 15px 0 6px 0; color: #4A5568; font-size: 14px; font-family: sans-serif;">[에러 원인 로그]:</p>
-					<pre class="nine-error-log" style="background: #1A202C; color: #EDF2F7; padding: 15px; border-radius: 6px; overflow-x: auto; white-space: pre-wrap; font-family: monospace; font-size: 13px; line-height: 1.5; margin-bottom: 20px;">${errorMessage}
-
-[Stack Trace]
-${errorStack}</pre>
-					
-					<div class="nine-action-area" style="display: flex; align-items: center; gap: 15px; border-top: 1px solid #E2E8F0; padding-top: 15px;">
-						<button class="nine-ai-btn" style="background: #3182CE; color: white; border: none; padding: 10px 20px; border-radius: 6px; font-weight: bold; cursor: pointer; font-size: 14px;">🤖 AI에게 소스코드 수정 요청</button>
-						<div class="nine-error-footer" style="font-size: 13px; color: #718096; line-height: 1.4; font-family: sans-serif;">
-							버튼을 누르면 AI가 로그 및 컴포넌트 맵을 역추적하여 수정을 시작합니다.
-						</div>
-					</div>
-				</div>
-			`;
-    exceptionBoard.innerHTML = errorHTML;
-    const aiBtn = exceptionBoard.querySelector(".nine-ai-btn");
-    if (aiBtn) {
-      aiBtn.addEventListener("click", () => __privateGet(this, _sendToAiAction).call(this, errorMessage, errorStack));
+    if (this.props.onCatch) {
+      this.props.onCatch(error, errorInfo);
     }
-  }, 0);
-};
-if (!customElements.get("nine-exception-hook")) {
-  customElements.define("nine-exception-hook", ExceptionHook);
+  }
+  componentDidMount() {
+    window.addEventListener("popstate", this.handleLocationChange);
+    document.addEventListener("click", this.handleLocationChange, true);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("popstate", this.handleLocationChange);
+    document.removeEventListener("click", this.handleLocationChange, true);
+  }
+  handleLocationChange() {
+    setTimeout(() => {
+      if (this.state.hasError && this.lastPath !== window.location.pathname) {
+        console.log("✨ [Nine-Library] 페이지 주소 변경 감지 -> 리액트 에러 상태 초기화");
+        this.lastPath = window.location.pathname;
+        this.setState({ hasError: false, error: null });
+      }
+    }, 10);
+  }
+  render() {
+    var _a2;
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback(this.state.error);
+      }
+      const errorMessage = ((_a2 = this.state.error) == null ? void 0 : _a2.message) || String(this.state.error);
+      return React.createElement(
+        "div",
+        {
+          style: {
+            padding: "30px",
+            margin: "20px",
+            background: "#FFF5F5",
+            border: "1px solid #FEB2B2",
+            borderRadius: "8px",
+            fontFamily: "sans-serif",
+            textAlign: "left",
+            ...this.props.containerStyle
+          }
+        },
+        React.createElement("h3", { style: { color: "#C53030", marginTop: 0, fontSize: "18px" } }, "⚠️ 컴포넌트 빌드/렌더링 에러 감지"),
+        React.createElement("p", { style: { margin: "10px 0 5px 0", fontWeight: "bold", color: "#4A5568" } }, "[에러 원인 로그]:"),
+        React.createElement("pre", {
+          style: {
+            background: "#1A202C",
+            color: "#EDF2F7",
+            padding: "15px",
+            borderRadius: "6px",
+            overflowX: "auto",
+            whiteSpace: "pre-wrap",
+            fontFamily: "monospace"
+          }
+        }, errorMessage),
+        React.createElement("div", { style: { marginTop: "15px", fontSize: "14px", color: "#718096" } }, "🔄 에러 로그가 관제탑으로 자동 피드백되었습니다. AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...")
+      );
+    }
+    return this.props.children;
+  }
 }
 const NineMu = {
-  version: "0.1.344",
+  version: "0.1.346",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }
@@ -44662,6 +44551,7 @@ export {
   NineChat,
   NineDiff,
   NineDiffPopup,
+  NineExceptionHook,
   NineMu,
   NineMu as default
 };