Zum Inhalt springen
Zurück

Power Flow Card Plus

Home AssistantTypescriptLit Elements

Anfang 2023 begann ich, an einer eigenen Karte für Home Assistant zu arbeiten, um die Stromverteilung in meinem Haus zu verfolgen. Mir fiel auf, dass es bereits eine offizielle Karte gab, die die Energieverteilung anzeigte, aber ich wollte den Stromfluss in meinem Haus in Echtzeit sehen.

Vorgehen

Ich bin dieses Projekt mit einem Code-First-Ansatz angegangen. Ich habe sofort den ursprünglichen Quellcode der offiziellen Energieverteilungs-Karte angeschaut und auf dieser Basis eine eigene Karte erstellt. Nachdem ich einen funktionierenden Klon der Originalkarte hatte, habe ich alle Einheiten auf Leistung umgestellt und an der Logik für den Stromfluss gearbeitet. Als Nächstes habe ich ein paar kleine UI-Details verbessert, etwa die Ausrichtung der Linien.

Iteration

Nachdem ich mit den Hauptfunktionen der Karte zufrieden war, habe ich an spannenderen Funktionen gearbeitet, etwa einzelnen Geräten. Das war ein vielfach gewünschtes Feature aus der Community und kam bei vielen sehr gut an. Außerdem habe ich von Grund auf einen visuellen Editor für eine bessere UX erstellt, besonders für Menschen, die mit dem Programmieren nicht vertraut sind. Der visuelle Editor ist in mehrere Bereiche unterteilt, darunter Netz, Solar, Batterie, nicht-fossile und einzelne Geräte. Das macht das Bearbeiten und Anpassen der Karte deutlich einfacher.

Aktueller Stand

Die aktuelle Version der Karte enthält mehrere fortgeschrittene Funktionen, darunter das Anpassen von Beschriftungen, Farben und Einheiten. Die Karte enthält außerdem einen visuellen Editor für eine einfache Anpassung. Mit über 530k Downloads betrachte ich dieses Projekt als großen Erfolg. Ich halte die Karte gern mit den neuesten Home-Assistant-Versionen aktuell und füge regelmäßig neue Funktionen hinzu.

Was es Neues gibt

Die Karte lebt jetzt in flixlix/flixlix-cards, einem Monorepo, das Power Flow Card Plus zusammen mit zwei verwandten Karten für Home Assistant beherbergt. Gemeinsame Berechnungen, Rendering-Primitive und i18n-Texte liegen in einem gemeinsamen Paket, sodass Verbesserungen der ganzen Familie auf einmal zugutekommen.

Dieses Repository existiert nun in erster Linie, um die HACS-Distribution stabil zu halten. Issues, Diskussionen und Pull Requests laufen alle über das Monorepo, und die vollständige Dokumentation findest du unter cards.flixlix.com.

Hilf mit, die Karten zu gestalten

Power Flow Card Plus und seine Geschwister leben im flixlix-cards-Monorepo. Issues, Diskussionen und PRs finden alle dort statt.

Alles passiert aufgithub.comLieber per E-Mail?Schreib mir kurz