wu-framework 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wu-framework",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "🚀 Universal Microfrontends Framework - Framework agnostic, zero config, Shadow DOM isolation",
   "main": "src/index.js",
   "type": "module",

package/src/core/wu-logger.js

@@ -7,7 +7,8 @@ export class WuLogger {
   constructor() {
     // Detectar entorno automáticamente
     this.isDevelopment = this.detectEnvironment();
-    this.logLevel = this.isDevelopment ? 'debug' : 'error';
+    // En desarrollo: warn (menos ruido), en producción: error
+    this.logLevel = this.isDevelopment ? 'warn' : 'error';
 
     this.levels = {
       debug: 0,
@@ -116,4 +117,19 @@ export const wuLog = {
   info: (...args) => logger.wuInfo(...args),
   warn: (...args) => logger.wuWarn(...args),
   error: (...args) => logger.wuError(...args)
-};
+};
+
+/**
+ * 🔇 Silenciar todos los logs de Wu Framework
+ * Útil en producción para eliminar todo el ruido
+ */
+export function silenceAllLogs() {
+  logger.setLevel('silent');
+}
+
+/**
+ * 🔊 Restaurar logs (nivel debug)
+ */
+export function enableAllLogs() {
+  logger.setLevel('debug');
+}

package/src/core/wu-registry.js

@@ -1,52 +1,21 @@
 /**
- * 🔔 WU-REGISTRY: EVENT-BASED APP REGISTRATION SYSTEM
- *
- * Reemplaza el polling con Custom Events para mejor performance
+ * 🔔 WU-REGISTRY: APP REGISTRATION TRACKER
+ * Simplificado - solo trackea apps registradas
  */
 
 export class WuRegistry {
   constructor() {
     this.registeredApps = new Set();
-    this.waitingPromises = new Map();
-
-    // Event listeners para registro
-    this.setupEventListeners();
-
-    console.log('[WuRegistry] 🔔 Event-based registration system initialized');
-  }
-
-  /**
-   * 📡 SETUP EVENT LISTENERS
-   */
-  setupEventListeners() {
-    // Escuchar eventos de registro de apps
-    window.addEventListener('wu:app:ready', (event) => {
-      const { appName } = event.detail;
-      console.log(`[WuRegistry] ✅ App registered via event: ${appName}`);
-
-      this.registeredApps.add(appName);
-
-      // Resolver promesas pendientes
-      if (this.waitingPromises.has(appName)) {
-        const { resolve } = this.waitingPromises.get(appName);
-        resolve();
-        this.waitingPromises.delete(appName);
-      }
-    });
-
-    // API para que apps notifiquen que están listas (se agrega a window.wu cuando exista)
-    // No crear window.wu aquí - eso lo hace index.js con la instancia completa
     this._setupNotifyReady();
   }
 
   /**
-   * 🔔 Setup notifyReady API cuando window.wu esté disponible
+   * 🔔 Setup notifyReady API en window.wu
    */
   _setupNotifyReady() {
     const setupFn = () => {
       if (window.wu && !window.wu.notifyReady) {
         window.wu.notifyReady = (appName) => {
-          console.log(`[WuRegistry] 📢 App ${appName} called notifyReady()`);
           const event = new CustomEvent('wu:app:ready', {
             detail: { appName, timestamp: Date.now() }
           });
@@ -55,89 +24,37 @@ export class WuRegistry {
       }
     };
 
-    // Intentar setup inmediato
     setupFn();
-
-    // Si window.wu no existe aún, esperar un tick
     if (!window.wu) {
       queueMicrotask(setupFn);
     }
   }
 
   /**
-   * ⏳ WAIT FOR APP: Promise-based waiting
-   * @param {string} appName - Nombre de la app
-   * @param {number} timeout - Timeout en ms (default: 10000)
-   * @returns {Promise}
+   * ✅ MARK AS REGISTERED
    */
-  waitForApp(appName, timeout = 10000) {
-    // Si ya está registrada, resolver inmediatamente
-    if (this.registeredApps.has(appName)) {
-      console.log(`[WuRegistry] ⚡ App ${appName} already registered`);
-      return Promise.resolve();
-    }
-
-    console.log(`[WuRegistry] ⏳ Waiting for app ${appName} to register...`);
-
-    return new Promise((resolve, reject) => {
-      // Guardar promesa
-      this.waitingPromises.set(appName, { resolve, reject });
-
-      // Timeout
-      const timeoutId = setTimeout(() => {
-        if (this.waitingPromises.has(appName)) {
-          this.waitingPromises.delete(appName);
-
-          const error = new Error(
-            `App '${appName}' failed to register within ${timeout}ms.\n\n` +
-            `Possible causes:\n` +
-            `  - Module failed to load\n` +
-            `  - wu.define() was not called\n` +
-            `  - Check browser console for import errors\n\n` +
-            `Make sure your app calls:\n` +
-            `  wu.define('${appName}', { mount, unmount })`
-          );
-
-          reject(error);
-        }
-      }, timeout);
-
-      // Limpiar timeout cuando se resuelva
-      this.waitingPromises.get(appName).timeoutId = timeoutId;
-    });
+  markAsRegistered(appName) {
+    this.registeredApps.add(appName);
   }
 
   /**
-   * ✅ MARK AS REGISTERED
-   * @param {string} appName
+   * ❓ IS REGISTERED
    */
-  markAsRegistered(appName) {
-    this.registeredApps.add(appName);
-    console.log(`[WuRegistry] ✅ App ${appName} marked as registered`);
+  isRegistered(appName) {
+    return this.registeredApps.has(appName);
   }
 
   /**
    * ❌ UNREGISTER APP
-   * @param {string} appName
    */
   unregister(appName) {
     this.registeredApps.delete(appName);
-    console.log(`[WuRegistry] ❌ App ${appName} unregistered`);
   }
 
   /**
    * 🧹 CLEANUP
    */
   cleanup() {
-    // Rechazar todas las promesas pendientes
-    for (const [appName, { reject, timeoutId }] of this.waitingPromises) {
-      clearTimeout(timeoutId);
-      reject(new Error(`Registry cleanup: ${appName}`));
-    }
-
-    this.waitingPromises.clear();
     this.registeredApps.clear();
-
-    console.log('[WuRegistry] 🧹 Registry cleaned up');
   }
 }

package/src/index.js

@@ -103,7 +103,7 @@ if (typeof window !== 'undefined') {
 
   // Configurar propiedades si no existen
   if (!wu.version) {
-    wu.version = '1.0.4';
+    wu.version = '1.0.5';
     console.log('🚀 Wu Framework loaded - Universal Microfrontends ready');
     wu.info = {
       name: 'Wu Framework',
@@ -126,6 +126,19 @@ if (typeof window !== 'undefined') {
     wu.once = (eventName, callback) => wu.eventBus.once(eventName, callback);
     wu.off = (eventName, callback) => wu.eventBus.off(eventName, callback);
   }
+
+  // 🔇 Exponer funciones de control de logs
+  // window.wu.silence() para silenciar, window.wu.verbose() para debug
+  if (!wu.silence) {
+    wu.silence = async () => {
+      const { silenceAllLogs } = await import('./core/wu-logger.js');
+      silenceAllLogs();
+    };
+    wu.verbose = async () => {
+      const { enableAllLogs } = await import('./core/wu-logger.js');
+      enableAllLogs();
+    };
+  }
 }
 
 // Exportar API principal
@@ -167,6 +180,7 @@ export {
 } from './core/wu-hooks.js';
 export { WuSandboxPool } from './core/wu-sandbox-pool.js';
 export { WuRegistry } from './core/wu-registry.js';
+export { silenceAllLogs, enableAllLogs } from './core/wu-logger.js';
 
 /**
  * Utilidades de conveniencia para uso común

package/src/api/wu-simple.js

@@ -1,316 +0,0 @@
-/**
- * 🚀 WU-FRAMEWORK SIMPLIFIED API
- * Developer-friendly interface for universal microfrontends
- */
-
-import { wu as wuCore } from '../index.js'
-import { logger } from '../core/wu-logger.js'
-
-class WuSimpleAPI {
-  constructor() {
-    this.core = wuCore
-    this.autoInitialized = false
-    this.defaultConfig = {
-      container: '#app',
-      mode: 'auto', // auto, spa, microfrontend
-      debug: false,
-      timeout: 30000,
-      retries: 3
-    }
-  }
-
-  /**
-   * 🌟 SMART MOUNT: Intelligent mounting with auto-discovery
-   * wu.mount('dashboard').into('#container')
-   * wu.mount('http://localhost:3001/dashboard')
-   */
-  mount(appNameOrUrl) {
-    const mountAPI = {
-      into: async (containerSelector = this.defaultConfig.container) => {
-        await this._ensureInitialized()
-
-        // 🔍 Detect if it's a URL or app name
-        if (this._isUrl(appNameOrUrl)) {
-          return await this._mountFromUrl(appNameOrUrl, containerSelector)
-        } else {
-          return await this._mountFromName(appNameOrUrl, containerSelector)
-        }
-      }
-    }
-
-    // Support direct call: wu.mount('dashboard', '#container')
-    if (typeof arguments[1] === 'string') {
-      return mountAPI.into(arguments[1])
-    }
-
-    return mountAPI
-  }
-
-  /**
-   * 🚀 QUICK LOAD: One-liner for loading remote microfrontends
-   * wu.load('http://localhost:3001/dashboard')
-   * wu.load('http://localhost:3001', { name: 'dashboard' })
-   */
-  async load(url, options = {}) {
-    await this._ensureInitialized()
-
-    const appName = options.name || this._extractAppName(url)
-    const container = options.container || this.defaultConfig.container
-
-    // Auto-register and mount
-    await this._registerFromUrl(url, appName)
-    return await this.mount(appName).into(container)
-  }
-
-  /**
-   * 🎯 BATCH OPERATIONS: Load multiple apps at once
-   * wu.loadMany([
-   *   { name: 'dashboard', url: 'http://localhost:3001' },
-   *   { name: 'sidebar', url: 'http://localhost:3002' }
-   * ])
-   */
-  async loadMany(apps) {
-    await this._ensureInitialized()
-
-    const results = []
-    for (const app of apps) {
-      try {
-        await this._registerFromUrl(app.url, app.name)
-        results.push({ name: app.name, status: 'registered' })
-      } catch (error) {
-        results.push({ name: app.name, status: 'failed', error: error.message })
-      }
-    }
-
-    return results
-  }
-
-  /**
-   * 🔧 CONFIGURATION: Flexible configuration methods
-   * wu.config({ debug: true, timeout: 60000 })
-   * wu.debug(true)
-   * wu.timeout(30000)
-   */
-  config(options = {}) {
-    Object.assign(this.defaultConfig, options)
-
-    if (options.debug) {
-      logger.wuDebug('🔧 Configuration updated:', this.defaultConfig)
-    }
-
-    return this
-  }
-
-  /**
-   * 🐛 DEBUG MODE: Quick debug toggle
-   * wu.debug(true)
-   * wu.debug() // toggle
-   */
-  debug(enabled) {
-    if (enabled === undefined) {
-      this.defaultConfig.debug = !this.defaultConfig.debug
-    } else {
-      this.defaultConfig.debug = !!enabled
-    }
-
-    logger.wuInfo(`🐛 Debug mode: ${this.defaultConfig.debug ? 'ON' : 'OFF'}`)
-    return this
-  }
-
-  /**
-   * ⏱️ TIMEOUT: Set operation timeout
-   * wu.timeout(60000) // 60 seconds
-   */
-  timeout(ms) {
-    this.defaultConfig.timeout = ms
-    logger.wuDebug(`⏱️ Timeout set to ${ms}ms`)
-    return this
-  }
-
-  /**
-   * 🔄 RETRIES: Set retry attempts
-   * wu.retries(5)
-   */
-  retries(count) {
-    this.defaultConfig.retries = count
-    logger.wuDebug(`🔄 Retries set to ${count}`)
-    return this
-  }
-
-  /**
-   * 🎯 DEFAULT CONTAINER: Set default mounting container
-   * wu.container('#main-app')
-   */
-  container(selector) {
-    this.defaultConfig.container = selector
-    logger.wuDebug(`🎯 Default container set to ${selector}`)
-    return this
-  }
-
-  /**
-   * 🌐 GLOBAL SETTINGS: Environment-based configuration
-   * wu.development() // Sets debug: true, retries: 1
-   * wu.production()  // Sets debug: false, retries: 3
-   */
-  development() {
-    return this.config({
-      debug: true,
-      retries: 1,
-      timeout: 60000
-    })
-  }
-
-  production() {
-    return this.config({
-      debug: false,
-      retries: 3,
-      timeout: 30000
-    })
-  }
-
-  /**
-   * 🚀 QUICK SETUP: Common configurations
-   * wu.spa() // Single Page App mode
-   * wu.micro() // Microfrontend mode
-   */
-  spa() {
-    return this.config({
-      mode: 'spa',
-      container: '#app',
-      debug: false
-    })
-  }
-
-  micro() {
-    return this.config({
-      mode: 'microfrontend',
-      debug: true,
-      retries: 5
-    })
-  }
-
-  /**
-   * 📊 STATUS: Get framework and apps status
-   * wu.status()
-   */
-  status() {
-    const stats = this.core.getStats?.() || {}
-
-    return {
-      initialized: this.autoInitialized,
-      apps: {
-        registered: stats.registered || 0,
-        mounted: stats.mounted || 0,
-        available: stats.apps || []
-      },
-      health: this.core.quantumState?.dimensionalStability || 'unknown',
-      config: this.defaultConfig
-    }
-  }
-
-  /**
-   * 🧹 CLEANUP: Clean shutdown
-   * wu.destroy()
-   */
-  async destroy() {
-    if (this.core.destroy) {
-      await this.core.destroy()
-    }
-    this.autoInitialized = false
-    logger.wuInfo('🧹 Framework destroyed')
-  }
-
-
-  // 🔒 PRIVATE METHODS
-
-  async _ensureInitialized() {
-    if (!this.autoInitialized) {
-      await this._autoInitialize()
-    }
-  }
-
-  async _autoInitialize() {
-    if (this.defaultConfig.debug) {
-      logger.wuDebug('🚀 Auto-initializing Wu Framework...')
-    }
-
-    // Smart initialization with minimal config
-    await this.core.init({ apps: [] })
-    this.autoInitialized = true
-
-    if (this.defaultConfig.debug) {
-      logger.wuDebug('✅ Wu Framework auto-initialized')
-    }
-  }
-
-  _isUrl(str) {
-    try {
-      new URL(str)
-      return true
-    } catch {
-      return str.includes('://') || str.startsWith('http')
-    }
-  }
-
-  _extractAppName(url) {
-    try {
-      const urlObj = new URL(url)
-      const pathSegments = urlObj.pathname.split('/').filter(Boolean)
-      return pathSegments[pathSegments.length - 1] || urlObj.hostname.split('.')[0]
-    } catch {
-      return 'app-' + Date.now()
-    }
-  }
-
-  async _registerFromUrl(url, appName) {
-    const baseUrl = this._getBaseUrl(url)
-
-    await this.core.registerApp({
-      name: appName,
-      url: baseUrl
-    })
-  }
-
-  _getBaseUrl(url) {
-    try {
-      const urlObj = new URL(url)
-      return `${urlObj.protocol}//${urlObj.host}`
-    } catch {
-      return url
-    }
-  }
-
-  async _mountFromUrl(url, containerSelector) {
-    const appName = this._extractAppName(url)
-    await this._registerFromUrl(url, appName)
-    return await this._mountFromName(appName, containerSelector)
-  }
-
-  async _mountFromName(appName, containerSelector) {
-    try {
-      await this.core.mount(appName, containerSelector)
-
-      if (this.defaultConfig.debug) {
-        logger.wuDebug(`✅ ${appName} mounted successfully in ${containerSelector}`)
-      }
-
-      return {
-        app: appName,
-        container: containerSelector,
-        status: 'mounted',
-        unmount: () => this.core.unmount(appName)
-      }
-
-    } catch (error) {
-      console.error(`[Wu] ❌ Failed to mount ${appName}:`, error.message)
-      throw new Error(`Failed to mount ${appName}: ${error.message}`)
-    }
-  }
-}
-
-// 🌟 Create singleton instance
-const wuSimple = new WuSimpleAPI()
-
-// 🎯 Export simple API
-export { wuSimple as wu }
-export default wuSimple