TTyko

5 пакетів · публічно в npm · @tykonpm

Одна майстерня — спільний код для всіх ваших сайтів

Підключайте пакет як залежність, не копіюйте код у кожен проєкт. Зображення без обрізання, спільний інтерфейс і 29 мов, з інструкціями, які розуміє Lovable.

Обрати пакет Підключити в LovableЖиві приклади

Зображення

v0.5.1

@tykonpm/image-core

Правила пресетів без фреймворка: ширини, srcset, маніфести, кеш описів, безпечна заміна копій.

  • ✓Ніколи не збільшує малі фото
  • ✓Адаптер сховища замість SDK
  • ✓Кеш LRU + дедуплікація
$ npm i @tykonpm/image-core
Документація Демо
v0.5.0

@tykonpm/image-react

<TykoImage>, вікно бібліотеки зображень, перегляд на весь екран із zoom і жестами.

  • ✓object-fit: contain — портрети не обрізаються
  • ✓Фокус і локалізація uk/en
  • ✓Lightbox із жестами
$ npm i @tykonpm/image-react
Документація Демо
v0.3.0

@tykonpm/image-browser

Стискання й ресайз фото прямо в браузері через canvas, масова генерація з прогресом.

  • ✓WebP/AVIF/JPEG
  • ✓Пропорції зберігаються
  • ✓Нічого не надсилає на сервер
$ npm i @tykonpm/image-browser
Документація Демо

Інтерфейс

v0.2.0

@tykonpm/ui

Спільні UI-примітиви й профілі сервісів на Radix.

  • ✓Фабрики компонентів за профілем
  • ✓Radix-основа
  • ✓Спільний вигляд між сайтами
$ npm i @tykonpm/ui
Документація

Мови

v0.3.0

@tykonpm/multilang

29 мов з українським джерелом, React-провайдер, адмінка й черга перекладу сайту.

  • ✓Відстеження застарілих перекладів
  • ✓Пакетний AI-переклад
  • ✓Адмін-модуль
$ npm i @tykonpm/multilang
Документація

Як пакети пов'язані

image-react і image-browser спираються на image-core. ui і multilang незалежні.

image-core ─┬─▶ image-react    (React, вікно бібліотеки, lightbox)
            └─▶ image-browser  (ресайз у браузері)

ui          ── самостійний
multilang   ── самостійний

Принципи

  • Без прив’язки до бекенду

    Сховище підключається адаптером. Пакети не залежать від Supabase.

  • Портрети не обрізаються

    object-fit: contain за замовчуванням, малі фото не збільшуються.

  • Готово для AI-платформ

    Кожен пакет містить LOVABLE.md з можливостями, обмеженнями й підводними каменями.