Product Smart-компоненты Docara

# Product Smart-компоненты Docara

Бренд, четырёхуровневая навигация и содержание страницы собраны из canonical
Smart-компонентов с собственными assets.

## Результат

[Открыть отдельно](/ru/demonstrator-results/product-smart-runtime/)

:::internal_preview {size=tall title="Product Smart-компоненты Docara"}
[Открыть результат](/ru/demonstrator-results/product-smart-runtime/)
:::

## Исходные файлы

:::code {src="./product-smart-runtime.md" lang=markdown title="Страница примера · content/ru/examples/product-smart-runtime.md"}
:::

:::code {src="../demonstrator-results/product-smart-runtime.md" lang=markdown title="Markdown результата · content/ru/demonstrator-results/product-smart-runtime.md"}
:::

:::code {src="../demonstrator-results/product-smart-runtime.page.json" lang=json title="Композиция страницы · content/ru/demonstrator-results/product-smart-runtime.page.json"}
:::

# Product Smart-компоненты Docara

В шапке работает `docara.brand`, в левой области — `docara.navigation`, в
правой области — `docara.toc`. Секции макета только связывают эти компоненты с
данными страницы.

## Отдельный контракт

Каждый компонент имеет manifest, views, presets, шаблоны, Atlas, readiness и
собственные assets.

### Компонент владеет поведением

Навигация раскрывает активную ветвь и поддерживает до четырёх уровней. TOC
публикует событие перехода по заголовку. Общая оболочка не реализует это
поведение за компоненты.

## Единый реестр

`ui.*` и `docara.*` проходят общий manifest contract. Framework-компоненты
дополнительно проверяются по exact lock, а product-компоненты поставляются
через provider-backed `SmartRegistry` и единый `SmartComponentGateway`.

## Portable runtime

Готовый сайт остаётся статическим, а сборка не требует Laravel или Node.js.

{
  "schema": "docara.page.v1",
  "title": "Product Smart-компоненты Docara",
  "description": "Бренд, навигация и содержание страницы из canonical product Smart-компонентов.",
  "layout": {
    "regions": {
      "header": {
        "enabled": true,
        "sections": [{"id": "site-brand", "section": "docara.header"}]
      },
      "sidebar": {
        "enabled": true,
        "sections": [{"id": "docs-navigation", "section": "docara.navigation"}]
      },
      "outline": {
        "enabled": true,
        "sections": [{"id": "page-toc", "section": "docara.outline"}]
      }
    }
  }
}