// Демонстрируем архитектуру микрофронтендов через динамическую загрузку модулей.
// Это аналог Module Federation на чистом JavaScript.

// --- EventBus: обмен сообщениями между микроприложениями ---

function createEventBus() {
  const listeners = new Map()
  const eventLog = []

  return {
    emit(event, data) {
      eventLog.push({ event, data, timestamp: Date.now() })
      const handlers = listeners.get(event) || []
      handlers.forEach(handler => {
        try {
          handler(data)
        } catch (err) {
          console.error('[EventBus] Ошибка в обработчике', event, err.message)
        }
      })
      console.log('[EventBus] emit:', event, JSON.stringify(data))
    },

    on(event, handler) {
      if (!listeners.has(event)) listeners.set(event, [])
      listeners.get(event).push(handler)
      console.log('[EventBus] Подписка на:', event)
      return () => this.off(event, handler)  // unsubscribe
    },

    off(event, handler) {
      const handlers = listeners.get(event) || []
      listeners.set(event, handlers.filter(h => h !== handler))
    },

    getLog: () => [...eventLog],
    getListenerCount: (event) => (listeners.get(event) || []).length,
  }
}

// --- Реестр микроприложений ---

function createMicroAppRegistry() {
  const apps = new Map()
  const mounted = new Map()

  return {
    register(name, definition) {
      apps.set(name, {
        name,
        ...definition,
        status: 'registered',
      })
      console.log('[Registry] Зарегистрировано приложение:', name)
    },

    async mount(name, container, props = {}) {
      const app = apps.get(name)
      if (!app) throw new Error('Приложение не найдено: ' + name)

      console.log('[Registry] Монтирование:', name, '→', container)

      // 1. Bootstrap (инициализация)
      if (app.bootstrap) {
        await app.bootstrap()
      }

      // 2. Mount
      if (app.mount) {
        await app.mount({ container, props })
      }

      app.status = 'mounted'
      mounted.set(name, { container, props, mountedAt: Date.now() })
      console.log('[Registry] Смонтировано:', name)

      return {
        unmount: () => this.unmount(name)
      }
    },

    async unmount(name) {
      const app = apps.get(name)
      if (!app || app.status !== 'mounted') return

      console.log('[Registry] Размонтирование:', name)

      if (app.unmount) {
        await app.unmount()
      }

      app.status = 'unmounted'
      mounted.delete(name)
      console.log('[Registry] Размонтировано:', name)
    },

    getMounted: () => Array.from(mounted.keys()),
    getStatus: (name) => apps.get(name)?.status || 'not-found',
  }
}

// --- Симуляция удалённых микроприложений ---

function createCatalogApp(eventBus) {
  let state = { products: [], isLoaded: false }

  return {
    name: 'catalog',

    async bootstrap() {
      console.log('[Catalog] Bootstrap: загрузка конфигурации...')
      await new Promise(r => setTimeout(r, 50))
      console.log('[Catalog] Готов к монтированию')
    },

    async mount({ container, props }) {
      state.products = [
        { id: 1, name: 'MacBook Pro', price: 150000 },
        { id: 2, name: 'iPhone 15',   price: 90000 },
        { id: 3, name: 'AirPods Pro', price: 20000 },
      ]
      state.isLoaded = true

      console.log('[Catalog] Смонтирован в', container)
      console.log('[Catalog] Товаров загружено:', state.products.length)

      // Слушаем запросы от других приложений
      eventBus.on('cart:request-product', ({ productId }) => {
        const product = state.products.find(p => p.id === productId)
        if (product) {
          eventBus.emit('catalog:product-found', { product })
        }
      })
    },

    async unmount() {
      state = { products: [], isLoaded: false }
      console.log('[Catalog] Размонтирован, данные очищены')
    },

    getProducts: () => state.products,
  }
}

function createCartApp(eventBus) {
  let state = { items: [], total: 0 }

  return {
    name: 'cart',

    async bootstrap() {
      console.log('[Cart] Bootstrap: восстановление корзины из localStorage...')
    },

    async mount({ container }) {
      console.log('[Cart] Смонтирован в', container)

      // Слушаем добавление товаров от Catalog
      eventBus.on('catalog:add-to-cart', ({ product, quantity }) => {
        state.items.push({ ...product, quantity })
        state.total += product.price * quantity
        console.log('[Cart] Добавлен товар:', product.name)
        eventBus.emit('cart:updated', { itemCount: state.items.length, total: state.total })
      })
    },

    addItem(product, quantity = 1) {
      eventBus.emit('catalog:add-to-cart', { product, quantity })
    },

    getState: () => ({ ...state }),
  }
}

// --- Демонстрация ---

async function runDemo() {
  const bus = createEventBus()
  const registry = createMicroAppRegistry()

  // Подписка Shell на обновления корзины
  bus.on('cart:updated', ({ itemCount, total }) => {
    console.log('[Shell] Корзина обновлена: ' + itemCount + ' товаров, итого: ' + total + '₽')
  })

  // Создаём приложения
  const catalog = createCatalogApp(bus)
  const cart = createCartApp(bus)

  // Регистрируем в реестре
  registry.register('catalog', catalog)
  registry.register('cart', cart)

  // Монтируем
  console.log('
=== Монтирование микроприложений ===')
  await registry.mount('catalog', '#catalog-container')
  await registry.mount('cart', '#cart-container')

  console.log('
Смонтированы:', registry.getMounted())

  // Взаимодействие через EventBus
  console.log('
=== Взаимодействие между приложениями ===')
  const products = catalog.getProducts()

  cart.addItem(products[0], 1)  // MacBook Pro
  cart.addItem(products[2], 2)  // AirPods Pro x2

  const cartState = cart.getState()
  console.log('
Итог корзины:', cartState.total + '₽')
  console.log('Событий в EventBus:', bus.getLog().length)

  // Размонтирование
  console.log('
=== Размонтирование ===')
  await registry.unmount('catalog')
  console.log('Смонтированы после unmount:', registry.getMounted())
}

runDemo()