@nine-lab/nine-mu 0.1.389 → 0.1.391

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, useEffect, Suspense, lazy } from "react";
+import React, { createContext, Suspense, useContext, useState, lazy } from "react";
 import { Routes, Route } from "react-router-dom";
 class Trace extends trace$1.constructor {
   constructor() {
@@ -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.388"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.390"}/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.388"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.390"}/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.388"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.390"}/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.388"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.390"}/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.388"}/dist/css/nine-mu.css";
+                @import "https://cdn.jsdelivr.net/npm/@nine-lab/nine-mu@${"0.1.390"}/dist/css/nine-mu.css";
                 ${customImport}
             </style>
             
@@ -44468,6 +44468,19 @@ if (!customElements.get("nine-chat-progress")) {
 }
 const ScreenContext = createContext();
 const useScreen = () => useContext(ScreenContext);
+const ScreenProvider = ({ children }) => {
+  const [activeView, setActiveView] = useState("list-wrapper");
+  const [selectedData, setSelectedData] = useState(null);
+  const goto = (selector, data) => {
+    setActiveView(selector);
+    if (data) setSelectedData(data);
+  };
+  return React.createElement(
+    ScreenContext.Provider,
+    { value: { activeView, selectedData, goto } },
+    children
+  );
+};
 const Default404 = () => {
   return React.createElement(
     "div",
@@ -44478,7 +44491,9 @@ const Default404 = () => {
 const createDynamicRoutes = (menuData, projectViews, Custom404) => {
   const lazyLoad = (viewPath) => {
     const importer = projectViews[viewPath];
-    if (!importer) return Custom404 ? Custom404 : Default404;
+    if (!importer) {
+      return Custom404 ? Custom404 : Default404;
+    }
     return lazy(() => importer());
   };
   const dynamicRoutes = [
@@ -44637,69 +44652,37 @@ class NineExceptionHook extends React.Component {
     return this.props.children;
   }
 }
-function NineHook({ menuUrl, views, error404, onCatch, fallback, styles, containerStyle }) {
-  const context = useContext(ScreenContext);
-  const menuData = context ? context.menuData : [];
-  const setMenuData = context ? context.setMenuData : null;
-  const [localMenuData, setLocalMenuData] = useState([]);
-  const fetchRoutes = async () => {
-    if (!menuUrl) return;
-    try {
-      const response = await fetch(`${menuUrl}?t=${Date.now()}`);
-      if (response.ok) {
-        const data = await response.json();
-        if (setMenuData) {
-          setMenuData((prev) => {
-            if (JSON.stringify(prev) === JSON.stringify(data)) return prev;
-            console.log("🔥 [Nine-Library] 최상단 NineScreenProvider 데이터 무선 동기화");
-            return data;
-          });
-        } else {
-          setLocalMenuData((prev) => {
-            if (JSON.stringify(prev) === JSON.stringify(data)) return prev;
-            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 targetData = setMenuData ? menuData : localMenuData;
-  const dynamicRoutes = createDynamicRoutes(targetData, views, error404);
+function NineHook({ children, menuData, views, error404, onCatch, fallback, styles, containerStyle }) {
+  const dynamicRoutes = createDynamicRoutes(menuData, views, error404);
   return React.createElement(
-    NineExceptionHook,
-    { onCatch, fallback, styles, containerStyle },
+    ScreenProvider,
+    { menuData },
     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 })
-          })
+      NineExceptionHook,
+      { onCatch, fallback, styles, containerStyle },
+      // LeftMenu 레이아웃 자식 출력 (부팅 딜레이 없이 즉시 렌더링)
+      children,
+      // 데이터가 존재할 때 정석대로 라우터 구역 활성화
+      menuData && menuData.length > 0 ? 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 })
+            })
+          )
         )
-      )
+      ) : React.createElement("div", { style: { padding: "25px", color: "#444", fontFamily: "monospace" } }, ">> Database route matrix empty.")
     )
   );
 }
 const NineMu = {
-  version: "0.1.388",
+  version: "0.1.390",
   init: (config2) => {
     trace$1.log("🛠️ Nine-Mu Engine initialized", config2);
   }