@nine-lab/nine-mu 0.1.373 → 0.1.375

package/dist/nine-mu.js

@@ -11,7 +11,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _owner, _collectedFiles, _NotificationHandler_instances, handleLoggingMessage_fn, _collectModifySource, _openDiffPopup, _openRouteDiffPopup, _generateSource, _generateMenu, _mcpClient, _onAction, _onStatus, _onMessage, _owner2, _routeUrl, _chatHistory, _notiHandler, _NineChatManager_instances, connect_fn, updateStatus_fn, callTool_fn, _getSourcePath, _service, _packageName, _routesPath, _connectorUrl, _manager, _config, _$nineChatMessage, _NineChat_instances, initInteractions_fn, initActions_fn, render_fn, _sourceGenHandler, _asisEditorView, _tobeEditorView, _asisEditorEl, _tobeEditorEl, _isDirty, _initialAsisSrc, _initialTobeSrc, _languageCompartment, _isScrollSyncActive, _initCodeMirror, _checkDirtyState, _setupScrollSync, _applyDiffDecorations, _dialog, _tabContainer, _fileList, _host, _NineDiffPopup_instances, renderScaffolding_fn, handleConfirmAll_fn, handleCancel_fn, _dialog2, _diffView, _asisBackup, _host2, _NineMenuDiffPopup_instances, render_fn2, handleConfirm_fn, handleCancel_fn2, _message, _data, _unique, _init, _message2, _init2, _progressData, _progressElements, _animationIntervals, _ProgressMessage_instances, updateCurrentActiveProgress_fn, renderProgress_fn, updateProgressItemVisuals_fn, startAnimation_fn, updateProgressItem_fn, _renderer, _init3;
 import { trace as trace$1, api, nine as nine$1 } from "@nine-lab/nine-util";
-import React, { createContext, useContext, useState } from "react";
+import React, { createContext, useContext, useState, lazy } from "react";
 class Trace extends trace$1.constructor {
   constructor() {
     super();
@@ -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.374"}/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.374"}/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.374"}/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.374"}/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.374"}/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.374",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }