// Симулируем работу Storybook: регистрацию историй,
// хранение args и рендеринг компонентов с разными пропсами.

// --- Реестр историй ---

class StorybookRegistry {
  constructor() {
    this.registry = new Map()  // component -> { meta, stories }
  }

  // Регистрация компонента и его историй
  register(meta, stories) {
    const componentName = meta.title
    this.registry.set(componentName, {
      meta,
      stories: new Map(Object.entries(stories))
    })
    console.log('Зарегистрирован компонент:', componentName)
    console.log('  Историй:', Object.keys(stories).length)
    return this
  }

  // Получить все истории компонента
  getStories(componentTitle) {
    const entry = this.registry.get(componentTitle)
    if (!entry) return []
    return Array.from(entry.stories.entries()).map(([name, story]) => ({
      name,
      // Мерджим args: мета -> история (история переопределяет)
      args: { ...entry.meta.args, ...story.args }
    }))
  }

  // Рендеринг истории — вызов компонента с нужными args
  render(componentTitle, storyName) {
    const entry = this.registry.get(componentTitle)
    if (!entry) throw new Error('Компонент не найден: ' + componentTitle)

    const story = entry.stories.get(storyName)
    if (!story) throw new Error('История не найдена: ' + storyName)

    const mergedArgs = { ...entry.meta.args, ...story.args }
    const result = entry.meta.component(mergedArgs)

    console.log('Рендер [' + componentTitle + ' / ' + storyName + ']:')
    console.log('  Args:', JSON.stringify(mergedArgs))
    console.log('  Результат:', result)
    return result
  }

  // Показать документацию компонента
  docs(componentTitle) {
    const entry = this.registry.get(componentTitle)
    if (!entry) return

    console.log('
=== Документация:', componentTitle, '===')
    console.log('Компонент:', entry.meta.component.name)
    if (entry.meta.argTypes) {
      console.log('Пропсы:')
      for (const [prop, config] of Object.entries(entry.meta.argTypes)) {
        console.log('  -', prop + ':', config.description || config.control || 'any')
      }
    }
    console.log('Истории:')
    for (const [name, story] of entry.stories) {
      console.log('  -', name, story.args ? JSON.stringify(story.args) : '(нет args)')
    }
  }
}

// --- Пример компонента ---

function Button({ variant = 'primary', size = 'md', children = 'Кнопка', disabled = false }) {
  const variantStyle = { primary: 'синяя', secondary: 'серая', danger: 'красная' }
  const sizeStyle = { sm: 'маленькая', md: 'средняя', lg: 'большая' }
  return '[КНОПКА: ' + children + ' | ' + variantStyle[variant] + ' | ' + sizeStyle[size] + (disabled ? ' | disabled' : '') + ']'
}

// --- Регистрация историй ---

const storybook = new StorybookRegistry()

storybook.register(
  {
    title: 'UI/Button',
    component: Button,
    args: { size: 'md', variant: 'primary' },  // дефолтные args
    argTypes: {
      variant: { control: 'select', description: 'Вариант кнопки' },
      size: { control: 'radio', description: 'Размер кнопки' },
      disabled: { control: 'boolean', description: 'Отключена ли кнопка' },
    },
  },
  {
    Default: { args: { children: 'Нажми меня' } },
    Danger:  { args: { variant: 'danger', children: 'Удалить' } },
    Large:   { args: { size: 'lg', children: 'Большая кнопка' } },
    Disabled: { args: { disabled: true, children: 'Недоступно' } },
  }
)

// --- Использование ---

console.log('=== Список историй ===')
storybook.getStories('UI/Button').forEach(s => {
  console.log(' -', s.name, '| args:', JSON.stringify(s.args))
})

console.log('
=== Рендеринг историй ===')
storybook.render('UI/Button', 'Default')
storybook.render('UI/Button', 'Danger')
storybook.render('UI/Button', 'Disabled')

storybook.docs('UI/Button')