@nine-lab/nine-mu 0.1.346 → 0.1.347

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nine-lab/nine-mu",
-  "version": "0.1.346",
+  "version": "0.1.347",
   "description": "AI-Driven Full-Stack Code Fabrication Engine",
   "type": "module",
   "main": "./dist/nine-mu.umd.js",
@@ -25,6 +25,7 @@
     "@nine-lab/nine-nomenu": "*",
     "@nine-lab/nine-util": "^0.9.126",
     "@nine-lab/nine-ux": "^0.1.244",
+    "@vitejs/plugin-react": "^6.0.2",
     "terser": "^5.31.0",
     "vite": "^6.0.0"
   },

package/src/components/exception/ExceptionHook.js

@@ -1,10 +1,7 @@
-// src/components/exception/ExceptionHook.js
-import { nine } from '@nine-lab/nine-util';
-import { trace } from '@nopeer';
-// npm 라이브러리용 패키지의 핵심 소스 (예: src/components/ContentErrorBoundary.jsx)
 import React from 'react';
 
 export class NineExceptionHook extends React.Component {
+
 	constructor(props) {
 		super(props);
 		this.state = { hasError: false, error: null };
@@ -19,12 +16,10 @@ export class NineExceptionHook extends React.Component {
 	componentDidCatch(error, errorInfo) {
 		console.error("🚨 [Nine-Library] 본문 렌더링 에러 포착:", error);
 
-		// 1. 외부 전역 복구 엔진(triggerAutoRecovery)이 있으면 호출
 		if (window.triggerAutoRecovery) {
 			window.triggerAutoRecovery(error.message || String(error));
 		}
 
-		// 2. 라이브러리 확장성: 컴포넌트 자체 Props로 콜백을 넘겨받았다면 실행
 		if (this.props.onCatch) {
 			this.props.onCatch(error, errorInfo);
 		}
@@ -52,24 +47,44 @@ export class NineExceptionHook extends React.Component {
 
 	render() {
 		if (this.state.hasError) {
-			// 라이브러리 커스텀 UI 제공 (외부에서 커스텀 fallback UI를 주입하지 않았다면 기본 템플릿 사용)
 			if (this.props.fallback) {
 				return this.props.fallback(this.state.error);
 			}
 
-			return (
-				<div style={{ padding: '30px', margin: '20px', background: '#FFF5F5', border: '1px solid #FEB2B2', borderRadius: '8px', fontFamily: 'sans-serif', textAlign: 'left', ...this.props.containerStyle }}>
-					<h3 style={{ color: '#C53030', marginTop: 0, fontSize: '18px' }}>⚠️ 컴포넌트 빌드/렌더링 에러 감지</h3>
-					<p style={{ margin: '10px 0 5px 0', fontWeight: 'bold', color: '#4A5568' }}>[에러 원인 로그]:</p>
-					<pre style={{ background: '#1A202C', color: '#EDF2F7', padding: '15px', borderRadius: '6px', overflowX: 'auto', whiteSpace: 'pre-wrap', fontFamily: 'monospace' }}>
-                        {this.state.error?.message || String(this.state.error)}
-                    </pre>
-					<div style={{ marginTop: '15px', fontSize: '14px', color: '#718096' }}>
-						🔄 에러 로그가 관제탑으로 자동 피드백되었습니다. AI가 소스 코드를 재수정하는 동안 잠시만 기다려주세요...
-					</div>
-				</div>
+			const errorMessage = this.state.error?.message || String(this.state.error);
+
+			// ⭐ Vite 빌드 통과를 위해 순수 자바스크립트 함수(React.createElement)로 변경
+			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;
 	}
 }

package/src/index.js

@@ -4,7 +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 { NineExceptionHook } from './components/exception/ExceptionHook.js';
+import { NineExceptionHook } from './components/exception/ExceptionHook.js';
 
 /**
  * Nine-Mu 엔진 메인 클래스
@@ -20,4 +20,4 @@ export const NineMu = {
 
 // 기본 export 및 컴포넌트 export
 export default NineMu;
-export { NineChat, NineDiff, NineDiffPopup };
+export { NineChat, NineDiff, NineDiffPopup, NineExceptionHook };

package/vite.config.js

@@ -19,7 +19,7 @@ export default defineConfig({
       formats: ['es', 'umd']
     },
     rollupOptions: {
-      external: ['@nine-lab/nine-ai', '@nine-lab/nine-util', '@nine-lab/nine-ux'],
+      external: ['@nine-lab/nine-ai', '@nine-lab/nine-util', '@nine-lab/nine-ux', 'react', 'react-dom'],
       output: {
         globals: {
           '@nine-lab/nine-ai': 'NineAi',
@@ -31,5 +31,9 @@ export default defineConfig({
     minify: 'terser',
     sourcemap: true,
     emptyOutDir: true
+  },
+  esbuild: {
+    loader: 'jsx',
+    include: /src\/.*\.js$/, // src 폴더 내의 모든 .js 파일을 대상으로 지정
   }
 });