@nuraly/runtime 0.1.7 → 0.1.8

package/components/ui/components/runtime/MicroApp/MicroApp.ts

@@ -85,18 +85,6 @@ export class MicroApp extends LitElement {
   override willUpdate(changedProperties: Map<string, any>): void {
     super.willUpdate(changedProperties);
 
-    console.log('[MicroApp DEBUG] willUpdate called', {
-      changedProperties: Array.from(changedProperties.keys()),
-      uuid: this.uuid,
-      page_uuid: this.page_uuid,
-      useIsolatedContext: this.useIsolatedContext,
-      hasStoreContext: !!this.storeContext,
-      appComponentsLength: this.appComponents?.length,
-      appPagesLength: this.appPages?.length,
-      componentsLength: this.components.length,
-      componentsToRenderLength: this.componentsToRender.length
-    });
-
     // Handle isolated context initialization when pre-loaded data is provided
     if (this.useIsolatedContext) {
       // Check if appComponents or appPages were just set
@@ -105,16 +93,8 @@ export class MicroApp extends LitElement {
         (changedProperties.has("appPages") && this.appPages)
       );
 
-      console.log('[MicroApp DEBUG] Isolated context check', {
-        dataJustProvided,
-        hasAppComponents: !!this.appComponents,
-        hasAppPages: !!this.appPages,
-        hasStoreContext: !!this.storeContext
-      });
-
       // Initialize isolated context if data was just provided and not initialized yet
       if (dataJustProvided && !this.storeContext) {
-        console.log('[MicroApp DEBUG] Calling initializeIsolatedContext from willUpdate');
         this.initializeIsolatedContext();
         return;
       }
@@ -134,39 +114,15 @@ export class MicroApp extends LitElement {
    * Updates componentsToRender based on the current selection.
    */
   private updateComponentsToRender(): void {
-    console.log('[MicroApp DEBUG] 📝 updateComponentsToRender called', {
-      componentToRenderUUID: this.componentToRenderUUID,
-      componentsLength: this.components.length
-    });
 
     this.componentsToRender = this.componentToRenderUUID
       ? this.components.filter((component) => component.uuid === this.componentToRenderUUID)
       : this.components;
-
-    console.log('[MicroApp DEBUG] componentsToRender updated', {
-      componentsToRenderLength: this.componentsToRender.length,
-      componentsToRender: this.componentsToRender.map(c => ({
-        uuid: c.uuid,
-        type: c.component_type
-      }))
-    });
   }
 
   override connectedCallback(): void {
     super.connectedCallback();
 
-    console.log('[MicroApp DEBUG] 🔌 connectedCallback called', {
-      uuid: this.uuid,
-      page_uuid: this.page_uuid,
-      useIsolatedContext: this.useIsolatedContext,
-      hasAppComponents: !!this.appComponents,
-      appComponentsLength: this.appComponents?.length,
-      hasAppPages: !!this.appPages,
-      appPagesLength: this.appPages?.length,
-      mode: this.mode,
-      prod: this.prod
-    });
-
     // Initialize toast container singleton (ensures it exists globally)
     ToastContainer.getInstance();
 
@@ -175,14 +131,10 @@ export class MicroApp extends LitElement {
       // Only initialize now if we have pre-loaded data
       // Otherwise, wait for properties to be set (handled in updated())
       if (this.appComponents || this.appPages) {
-        console.log('[MicroApp DEBUG] Calling initializeIsolatedContext from connectedCallback (has pre-loaded data)');
         this.initializeIsolatedContext();
-      } else {
-        console.log('[MicroApp DEBUG] Skipping initializeIsolatedContext in connectedCallback (no pre-loaded data yet)');
       }
     } else {
       // Legacy mode
-      console.log('[MicroApp DEBUG] Using legacy mode (useIsolatedContext=false)');
       this.setupSubscriptions();
       if(!ExecuteInstance.Vars.currentPlatform){
         ExecuteInstance.VarsProxy.currentPlatform = getInitPlatform()
@@ -299,8 +251,7 @@ export class MicroApp extends LitElement {
 
     // Subscribe to global variable changes to trigger micro-app re-render (LEGACY MODE)
     // This ensures that when global variables change, the micro-app components re-render
-    const globalVarHandler = (data: any) => {
-      console.log(`[MicroApp ${this.uuid}] [LEGACY] Global variable changed: ${data.varName} = ${data.value}`);
+    const globalVarHandler = () => {
       // Trigger refresh of the micro-app
       this.refreshComponent();
     };
@@ -347,16 +298,8 @@ export class MicroApp extends LitElement {
    */
   private async initializeIsolatedContext(): Promise<void> {
     try {
-      console.log('[MicroApp DEBUG] 🚀 Starting initializeIsolatedContext', {
-        uuid: this.uuid,
-        page_uuid: this.page_uuid,
-        appComponents: this.appComponents?.length,
-        appPages: this.appPages?.length
-      });
-
       // Generate unique micro-app instance ID using proper UUID
       this.microAppId = `${this.uuid}_${uuidv4()}`;
-      console.log('[MicroApp DEBUG] Generated microAppId:', this.microAppId);
 
       // 1. Create store context with optional pre-loaded data
       this.storeContext = new MicroAppStoreContext(
@@ -365,69 +308,42 @@ export class MicroApp extends LitElement {
         this.appComponents,
         this.appPages
       );
-      console.log('[MicroApp DEBUG] ✅ StoreContext created');
 
       // 2. Create runtime context
       this.runtimeContext = new MicroAppRuntimeContext(this.storeContext);
-      console.log('[MicroApp DEBUG] ✅ RuntimeContext created');
 
       // 3. Create page manager
       this.pageManager = new MicroAppPageManager(this.storeContext);
       // Store page manager reference in store context for handler access
       this.storeContext.setPageManager(this.pageManager);
-      console.log('[MicroApp DEBUG] ✅ PageManager created');
 
       // 4. Get message bus
       this.messageBus = MicroAppMessageBus.getInstance();
-      console.log('[MicroApp DEBUG] ✅ MessageBus obtained');
 
       // 6. Subscribe to messages
       this.messageUnsubscribe = this.messageBus.subscribe(this.microAppId, (message) => {
         this.handleMessage(message);
       });
-      console.log('[MicroApp DEBUG] ✅ Subscribed to messages');
 
       // 7. Load application data
       await this.storeContext.loadApplication();
-      const loadedComponents = this.storeContext.getComponents();
-      console.log('[MicroApp DEBUG] ✅ Application data loaded', {
-        componentsCount: loadedComponents.length,
-        components: loadedComponents.map(c => ({ uuid: c.uuid, type: c.component_type, root: c.root }))
-      });
 
       // 8. Load pages
       await this.pageManager.loadPages();
-      const loadedPages = this.storeContext.getPages();
-      console.log('[MicroApp DEBUG] ✅ Pages loaded', {
-        pagesCount: loadedPages.length,
-        pages: loadedPages.map(p => ({ uuid: p.uuid, name: p.name }))
-      });
 
       // 9. Register components in runtime
       this.runtimeContext.registerComponents();
-      console.log('[MicroApp DEBUG] ✅ Components registered in runtime');
 
       // 9.5. Sync components to global store so Container can find children
       // This is needed because Container.ts looks up children in the global $components store
       const componentsWithChildren = this.storeContext.getComponents();
       $components.setKey(this.uuid, componentsWithChildren);
-      console.log('[MicroApp DEBUG] ✅ Components synced to global store', {
-        key: this.uuid,
-        count: componentsWithChildren.length
-      });
 
       // 10. Setup subscriptions to isolated stores
       this.setupIsolatedSubscriptions();
-      console.log('[MicroApp DEBUG] ✅ Subscriptions setup');
 
       // 11. Update component list
       this.refreshIsolatedComponents();
-      console.log('[MicroApp DEBUG] ✅ Components refreshed', {
-        componentsLength: this.components.length,
-        componentsToRenderLength: this.componentsToRender.length,
-        components: this.components.map(c => ({ uuid: c.uuid, type: c.component_type })),
-        componentsToRender: this.componentsToRender.map(c => ({ uuid: c.uuid, type: c.component_type }))
-      });
 
       // 12. Set platform if not already set
       if (!this.runtimeContext.getVar('currentPlatform')) {
@@ -436,11 +352,8 @@ export class MicroApp extends LitElement {
 
       EditorInstance.setEditorMode(this.prod);
 
-      console.log('[MicroApp DEBUG] 🎉 initializeIsolatedContext completed successfully');
-
     } catch (error) {
-      console.error(`[MicroApp DEBUG] ❌ Failed to initialize isolated context:`, error);
-      console.error('[MicroApp DEBUG] Error stack:', error instanceof Error ? error.stack : 'No stack');
+      console.error(`[MicroApp] Failed to initialize isolated context:`, error);
     }
   }
 
@@ -482,8 +395,7 @@ export class MicroApp extends LitElement {
 
     // Subscribe to global variable changes to trigger micro-app re-render
     // This ensures that when global variables change, the micro-app components re-render
-    const globalVarHandler = (data: any) => {
-      console.log(`[MicroApp ${this.uuid}] Global variable changed: ${data.varName} = ${data.value}`);
+    const globalVarHandler = () => {
       // Trigger re-render of the entire micro-app
       this.requestUpdate();
     };
@@ -499,32 +411,11 @@ export class MicroApp extends LitElement {
    * Refresh components from isolated store
    */
   private refreshIsolatedComponents(): void {
-    console.log('[MicroApp DEBUG] 🔄 refreshIsolatedComponents called', {
-      hasStoreContext: !!this.storeContext,
-      hasPageManager: !!this.pageManager,
-      page_uuid: this.page_uuid
-    });
-
-    if (!this.storeContext || !this.pageManager) {
-      console.log('[MicroApp DEBUG] ⚠️ refreshIsolatedComponents early return - missing context');
-      return;
-    }
+    if (!this.storeContext || !this.pageManager) return;
 
     const allComponents = this.storeContext.getComponents();
     const currentPage = this.pageManager.getCurrentPage();
 
-    console.log('[MicroApp DEBUG] Components and page info', {
-      allComponentsCount: allComponents.length,
-      allComponents: allComponents.map(c => ({
-        uuid: c.uuid,
-        type: c.component_type,
-        root: c.root,
-        pageId: c.pageId
-      })),
-      currentPage: currentPage ? { uuid: currentPage.uuid, name: currentPage.name } : null,
-      page_uuid: this.page_uuid
-    });
-
     // Filter components by page if page_uuid is specified
     this.components = this.page_uuid
       ? allComponents.filter((component) => component.pageId === this.page_uuid && component.root === true)
@@ -532,16 +423,6 @@ export class MicroApp extends LitElement {
       ? allComponents.filter((component) => component.pageId === currentPage.uuid && component.root === true)
       : allComponents.filter((component) => component.root === true);
 
-    console.log('[MicroApp DEBUG] Filtered components', {
-      filterMode: this.page_uuid ? 'by page_uuid' : (currentPage ? 'by currentPage' : 'all root'),
-      componentsCount: this.components.length,
-      components: this.components.map(c => ({
-        uuid: c.uuid,
-        type: c.component_type,
-        root: c.root
-      }))
-    });
-
     this.updateComponentsToRender();
   }
 
@@ -587,32 +468,11 @@ export class MicroApp extends LitElement {
   }
 
   override render() {
-    console.log('[MicroApp DEBUG] 🎨 render() called', {
-      uuid: this.uuid,
-      hasUuid: !!this.uuid,
-      componentsToRenderLength: this.componentsToRender.length,
-      componentsToRender: this.componentsToRender.map(c => ({
-        uuid: c.uuid,
-        type: c.component_type,
-        root: c.root,
-        pageId: c.pageId
-      })),
-      willReturnNothing: !this.uuid || !this.componentsToRender.length,
-      isPreviewMode: this.isPreviewMode()
-    });
+    if (!this.uuid || !this.componentsToRender.length) return nothing;
 
-    if (!this.uuid || !this.componentsToRender.length) {
-      console.log('[MicroApp DEBUG] ⚠️ render() returning nothing because:', {
-        noUuid: !this.uuid,
-        noComponentsToRender: !this.componentsToRender.length
-      });
-      return nothing;
-    }
-
-    console.log('[MicroApp DEBUG] ✅ render() will render components');
     return html`
-      <div
-
+      <div 
+       
       style=${styleMap({
         "height": "100%",
       })}>

package/components/ui/components/runtime/MicroApp/MicroAppDataLoader.ts

@@ -79,7 +79,9 @@ export const defaultMicroAppDataLoader: MicroAppDataLoader = {
    */
   async loadComponents(appUuid: string): Promise<ComponentsLoadResult> {
     try {
-      const response = await fetch(`/api/components/application/${appUuid}`);
+      const response = await fetch(`/api/components/application/${appUuid}`, {
+        credentials: 'include'
+      });
 
       if (!response.ok) {
         return {
@@ -117,7 +119,9 @@ export const defaultMicroAppDataLoader: MicroAppDataLoader = {
    */
   async loadPages(appUuid: string): Promise<PagesLoadResult> {
     try {
-      const response = await fetch(`/api/pages/application/${appUuid}`);
+      const response = await fetch(`/api/pages/application/${appUuid}`, {
+        credentials: 'include'
+      });
 
       if (!response.ok) {
         return {