@nine-lab/nine-mu 0.1.387 → 0.1.389

package/package.json

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

package/src/components/hook/NineHook.js

@@ -1,15 +1,17 @@
-import React, { createContext, useEffect, useState, useContext, lazy, Suspense } from 'react';
+import React, { createContext, useState, useContext, lazy, Suspense, useEffect } from 'react';
 import { Route, Routes } from 'react-router-dom';
 
 // ==========================================
-// 1. 내부 기능 A: ScreenContext 및 구조
+// 1. 내부 기능 A: ScreenContext 및 전역 공급자 (수출형)
 // ==========================================
 const ScreenContext = createContext();
 export const useScreen = () => useContext(ScreenContext);
 
-const ScreenProvider = ({ children }) => {
+// 🎯 기존 ScreenProvider를 이름 변경 및 전역 동적 데이터 바인딩 셋업
+export const NineScreenProvider = ({ children }) => {
 	const [activeView, setActiveView] = useState('list-wrapper');
 	const [selectedData, setSelectedData] = useState(null);
+	const [menuData, setMenuData] = useState([]); // 💡 데이터 통신 허브를 여기로 단일화
 
 	const goto = (selector, data) => {
 		setActiveView(selector);
@@ -18,7 +20,7 @@ const ScreenProvider = ({ children }) => {
 
 	return React.createElement(
 		ScreenContext.Provider,
-		{ value: { activeView, selectedData, goto } },
+		{ value: { activeView, selectedData, goto, menuData, setMenuData } }, // 🎯 데이터 변경 권한까지 자식들에게 공유
 		children
 	);
 };
@@ -33,14 +35,9 @@ const Default404 = () => {
 };
 
 const createDynamicRoutes = (menuData, projectViews, Custom404) => {
-	// 기본 404 및 홈 설정
 	const lazyLoad = (viewPath) => {
 		const importer = projectViews[viewPath];
-
-		// 🎯 [404 해결 포인트] 사용자가 등록한 404가 있으면 그걸 쓰고, 없으면 기본 내장 404를 띄웁니다.
-		if (!importer) {
-			return Custom404 ? Custom404 : Default404;
-		}
+		if (!importer) return Custom404 ? Custom404 : Default404;
 		return lazy(() => importer());
 	};
 
@@ -66,7 +63,6 @@ const createDynamicRoutes = (menuData, projectViews, Custom404) => {
 				const sanitizedParts = pathParts.map(part => part.replace(/-/g, "_"));
 				const fullFolderPath = sanitizedParts.join("/");
 
-				// 사용자 프로젝트 루트 기준 상대 경로 매핑
 				const componentPath = `./views/${fullFolderPath}/${pascalName}.jsx`;
 
 				dynamicRoutes.push({
@@ -77,7 +73,6 @@ const createDynamicRoutes = (menuData, projectViews, Custom404) => {
 		});
 	}
 
-	// 🎯 [404 해결 포인트] 정의되지 않은 모든 주소(*)는 라우터 레벨에서 404 매핑 컴포넌트로 리다이렉트
 	dynamicRoutes.push({ path: "*", Component: Custom404 ? Custom404 : Default404 });
 	return dynamicRoutes;
 };
@@ -203,16 +198,16 @@ class NineExceptionHook extends React.Component {
 }
 
 // ==========================================
-// 🎯 3. 핵심: 외부 주입형 404 라우팅 기능 탑재
-// ==========================================
-// ==========================================
-// 🎯 3. 최종 완결: 자식 컴포넌트(children)를 수용하는 구조로 변경
+// 🎯 3. 최종 완결: 순수 라우터 및 에러 실드 역할만 수행
 // ==========================================
 export function NineHook({ menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
-	const { menuData, setMenuData } = useContext(ScreenContext) || {};
+	// 🎯 상위 최상단 NineScreenProvider가 뿌려주는 주파수 수신
+	const context = useContext(ScreenContext);
+	const menuData = context ? context.menuData : [];
+	const setMenuData = context ? context.setMenuData : null;
+
 	const [localMenuData, setLocalMenuData] = useState([]);
 
-	// 부모 컨텍스트가 없을 때를 대비한 안전 장치 및 실시간 fetch
 	const fetchRoutes = async () => {
 		if (!menuUrl) return;
 		try {
@@ -220,11 +215,18 @@ export function NineHook({ menuUrl, views, error404, onCatch, fallback, styles,
 			if (response.ok) {
 				const data = await response.json();
 
-				// 전역 Context가 있으면 거기에 찔러넣고, 없으면 로컬 스테이트에 저장
-				if (window.setNineMenuDataGlobal) {
-					window.setNineMenuDataGlobal(data);
+				// 🎯 상위 Context가 존재하면 거기를 갱신시켜 외부 LeftMenu까지 연쇄 반응 트리거
+				if (setMenuData) {
+					setMenuData((prev) => {
+						if (JSON.stringify(prev) === JSON.stringify(data)) return prev;
+						console.log("🔥 [Nine-Library] 최상단 NineScreenProvider 데이터 무선 동기화");
+						return data;
+					});
 				} else {
-					setLocalMenuData(data);
+					setLocalMenuData((prev) => {
+						if (JSON.stringify(prev) === JSON.stringify(data)) return prev;
+						return data;
+					});
 				}
 			}
 		} catch (e) {
@@ -245,7 +247,7 @@ export function NineHook({ menuUrl, views, error404, onCatch, fallback, styles,
 		};
 	}, [menuUrl]);
 
-	const targetData = menuData && menuData.length > 0 ? menuData : localMenuData;
+	const targetData = setMenuData ? menuData : localMenuData;
 	const dynamicRoutes = createDynamicRoutes(targetData, views, error404);
 
 	return React.createElement(