@nine-lab/nine-mu 0.1.382 → 0.1.384

package/dist/nine-mu.js

@@ -17539,7 +17539,7 @@ render_fn = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.381"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.383"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43789,7 +43789,7 @@ class NineDiff extends HTMLElement {
     const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
     this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.381"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.383"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43929,7 +43929,7 @@ renderScaffolding_fn = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.381"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.383"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44038,7 +44038,7 @@ render_fn2 = function() {
   const customImport = nine$1.cssPath ? `@import "${nine$1.cssPath}/nine-mu.css";` : "";
   this.shadowRoot.innerHTML = `
            	<style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.381"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.383"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44368,7 +44368,7 @@ class ChatMessageBody extends HTMLElement {
       const customImport = nine.cssPath ? `@import "${nine.cssPath}/nine-mu.css";` : "";
       this.shadowRoot.innerHTML = `
             <style>
-                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.381"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.383"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44652,30 +44652,45 @@ class NineExceptionHook extends React.Component {
     return this.props.children;
   }
 }
-function NineHook({ menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
+function NineHook({ children, menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
   const [menuData, setMenuData] = useState([]);
-  useEffect(() => {
+  const fetchRoutes = async () => {
     if (!menuUrl) return;
-    const fetchRoutes = async () => {
-      try {
-        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);
+    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, 3e3);
+    return () => {
+      window.removeEventListener("popstate", fetchRoutes);
+      document.removeEventListener("click", fetchRoutes, true);
+      clearInterval(intervalId);
+    };
   }, [menuUrl]);
   const dynamicRoutes = createDynamicRoutes(menuData, views, error404);
   return React.createElement(
     ScreenProvider,
     { menuData },
+    // 🎯 이 전역 컨텍스트 공급자가 감싸는 범위를 대폭 넓힙니다.
     React.createElement(
       NineExceptionHook,
       { onCatch, fallback, styles, containerStyle },
+      // 💡 [레이아웃 유연성 확보]: Routes 바깥의 컴포넌트(예: LeftMenu)가 있다면 여기에 먼저 뿌려줍니다.
+      children,
       React.createElement(
         Suspense,
         { fallback: React.createElement("div", { style: { padding: "25px", color: "#666", fontFamily: "monospace" } }, ">> Loading component matrix...") },
@@ -44695,7 +44710,7 @@ function NineHook({ menuUrl, views, error404, onCatch, fallback, styles, contain
   );
 }
 const NineMu = {
-  version: "0.1.381",
+  version: "0.1.383",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }