Перейти к содержанию
Проекты

ha-vue-kiosk - кастомная панель для настенного планшета HomeAssistant на Vue 3, без Lovelace, без HACS и…

Опубликовано: Обновлено: Автор: MichaelИсточник: t.me

ha-vue-kiosk - кастомная панель для настенного планшета HomeAssistant на Vue 3, без Lovelace, без HACS и без сборки через npm.

ПроектыHomeAssistantLeafletnpmYAMLLovelaceGitHome Assistant
🖥 ha-vue-kiosk (https://github.com/exSnake/ha-vue-kiosk) - кастомная панель для настенного планшета #HomeAssistant на #Vue 3, без #Lovelace, без #HACS и без сборки через #npm. Идея хорошая: вместо бесконечной возни с карточками, card-mod и #YAML автор вынес dashboard в обычные маленькие #JS-файлы. Их можно читать, править, версионировать в #Git и спокойно отдавать на доработку coding agent’у. ✨ Что внутри: 🧩 custom panel через встроенный panel_custom ⚡ #Vue 3 лежит локально, без внешнего CDN и без build-step 🏠 вкладки Climate, Shutters, Lights, Energy и Map 💡 свет автособирается из Areas через entity registry 📊 энергия тянется из recorder/statistics 🗺 карта использует историю person.* и #Leaflet 🧪 есть offline test harness с fake hass и #Playwright screenshots Самое интересное тут даже не дизайн, а подход. #HomeAssistant уже давно даёт нормальный hass-объект, сервисы, WebSocket API и panel_custom. То есть можно собрать домашнюю панель как обычное небольшое web-приложение, а не пытаться победить Lovelace-конструктор там, где хочется полной свободы. 🏠 Где особенно хорошо зайдёт: • настенный #iPad / планшет в альбомной ориентации • дом, где панелью пользуются не админы, а семья • кастомный UI под конкретные сценарии • проекты, где хочется править интерфейс через #Git • эксперименты с AI-assisted разработкой dashboard’ов Нюанс: это не универсальная “поставил и забыл” тема. Entity ID, климат, шторы, энергия, карта и быстрые действия завязаны на конкретную конфигурацию автора. Но как стартовый каркас для своего kiosk UI - очень любопытно. GitHub: https://github.com/exSnake/ha-vue-kiosk Reddit: https://www.reddit.com/r/homeassistant/comments/1vczz9y/as_a_dev_i_was_sick_of_lovelace_and_replaced_my/ Источник: Home Assistant (https://t.me/home_assistant) #HomeAssistant #Vue #JavaScript #JS #Lovelace #HACS #YAML #Git #Playwright #Leaflet #Dashboard #SmartHome #УмныйДом