@nine-lab/nine-mu 0.1.390 → 0.1.392

package/package.json

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

package/src/components/hook/NineHook.js

@@ -1,5 +1,6 @@
 import React, { createContext, useEffect, useState, useContext, lazy, Suspense } from 'react';
 import { Route, Routes } from 'react-router-dom';
+import { trace } from '@nopeer';
 
 // ==========================================
 // 1. 내부 기능 A: ScreenContext 및 구조
@@ -69,6 +70,8 @@ const createDynamicRoutes = (menuData, projectViews, Custom404) => {
 				// 사용자 프로젝트 루트 기준 상대 경로 매핑
 				const componentPath = `./views/${fullFolderPath}/${pascalName}.jsx`;
 
+				trace.log(componentPath);
+
 				dynamicRoutes.push({
 					path: menu.path,
 					Component: lazyLoad(componentPath)
@@ -202,54 +205,8 @@ class NineExceptionHook extends React.Component {
 	}
 }
 
-// ==========================================
-// 🎯 3. 핵심: 외부 주입형 404 라우팅 기능 탑재
-// ==========================================
-// ==========================================
-// 🎯 3. 최종 완결: 자식 컴포넌트(children)를 수용하는 구조로 변경
-// ==========================================
-export function NineHook({ children, menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
-	const [menuData, setMenuData] = useState([]);
-
-	const fetchRoutes = async () => {
-		if (!menuUrl) return;
-		try {
-			const response = await fetch(`${menuUrl}?t=${Date.now()}`);
-			if (response.ok) {
-				const data = await response.json();
-				setMenuData((prev) => {
-					if (JSON.stringify(prev) === JSON.stringify(data)) return prev;
-					console.log("🔥 [Nine-Library] routes.json 변경 감지 -> 전체 시스템 동기화");
-					return data;
-				});
-			}
-		} catch (e) {
-			console.error("[Nine-Library] 런타임 메뉴 동기화 실패:", e);
-		}
-	};
-
-	useEffect(() => {
-		fetchRoutes();
-		window.addEventListener('popstate', fetchRoutes);
-		document.addEventListener('click', fetchRoutes, true);
-		const intervalId = setInterval(fetchRoutes, 3000);
-
-		return () => {
-			window.removeEventListener('popstate', fetchRoutes);
-			document.removeEventListener('click', fetchRoutes, true);
-			clearInterval(intervalId);
-		};
-	}, [menuUrl]);
-
-	// 🎯 [핵심 교정]: 최초 fetch가 완료되기 전(데이터가 없을 때)에는 렌더링을 잠시 멈춥니다.
-	if (!menuData || menuData.length === 0) {
-		return React.createElement(
-			'div',
-			{ style: { padding: '25px', color: '#666', fontFamily: 'monospace', background: '#121314', minHeight: '100vh' } },
-			'>> Initializing menu matrix telemetry...'
-		);
-	}
-
+export function NineHook({ children, menuData, views, error404, onCatch, fallback, styles, containerStyle }) {
+	// 🎯 꼼수 완전 제거: 오직 주입받은 menuData가 변경될 때만 리액트가 라우터를 동적 재구성
 	const dynamicRoutes = createDynamicRoutes(menuData, views, error404);
 
 	return React.createElement(
@@ -258,8 +215,12 @@ export function NineHook({ children, menuUrl, views, error404, onCatch, fallback
 		React.createElement(
 			NineExceptionHook,
 			{ onCatch, fallback, styles, containerStyle },
+
+			// LeftMenu 레이아웃 자식 출력 (부팅 딜레이 없이 즉시 렌더링)
 			children,
-			React.createElement(
+
+			// 데이터가 존재할 때 정석대로 라우터 구역 활성화
+			menuData && menuData.length > 0 ? React.createElement(
 				Suspense,
 				{ fallback: React.createElement('div', { style: { padding: '25px', color: '#666', fontFamily: 'monospace' } }, '>> Loading component matrix...') },
 				React.createElement(
@@ -273,7 +234,7 @@ export function NineHook({ children, menuUrl, views, error404, onCatch, fallback
 						})
 					)
 				)
-			)
+			) : React.createElement('div', { style: { padding: '25px', color: '#444', fontFamily: 'monospace' } }, '>> Database route matrix empty.')
 		)
 	);
 }