Заходи, располагайся!

Привет, я Данил.

Пишу о фронтенде, Vue и Nuxt, делюсь опытом создания инструментов для разработки. Иногда — просто размышляю о кодe и процессах вслух.

Публикации · Страница 2

vue-image-kit — полный toolkit для изображений во Vue 3

28.05.2026

Один пакет закрывает всё что нужно для работы с изображениями: ленивая загрузка через 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.

Метки
vue3imagesperformancenuxttypescript

vue-storage-kit — реактивное хранилище для Vue 3 с шифрованием, миграциями и синхронизацией вкладок

24.05.2026

Пакет, который закрывает всё что нужно для работы с localStorage, sessionStorage, IndexedDB и cookies во Vue 3 — TTL, AES-GCM шифрование, схема-миграции, кросс-вкладочная синхронизация и Pinia-персист, без единой лишней зависимости.

Метки
vue3typescriptlocalstorageindexeddbpinia

Command Palette для Vue 3 — fuzzy-поиск, вложенные палитры и глобальные хоткеи из коробки

23.05.2026

@macrulez/vue-command-palette — готовый Command+K интерфейс для Vue 3 с fuzzy-поиском, группами, вложенными палитрами, историей команд и полной поддержкой тем. Единственная peer-зависимость — Vue 3.

Метки
vuevue3command-palettetypescriptopen-source

vue-virtual-scroller-kit — виртуализация списков для Vue 3 без компромиссов

23.05.2026

Написал пакет для виртуализации списков, таблиц, сеток и деревьев во Vue 3 с динамической высотой строк, группировкой, drag-to-reorder и полной поддержкой SSR — без внешних зависимостей.

Метки
vue3virtualizationperformancefrontendopensource

@macrulez/vue-form-schema: реактивные формы из схемы для Vue 3

22.05.2026

Написал пакет, который избавляет от бойлерплейта при работе с формами во Vue 3: описываешь поля в виде массива объектов — получаешь готовую валидацию, маскирование, условное отображение и автоматический рендеринг.

Метки
vue3formsvalidationtypescriptcomposable

Терминал в браузере: вкладки, история команд и избранное прямо в admin-панели

21.05.2026

Добавил полноценный веб-терминал в admin-панель — интерактивная bash-сессия прямо в браузере, до пяти вкладок одновременно, история и избранное с поиском, состояние сохраняется при переключении между разделами.

Метки
terminaladmin-panelweb-terminalbashdeveloper-tools

Файловый менеджер в admin-панели

21.05.2026

В admin-панель добавил полноценный файловый менеджер — браузер файловой системы с редактором кода на CodeMirror 6, подсветкой синтаксиса, просмотром изображений, операциями копирования и переноса, загрузкой папок целиком через drag-and-drop и групповыми действиями над несколькими файлами.

Метки
admin-panelfile-managercodemirrornode.jsvue

Три новых раздела admin-панели: браузер базы данных, управление системой и пользователи

20.05.2026

Добавил три новых раздела в admin-панель: интерактивный браузер базы данных с возможностью редактировать записи прямо из интерфейса и выполнять произвольные SQL-запросы, расширенный раздел «Система» с информацией о процессе, cron-задачами и управлением сервером, и полноценный модуль управления учётными записями администраторов с хранением в PostgreSQL.

Метки
node.jsadmin-panelpostgresqlvue3devops

Мониторинг с алертами в Telegram: гибкие правила и синтетические проверки в admin-панели

19.05.2026

Добавил в admin-панель модуль мониторинга — несколько Telegram-ботов, три типа правил алертов с фильтрами и пороговыми значениями, синтетические HTTP-проверки с уведомлениями по провалам.

Метки
monitoringtelegramalertsdevopsnodejs

Admin-панель мониторинга: дашборд, аналитика, логи и API-эксплорер

19.05.2026

Обзор admin-панели для Node.js-сервиса: от сводного дашборда с метриками сервера и кэша до интерактивного API-эксплорера, в котором можно формировать запросы и смотреть ответы прямо в браузере.

Метки
adminmonitoringnodejsvue3devtools

Маршруты с пересадками, дуги большого круга и лейблы прямо на линиях

14.05.2026

На карте авиамаршрутов появился поиск маршрутов с пересадками: можно найти перелёт из города в город, выбрать авиакомпанию для каждого сегмента — и вся цепочка отобразится на карте. Заодно маршрутные линии теперь рисуются дугами по большому кругу, а на каждом сегменте висит лейбл с названием АК и кодами аэропортов.

Метки
авиацияThree.jsVueWebGLкартография