@tonytoolkit/ui-kit (0.0.2)

Published 2026-05-28 14:21:26 +03:00 by anton

Setup this registry in your project .npmrc file:

@tonytoolkit:registry=

To install the package using npm, run the following command:

npm install @tonytoolkit/ui-kit@0.0.2

or add it to the package.json file:

"@tonytoolkit/ui-kit": "0.0.2"

For more information on the npm registry, see the documentation.

@tonytoolkit/ui-kit

PixiJS UI-компоненты на базе @pixi/layout (Yoga flexbox).

Компоненты

Button — кнопка с состояниями idle / hover / pressed / disabled
Window — модальное окно с заголовком и областью контента
ProgressBar — прогресс-бар с пружинной анимацией
ScrollBar — полоса прокрутки, привязывается к ScrollMetricsProvider
ScrollList — прокручиваемый список с опциональным ScrollBar

Установка

Локальная разработка (монорепо)

{
  "dependencies": {
    "@tonytoolkit/ui-kit": "file:../ui-kit"
  }
}

После изменений в библиотеке: cd ui-kit && npm run build.

Из Git

npm install git+ssh://git@git.serverbox.dev/anton/ui-kit.git#v0.1.0

{
  "dependencies": {
    "@tonytoolkit/ui-kit": "git+ssh://git@git.serverbox.dev/anton/ui-kit.git#v0.1.0"
  }
}

npm registry (приватный)

Добавьте в корень проекта .npmrc:

@tonytoolkit:registry=https://your-registry.example/
//your-registry.example/:_authToken=${NPM_TOKEN}

В ui-kit/package.json можно задать publishConfig.registry.

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

import '@pixi/layout';
import { Button, Window, ScrollList } from '@tonytoolkit/ui-kit';

Peer-зависимости: pixi.js, @pixi/layout.

Скрипты

Скрипт	Описание
`npm run build`	Сборка ESM + CJS + `.d.ts` в `dist/`
`npm run dev`	Watch-сборка
`npm run typecheck`	Проверка типов
`npm run release:patch`	patch-версия, build, `npm publish`, git tag
`npm run release:git`	`git push` и теги (после publish вручную)

Публикация

Инициализируйте репозиторий и remote (если ещё не сделано):
```
git init
git remote add origin ssh://git@git.serverbox.dev/anton/ui-kit.git
```

Первый push:

git add .
git commit -m "feat: initial ui-kit library"
git push -u origin main

Релиз в npm (или Gitea Packages):

npm login --registry=https://your-registry.example/
npm run release:patch
git push && git push --tags

Теги создаёт npm version внутри release:patch / release:minor / release:major.

Development dependencies

ID	Version
@pixi/layout	^3.2.0
@tonytoolkit/fsm-lib	^1.0.0
pixi.js	^8.9.2
tsup	^8.5.0
typescript	~5.8.3

Peer dependencies

ID	Version
@pixi/layout	^3.2.0
@tonytoolkit/fsm-lib	^1.0.0
pixi.js	^8.9.0

pixi pixijs ui layout yoga

Details

npm

2026-05-28 14:21:26 +03:00

MIT

latest

57 KiB

Assets (1)

ui-kit-0.0.2.tgz 57 KiB

Versions (2) View all

0.0.2

2026-05-28

0.0.1