Freyr

Дизайн система Rutube
Storybook: https://freyr.rutube.dev

Начало работы над дизайн системой

Пожалуйста, прочтите следующие документы перед началом работы над дизайн системой.

• Описание принципов работы с доступностью
• Проверка компонента перед передачей в ревью

Scripts

В проекте используются следующие npm-скрипты:

Основные скрипты

• clean
  Удаляет директорию dist. Используется перед сборкой.

  npm run clean

• dev Запускает Vite в режиме разработки. Таким образом вы можете протестировать в папке src работу вашего компонента, как в реальном приложении.

  npm run dev

• prebuild Удаляет директорию dist. Используется перед сборкой.

  npm run prebuild

• build Собирает проект: сначала компилирует TypeScript с помощью конфигурации tsconfig-build.json, затем выполняет сборку через Vite.

  npm run build

• lint Проверяет код на ошибки с помощью ESLint.

  npm run lint

• lint:fix Проверяет код на ошибки с помощью ESLint и исправляет их.

  npm run lint:fix

• stylelint Проверяет код на ошибки с помощью Stylelint.

  npm run stylelint

• preview Запускает Vite в режиме предпросмотра.

  npm run preview

• prepack Создает пакет с помощью Vite.

  npm run prepack

• release Создает релиз с помощью Semantic Release.

  npm run release

• precommit Проверяет код на ошибки с помощью Lint Staged.

  npm run precommit

• prepare Создает пакет с помощью Vite.

  npm run prepare

• prettier Проверяет код на ошибки с помощью Prettier.

  npm run prettier

• prettier:fix Форматирует код с помощью Prettier.

  npm run prettier:fix

• storybook Запускает Storybook в режиме разработки.

  npm run storybook

• build-storybook Собирает Storybook.

  npm run build-storybook

• test Запускает Vitest.

  npm run test

• test:ui Запускает Vitest с UI.

  npm run test:ui

• test:watch Запускает Vitest в режиме наблюдения.

  npm run test:watch

• coverage Запускает Vitest с покрытием.

  npm run coverage

• cli Запускает CLI для создания нового компонента.

  npm run cli

• typecheck Проверяет код на ошибки с помощью TypeScript.

  npm run typecheck