@nine-lab/nine-mu 0.1.385 → 0.1.387

package/package.json

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

package/src/components/hook/NineHook.js

@@ -208,20 +208,24 @@ class NineExceptionHook extends React.Component {
 // ==========================================
 // 🎯 3. 최종 완결: 자식 컴포넌트(children)를 수용하는 구조로 변경
 // ==========================================
-export function NineHook({ children, menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
-	const [menuData, setMenuData] = useState([]);
+export function NineHook({ menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
+	const { menuData, setMenuData } = useContext(ScreenContext) || {};
+	const [localMenuData, setLocalMenuData] = useState([]);
 
+	// 부모 컨텍스트가 없을 때를 대비한 안전 장치 및 실시간 fetch
 	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;
-				});
+
+				// 전역 Context가 있으면 거기에 찔러넣고, 없으면 로컬 스테이트에 저장
+				if (window.setNineMenuDataGlobal) {
+					window.setNineMenuDataGlobal(data);
+				} else {
+					setLocalMenuData(data);
+				}
 			}
 		} catch (e) {
 			console.error("[Nine-Library] 런타임 메뉴 동기화 실패:", e);
@@ -241,37 +245,24 @@ export function NineHook({ children, menuUrl, views, error404, onCatch, fallback
 		};
 	}, [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...'
-		);
-	}
-
-	const dynamicRoutes = createDynamicRoutes(menuData, views, error404);
+	const targetData = menuData && menuData.length > 0 ? menuData : localMenuData;
+	const dynamicRoutes = createDynamicRoutes(targetData, views, error404);
 
 	return React.createElement(
-		ScreenProvider,
-		{ menuData },
+		NineExceptionHook,
+		{ onCatch, fallback, styles, containerStyle },
 		React.createElement(
-			NineExceptionHook,
-			{ onCatch, fallback, styles, containerStyle },
-			children,
+			Suspense,
+			{ fallback: React.createElement('div', { style: { padding: '25px', color: '#666', fontFamily: 'monospace' } }, '>> Loading component matrix...') },
 			React.createElement(
-				Suspense,
-				{ fallback: React.createElement('div', { style: { padding: '25px', color: '#666', fontFamily: 'monospace' } }, '>> Loading component matrix...') },
-				React.createElement(
-					Routes,
-					null,
-					dynamicRoutes.map((route) =>
-						React.createElement(Route, {
-							key: route.path,
-							path: route.path,
-							element: React.createElement(route.Component, { key: route.path })
-						})
-					)
+				Routes,
+				null,
+				dynamicRoutes.map((route) =>
+					React.createElement(Route, {
+						key: route.path,
+						path: route.path,
+						element: React.createElement(route.Component, { key: route.path })
+					})
 				)
 			)
 		)