@namba_one/ui-kit-2

namba-one-uikit

UI Kit на Vue 3 + TypeScript + Vite для проектов Namba One.

Стек

• Vue 3
• TypeScript
• Vite
• Pinia
• SCSS/LESS
• ESLint, Stylelint, Prettier

Структура проекта (FSD)

• src/shared — общие компоненты, утилиты, типы
• src/entities — бизнес-сущности
• src/features — фичи (функциональные блоки)
• src/widgets — виджеты (сложные UI-блоки)
• src/pages — страницы
• src/app — инициализация приложения, роутинг

Быстрый старт

npm install
npm run dev

Сборка

npm run build

Линтинг и форматирование

npm run lint
npm run lint:style
npm run format

Процесс релиза

1. Сделать npm run build
2. Убедиться, что нет различий между ветками фичи, main, production
3. Сделать merge request из фичи в main ветку в gitlab
4. Сделать merge request из main в production ветку
5. Прогнать следующие команды:

git switch production
npm run pre-release -- -m "fix: [text]"
npm run semantic-release

Pull/Merge Request

• Описывать изменения в MR
• Проверять прохождение линтеров и сборки
• Следовать FSD-структуре при добавлении новых файлов

Assets

• Для замены цветовых токенов взять у дизайнеров токены для веба для ui-kit и заменить theme/config.json
• Если для иконки нужно оставить её цвет исходный цвет то название должно иметь в себе static