// Мини-роутер с поддержкой параметров и гвардов

class MiniRouter {
  constructor() {
    this._routes = new Map()
    this._history = ['/']
    this._historyIndex = 0
    this._guards = []
    this._listeners = []
  }

  // Регистрация маршрута (поддержка параметров :param)
  route(pattern, handler) {
    this._routes.set(pattern, handler)
    return this
  }

  // Гвард навигации — может отменить переход
  addGuard(guardFn) {
    this._guards.push(guardFn)
  }

  // Сопоставление URL с паттерном, извлечение параметров
  _matchRoute(path) {
    for (const [pattern, handler] of this._routes) {
      const paramNames = []
      const regexStr = pattern.replace(/:([^/]+)/g, (_, name) => {
        paramNames.push(name)
        return '([^/]+)'
      })
      const match = path.match(new RegExp(`^${regexStr}$`))
      if (match) {
        const params = {}
        paramNames.forEach((name, i) => { params[name] = match[i + 1] })
        return { handler, params }
      }
    }
    return null
  }

  async navigate(path) {
    // Запускаем гварды
    for (const guard of this._guards) {
      const result = await guard(this.getCurrentPath(), path)
      if (result === false) {
        console.log(`[Router] Навигация заблокирована гвардом: ${path}`)
        return false
      }
    }

    // Обрезаем «будущую» историю при новом переходе
    this._history = this._history.slice(0, this._historyIndex + 1)
    this._history.push(path)
    this._historyIndex++

    const match = this._matchRoute(path)
    const result = match ? match.handler(match.params) : '404 Страница не найдена'

    console.log(`[Router] Переход: ${path}`)
    console.log(`[Router] Контент: ${result}`)

    this._listeners.forEach(fn => fn(path, result))
    return result
  }

  back() {
    if (this._historyIndex <= 0) {
      console.log('[Router] Некуда идти назад')
      return null
    }
    this._historyIndex--
    const path = this._history[this._historyIndex]
    const match = this._matchRoute(path)
    const result = match ? match.handler(match.params) : '404'
    console.log(`[Router] Назад → ${path}`)
    this._listeners.forEach(fn => fn(path, result))
    return result
  }

  forward() {
    if (this._historyIndex >= this._history.length - 1) {
      console.log('[Router] Некуда идти вперёд')
      return null
    }
    this._historyIndex++
    const path = this._history[this._historyIndex]
    const match = this._matchRoute(path)
    const result = match ? match.handler(match.params) : '404'
    console.log(`[Router] Вперёд → ${path}`)
    this._listeners.forEach(fn => fn(path, result))
    return result
  }

  getCurrentPath() {
    return this._history[this._historyIndex]
  }

  onChange(listener) {
    this._listeners.push(listener)
  }
}

// Конфигурация роутера
const router = new MiniRouter()

router
  .route('/', () => 'Главная страница')
  .route('/about', () => 'О компании')
  .route('/users', () => 'Список пользователей')
  .route('/users/:id', ({ id }) => `Профиль пользователя #${id}`)
  .route('/users/:id/posts/:postId', ({ id, postId }) =>
    `Пост #${postId} пользователя #${id}`
  )

// Гвард: защита admin-страниц
router.addGuard((from, to) => {
  if (to.startsWith('/admin')) {
    console.log('[Guard] Доступ к /admin запрещён')
    return false
  }
  return true
})

// Подписываемся на изменения
router.onChange((path, content) => {
  console.log(`[App] Рендерим: ${content}`)
})

// Навигация
await router.navigate('/')
await router.navigate('/about')
await router.navigate('/users/42')
await router.navigate('/users/42/posts/7')
await router.navigate('/admin')  // заблокирован гвардом

console.log('\n--- Кнопки назад/вперёд ---')
router.back()   // /users/42/posts/7
router.back()   // /users/42
router.forward()  // /users/42/posts/7