@nine-lab/nine-mu 0.1.379 → 0.1.381

package/package.json

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

package/src/components/hook/NineHook.js

@@ -205,13 +205,37 @@ class NineExceptionHook extends React.Component {
 // ==========================================
 // 🎯 3. 핵심: 외부 주입형 404 라우팅 기능 탑재
 // ==========================================
-export function NineHook({ menuData, views, error404, onCatch, fallback, styles, containerStyle }) {
-	// 내부에서 자동으로 라우트 배열 생성 (error404 컴포넌트 전달)
+export function NineHook({ menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
+	const [menuData, setMenuData] = useState([]);
+
+	// 🎯 AI가 파일을 수정하면 런타임에 실시간 반영되도록 동적 fetch 처리
+	useEffect(() => {
+		if (!menuUrl) return;
+
+		const fetchRoutes = async () => {
+			try {
+				// 캐시 버스팅(?t=...)을 추가하면 AI가 수정했을 때 브라우저 캐시를 타지 않고 즉시 반영됩니다.
+				const response = await fetch(`${menuUrl}?t=${Date.now()}`);
+				if (response.ok) {
+					const data = await response.json();
+					setMenuData(data);
+				}
+			} catch (e) {
+				console.error("[Nine-Library] 런타임 메뉴 동기화 실패:", e);
+			}
+		};
+
+		fetchRoutes();
+
+		// 필요시: 주소창 popstate나 특정 복구 이벤트 시점에 재호출하도록 트리거 연동 가능
+	}, [menuUrl]);
+
+	// 데이터가 로드되기 전에는 가볍게 로딩 상태를 보여주고, 완료되면 라우터 구축
 	const dynamicRoutes = createDynamicRoutes(menuData, views, error404);
 
 	return React.createElement(
 		ScreenProvider,
-		null,
+		{ menuData },
 		React.createElement(
 			NineExceptionHook,
 			{ onCatch, fallback, styles, containerStyle },