Примеры панели экосистемы

Самодостаточные демо-страницы для всех поддерживаемых форматов данных. Каждый пример можно хостить отдельно — в папке есть всё необходимое для работы через HTTP-сервер.

Структура

examples/
├── index.html                 # Оглавление примеров
├── shared/                    # Общие ресурсы для всех демо
│   ├── styles.css
│   ├── script.js
│   └── assets/                # SVG-иконки
├── full/                      # section → group → item
│   ├── index.html
│   ├── settings.json
│   └── panel-data.json
├── section-items/             # section → item
├── flat/                      # корневой items[]
└── mixed/                     # items + groups в одном разделе

Запуск

Из папки examples:

cd examples
npx serve .

Открой:

http://localhost:3000/ — оглавление
http://localhost:3000/full/ — полная иерархия
http://localhost:3000/section-items/ — раздел без подразделов
http://localhost:3000/flat/ — плоский список
http://localhost:3000/mixed/ — смешанный раздел

Альтернатива — сервер из корня репозитория:

cd ecosystem
npx serve .

Тогда примеры доступны по пути /examples/....

Что внутри каждого примера

Файл	Назначение
`index.html`	Страница панели, подключает `../shared/`
`settings.json`	Указывает `./panel-data.json` и пресет UI (`defaults`, `features`)
`panel-data.json`	Демо-данные выбранного формата

Обновление shared/

Папка shared/ — копия styles.css, script.js и assets/ из корня проекта. После изменений в основной панели синхронизируй:

Copy-Item ..\styles.css, ..\script.js shared\
Copy-Item ..\assets\* shared\assets\ -Recurse -Force

Копирование как шаблон

Чтобы сделать свою панель на базе примера:

Скопируй папку нужного формата (например, flat/)
Отредактируй panel-data.json
При необходимости добавь типы в serviceMeta
Хости папку примера вместе с shared/ (относительные пути уже настроены)

2.8 KiB Raw Blame History Unescape Escape