@nine-lab/nine-mu 0.1.373 → 0.1.374

package/dist/nine-mu.js

@@ -17538,7 +17538,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.372"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.373"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             <div class="wrapper">
@@ -43788,7 +43788,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.372"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.373"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
 
@@ -43928,7 +43928,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.372"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.373"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44037,7 +44037,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.372"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.373"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44367,7 +44367,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.372"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.373"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44480,6 +44480,40 @@ const ScreenProvider = ({ children }) => {
     children
   );
 };
+const createDynamicRoutes = (menuData, projectViews) => {
+  const lazyLoad = (viewPath) => {
+    const importer = projectViews[viewPath];
+    return lazy(() => importer());
+  };
+  const dynamicRoutes = [
+    { path: "/", Component: lazyLoad("./views/admin/Home.jsx") },
+    { path: "/admin", Component: lazyLoad("./views/admin/Home.jsx") }
+  ];
+  if (menuData && Array.isArray(menuData)) {
+    menuData.forEach((menu) => {
+      if (menu.level === 2 && menu.path) {
+        const cleanPath = menu.path.replace(/^\/+|\/+$/g, "");
+        const pathParts = cleanPath.split("/");
+        const len = pathParts.length;
+        let combinedName = "";
+        const startIdx = Math.max(0, len - 2);
+        for (let i = startIdx; i < len; i++) {
+          const words = pathParts[i].toLowerCase().split(/[-_]/).filter(Boolean);
+          combinedName += words.map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join("");
+        }
+        const pascalName = combinedName || "GeneratedComponent";
+        const sanitizedParts = pathParts.map((part) => part.replace(/-/g, "_"));
+        const fullFolderPath = sanitizedParts.join("/");
+        const componentPath = `./views/${fullFolderPath}/${pascalName}.jsx`;
+        dynamicRoutes.push({
+          path: menu.path,
+          Component: lazyLoad(componentPath)
+        });
+      }
+    });
+  }
+  return dynamicRoutes;
+};
 const NineExceptionStyles = {
   container: {
     minHeight: "100%",
@@ -44606,19 +44640,35 @@ class NineExceptionHook extends React.Component {
     return this.props.children;
   }
 }
-function NineHook({ children, onCatch, fallback, styles, containerStyle }) {
+function NineHook({ menuData, views, onCatch, fallback, styles, containerStyle }) {
+  const dynamicRoutes = createDynamicRoutes(menuData, views);
   return React.createElement(
     ScreenProvider,
     null,
     React.createElement(
       NineExceptionHook,
       { onCatch, fallback, styles, containerStyle },
-      children
+      // 💡 Suspense 로딩도 라이브러리가 책임지고 터미널 감성으로 처리
+      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 })
+            })
+          )
+        )
+      )
     )
   );
 }
 const NineMu = {
-  version: "0.1.372",
+  version: "0.1.373",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }