@nine-lab/nine-mu 0.1.378 → 0.1.379

package/package.json

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

package/src/components/hook/NineHook.js

@@ -23,12 +23,24 @@ const ScreenProvider = ({ children }) => {
 	);
 };
 
-const createDynamicRoutes = (menuData, projectViews) => {
+// 💡 라이브러리 내장 디폴트 터미널 스타일 404 컴포넌트
+const Default404 = () => {
+	return React.createElement(
+		'div',
+		{ style: { padding: '25px', background: '#121314', color: '#666', fontFamily: 'Consolas, Monaco, monospace', fontSize: '14px', minHeight: '100%', flexGrow: 1 } },
+		'[SYSTEM] 404 - COMMAND OR COMPONENT NOT FOUND'
+	);
+};
+
+const createDynamicRoutes = (menuData, projectViews, Custom404) => {
 	// 기본 404 및 홈 설정
 	const lazyLoad = (viewPath) => {
 		const importer = projectViews[viewPath];
-		// 404 파일은 라이브러리 내부에 두거나 주입받음
-		//if (!importer) return lazy(() => import('./Error404.jsx').catch(() => ({ default: () => React.createElement('div', null, '404 Not Found') })));
+
+		// 🎯 [404 해결 포인트] 사용자가 등록한 404가 있으면 그걸 쓰고, 없으면 기본 내장 404를 띄웁니다.
+		if (!importer) {
+			return Custom404 ? Custom404 : Default404;
+		}
 		return lazy(() => importer());
 	};
 
@@ -65,7 +77,8 @@ const createDynamicRoutes = (menuData, projectViews) => {
 		});
 	}
 
-	//dynamicRoutes.push({ path: "*", Component: lazyLoad("./frame/Error404.jsx") });
+	// 🎯 [404 해결 포인트] 정의되지 않은 모든 주소(*)는 라우터 레벨에서 404 매핑 컴포넌트로 리다이렉트
+	dynamicRoutes.push({ path: "*", Component: Custom404 ? Custom404 : Default404 });
 	return dynamicRoutes;
 };
 
@@ -189,9 +202,12 @@ class NineExceptionHook extends React.Component {
 	}
 }
 
-export function NineHook({ menuData, views, onCatch, fallback, styles, containerStyle }) {
-	// 내부에서 자동으로 라우트 배열 생성
-	const dynamicRoutes = createDynamicRoutes(menuData, views);
+// ==========================================
+// 🎯 3. 핵심: 외부 주입형 404 라우팅 기능 탑재
+// ==========================================
+export function NineHook({ menuData, views, error404, onCatch, fallback, styles, containerStyle }) {
+	// 내부에서 자동으로 라우트 배열 생성 (error404 컴포넌트 전달)
+	const dynamicRoutes = createDynamicRoutes(menuData, views, error404);
 
 	return React.createElement(
 		ScreenProvider,
@@ -199,7 +215,6 @@ export function NineHook({ menuData, views, onCatch, fallback, styles, container
 		React.createElement(
 			NineExceptionHook,
 			{ onCatch, fallback, styles, containerStyle },
-			// 💡 Suspense 로딩도 라이브러리가 책임지고 터미널 감성으로 처리
 			React.createElement(
 				Suspense,
 				{ fallback: React.createElement('div', { style: { padding: '25px', color: '#666', fontFamily: 'monospace' } }, '>> Loading component matrix...') },