Самое большое обновление vue-virtual-scroller-kit с момента первого релиза: выбор строк по клику и Shift+click, асинхронный поиск в VirtualSelect, полное управление колонками таблицы, горизонтальные списки, отслеживание видимости через IntersectionObserver, кастомный скроллбар, RTL из коробки, а также motion blur, sticky-заголовки групп и ещё несколько фич поменьше. В посте — подробный разбор каждой с примерами и три сценария из реальных проектов.
Метка: typescript
Посты с меткой “typescript”.
Один пакет закрывает всё что нужно для работы с изображениями: ленивая загрузка через IntersectionObserver, пять видов плейсхолдеров (ThumbHash / BlurHash / LQIP / dominant color / shimmer), focal point, WebP/AVIF, srcset с width- и density-дескрипторами, art direction, retry с backoff, CDN-адаптеры для 12 провайдеров, build-time импорты через Vite-плагин, кодирование плейсхолдеров прямо в браузере, CLI для обработки на сборке, Nuxt-модуль. Ноль runtime-зависимостей, tree-shakeable.
Лёгкая библиотека FSM для Vue 3 — декларативные состояния, параллельные регионы, визарды и реактивный API в 4 KB. Без Pinia, без XState, одна peer-зависимость.
Пакет, который закрывает всё что нужно для работы с localStorage, sessionStorage, IndexedDB и cookies во Vue 3 — TTL, AES-GCM шифрование, схема-миграции, кросс-вкладочная синхронизация и Pinia-персист, без единой лишней зависимости.
@macrulez/vue-command-palette — готовый Command+K интерфейс для Vue 3 с fuzzy-поиском, группами, вложенными палитрами, историей команд и полной поддержкой тем. Единственная peer-зависимость — Vue 3.
Написал пакет, который избавляет от бойлерплейта при работе с формами во Vue 3: описываешь поля в виде массива объектов — получаешь готовую валидацию, маскирование, условное отображение и автоматический рендеринг.
FeatureProvider.ts вырос до 586 строк и превратился в нечто, что тестировать было невозможно. Рассказываю как разбил это на модули, откуда взялись тесты и почему localStorage.clear() не работает в happy-dom.
Большой апдейт плагина для управления feature flags во Vue 3 — мультивариантные флаги, переменные, группы, зависимости, правила, персистентные оверрайды, SSR, CLI и переработанный DevTools.
Новая порция фич для встраиваемого отладчика сети: теперь можно модифицировать реальные ответы на лету, замораживать запросы как в Charles Proxy и генерировать моки из OpenAPI-спеки одним кликом.
Пакет для Vue 3, который перехватывает весь сетевой трафик — Fetch, XHR, WebSocket и SSE — и показывает его в удобной панели прямо в браузере. Без DevTools, без дополнительных вкладок, без потери контекста.