Добавил три новых раздела в admin-панель: интерактивный браузер базы данных с возможностью редактировать записи прямо из интерфейса и выполнять произвольные SQL-запросы, расширенный раздел «Система» с информацией о процессе, cron-задачами и управлением сервером, и полноценный модуль управления учётными записями администраторов с хранением в PostgreSQL.
Метка: vue3
Посты с меткой “vue3”.
Обзор admin-панели для Node.js-сервиса: от сводного дашборда с метриками сервера и кэша до интерактивного API-эксплорера, в котором можно формировать запросы и смотреть ответы прямо в браузере.
Показываю, как собрал admin-панель для наблюдения за двумя слоями кэша — базы данных и HTTP-ответов — с диаграммами ECharts, браузером ключей и выборочной очисткой.
Плагин с тремя интерфейсами (компонент, директива, composable), URL-оверрайдами для QA и runtime-управлением флагами без деплоя. Работает с любым бэкендом — от статического объекта до LaunchDarkly.
Крупное обновление инструментов локализации для Vue 3: генерация TypeScript-типов из ключей, детектор устаревших переводов, экспорт и импорт XLIFF/PO для переводчиков, поддержка DeepL, CLI-отчёт по покрытию и улучшенный дашборд.
Пакет для Vue 3, который перехватывает весь сетевой трафик — Fetch, XHR, WebSocket и SSE — и показывает его в удобной панели прямо в браузере. Без DevTools, без дополнительных вкладок, без потери контекста.
В новой версии vue-i18n-kit появился браузерный редактор локалей, который работает локально и не требует внешних сервисов. Дашборд с покрытием, группировка ключей по неймспейсам, валидация плейсхолдеров и ICU-синтаксиса, автоперевод пропущенных значений через LibreTranslate — и всё это прямо на вашей машине.
Написал собственный npm-пакет для локализации Vue 3, потому что устал каждый раз копировать один и тот же бойлерплейт из проекта в проект. ICU-плюрализация, lazy loading, метаданные локалей, форматирование дат и валют, Vite-плагин и CLI — всё из коробки.
Обновил клиентскую архитектуру карты: перешёл с «сырых» API-объектов на модели Airport и Company, а также внедрил многоуровневое кеширование данных. В статье разобрал, как это упростило код, ускорило интерфейс и позволило безопасно кешировать каталог авиакомпаний/аэропортов с автоматической инвалидиацией по версии данных (newest_update). Есть практические фрагменты кода: нормализация моделей, lazy enrich и версионирование кеша.
Новый каталог авиакомпаний и аэропортов позволяет исследовать маршрутные сети без необходимости знать IATA-код — достаточно выбрать букву, кликнуть на перевозчика и увидеть все его направления прямо на карте.