@nine-lab/nine-mu 0.1.361 → 0.1.363

package/package.json

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

package/src/components/exception/ExceptionHook.js

@@ -8,15 +8,15 @@ export const NineExceptionStyles = {
 		minHeight: '100%',
 		flexGrow: 1,
 		padding: '25px',
-		background: '#121314',              // 터미널 다크 블랙 배경
-		// ⭐ 모든 요소의 폰트 크기, 패딩, 높이 기준을 부모 레벨에서 완벽히 통일
+		background: '#121314',
 		fontFamily: 'Consolas, Monaco, "Courier New", monospace',
-		fontSize: '14px',
-		lineHeight: '1.6',                  // 줄간격을 터미널 배시 화면 비율(1.6)로 고정
-		color: '#999',                      // 기본 텍스트 색상 #999 적용
 		textAlign: 'left',
 		boxShadow: '0 4px 12px rgba(0,0,0,0.3)',
-		boxSizing: 'border-box'
+		display: 'flex',
+		flexDirection: 'column',
+		gap: '10px',
+		// ⭐ 수정: 아까 보기 좋았던 넉넉하고 정돈된 줄간격 비율로 복구
+		lineHeight: '1.5'
 	},
 	// 1. 모든 라인의 display 형식을 'block'으로 맞추고 마진/패딩을 0으로 통일
 	systemError: {
@@ -41,10 +41,12 @@ export const NineExceptionStyles = {
 	},
 	// 3. 에러 위치 추적 라인
 	locationRow: {
-		color: '#666',
+		color: '#999',
 		margin: '0',
 		padding: '0',
-		display: 'block'
+		display: 'block',
+		fontFamily: 'inherit',
+		fontSize: 'inherit'
 	},
 	// 4. 하단 영역의 flex와 gap을 완전히 제거하여 줄간격 왜곡 원천 차단
 	footer: {
@@ -158,13 +160,26 @@ export class NineExceptionHook extends React.Component {
 			const customStyles = this.props.styles || {};
 
 			// 🔍 React 컴포넌트 스택에서 파일명과 라인 번호 추출
+			// 🔍 React 컴포넌트 스택에서 파일명과 라인 번호 추출기 (경로 정밀 정제 버전)
 			let errorLocation = '';
 			if (this.state.errorInfo?.componentStack) {
 				const lines = this.state.errorInfo.componentStack.trim().split('\n');
 				const targetLine = lines[0] || '';
+
+				// 1. 기존 방식대로 컴포넌트 이름과 전체 경로를 먼저 매칭합니다.
 				const match = targetLine.match(/at\s+(\w+)\s+\((.*)\)/) || targetLine.match(/at\s+(.*)/);
 				if (match) {
-					errorLocation = match[2] ? `${match[1]} (${match[2]})` : match[1];
+					const componentName = match[1];
+					let rawPath = match[2] || '';
+
+					// 2. ⭐ 핵심: 경로에서 'http://localhost:5173/admin' 또는 'http://.../any-path' 파트를 찾아 통째로 날려버립니다.
+					if (rawPath.includes('http://') || rawPath.includes('https://')) {
+						// URL 객체나 정규식을 이용해 도메인 영역을 지우고 /src 포맷만 남깁니다.
+						rawPath = rawPath.replace(/^https?:\/\/[^\/]+/, '');
+					}
+
+					// 3. 컴포넌트 이름 뒤에 깔끔해진 /src 경로만 붙여줍니다.
+					errorLocation = rawPath ? `${componentName} (${rawPath})` : componentName;
 				} else {
 					errorLocation = targetLine.trim();
 				}