Neues Frontend: FhemNative Updates

[gameshacker]

Hallo Syrex-o,

Erst einmal Vielen Dank für das Frontend. Ich habe mich nun auch mal daran gewagt. 2x Linux Rechner und ein Android device.
Auf Linux habe ich die Version im Webbrowser zum laufen bekommen, leider ist hier deine Anleitung so auch nicht mehr durchführbar.

npm install
npm run serve:web:desktop

funktioniert bei mir unter Arch Linux.
Ich kann dir gerne mal einiges zusammenschreiben um deine Doku zu füllen.

Auch das Speichern der Config in ein Fhem Device hat einige Hürden.

Hier habe ich dann auch eine Frage: egal was ich für ein Reading angebe es wird nur das reading state verwendet. Ist das evtl ein Fehler?
Ich habe versucht mehrere Configs in mehreren Readings abzuspeichern. Reading Tablet für die Tablet congfig, reading Smartphone für die Smartphone config etc...

per Copy und paste kann ich das dann richtig zuordnen.

Viele Grüße Gameshacker

[Rollo]

Hallo Syrex-o,

vielen Dank für das neue Developer Guide - es erleichtert den Einstig zur Erstellung von eigenen Komponenten deutlich - ich habe diese Anleitung mit der Version 4.3.7 gleich mal ausprobiert.

Dabei ist mir aufgefallen, dass nach dem Kompilieren der Browser Version ("serve:web:mobile": "nx serve fhem-native") im Gegensatz zur aktuellen Playground Umgebung die rechte Maustaste zum Einfügen eines Raums oder einer Komponente aus dem Standardvorrat nicht das Auswahlmenu erscheint, sondern das eigene  Standard-Kontextmenu des Browsers. (an 2 Browsertypen ausprobiert). Beim Kompilieren sind folgende Warnungen protokolliert worden:

Hängt der Fehler mit diesen Warnungen zusammen ?


Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\@swimlane\ngx-charts\fesm2020\swimlane-ngx-charts.mjs depends on 'rfdc'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\angularx-qrcode\fesm2022\angularx-qrcode.mjs depends on 'qrcode'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\angular2-hotkeys\fesm2022\angular2-hotkeys.mjs depends on 'mousetrap'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\formatInTimeZone\index.js depends on 'date-fns/_lib/cloneObject/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\format\index.js depends on 'date-fns/format/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\toDate\index.js depends on 'date-fns/_lib/getTimezoneOffsetInMilliseconds/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\toDate\index.js depends on 'date-fns/_lib/toInteger/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies



** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


√ Compiled successfully.

[Syrex-o]

Ich kann dir gerne mal einiges zusammenschreiben um deine Doku zu füllen.

Das wäre super 

Auch das Speichern der Config in ein Fhem Device hat einige Hürden.

Hier habe ich dann auch eine Frage: egal was ich für ein Reading angebe es wird nur das reading state verwendet. Ist das evtl ein Fehler?
Ich habe versucht mehrere Configs in mehreren Readings abzuspeichern. Reading Tablet für die Tablet congfig, reading Smartphone für die Smartphone config etc...

per Copy und paste kann ich das dann richtig zuordnen.

Das ist sicher nur schlecht/gar nicht dokumentiert. Du brauchst unbedingt das setList Attribut für das relevante Reading.

VG

[Syrex-o]

Hallo Syrex-o,

vielen Dank für das neue Developer Guide - es erleichtert den Einstig zur Erstellung von eigenen Komponenten deutlich - ich habe diese Anleitung mit der Version 4.3.7 gleich mal ausprobiert.

Dabei ist mir aufgefallen, dass nach dem Kompilieren der Browser Version ("serve:web:mobile": "nx serve fhem-native") im Gegensatz zur aktuellen Playground Umgebung die rechte Maustaste zum Einfügen eines Raums oder einer Komponente aus dem Standardvorrat nicht das Auswahlmenu erscheint, sondern das eigene  Standard-Kontextmenu des Browsers. (an 2 Browsertypen ausprobiert). Beim Kompilieren sind folgende Warnungen protokolliert worden:

Hängt der Fehler mit diesen Warnungen zusammen ?


Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\@swimlane\ngx-charts\fesm2020\swimlane-ngx-charts.mjs depends on 'rfdc'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\angularx-qrcode\fesm2022\angularx-qrcode.mjs depends on 'qrcode'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\angular2-hotkeys\fesm2022\angular2-hotkeys.mjs depends on 'mousetrap'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\formatInTimeZone\index.js depends on 'date-fns/_lib/cloneObject/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\format\index.js depends on 'date-fns/format/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\toDate\index.js depends on 'date-fns/_lib/getTimezoneOffsetInMilliseconds/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: C:\Users\chr\FhemNative-4.3.7\node_modules\date-fns-tz\esm\toDate\index.js depends on 'date-fns/_lib/toInteger/index.js'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies



** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


√ Compiled successfully.

Das klingt schon mal alles sehr gut 

Es ist komplett normal, dass das "Kontext-Menü" per Rechtsklick nicht mit dem Befehl: "serve:web:mobile" erreichbar ist.
Wenn du es mit "serve:web:desktop" versuchst, sollte es klappen.
Es sind im Hintergrund einige Befehle zwischen Desktop und mobile anders (daher auch kein Rechtsklick auf Mobile  )

Die Warnungen kannst du ignorieren.
An welcher eigenen Komponente arbeitest du denn?

VG

[Daergg]

Hallo,

kann ich bei FHEM Native auch einen Plot aus einem FileLog anzeigen lassen.

Wenn ja, wie setzte Ich dies um?

Vielen Dank für die Unterstützung.

Grüße

[Syrex-o]

Hallo,

kann ich bei FHEM Native auch einen Plot aus einem FileLog anzeigen lassen.

Wenn ja, wie setzte Ich dies um?

Vielen Dank für die Unterstützung.

Grüße

Hey,
Aktuell ist das leider nicht direkt in FhemNative möglich. Die Chart Komponente ist noch nicht vorhanden.
Du kannst aber die SVG Plots aus FHEM einbinden.

VG

[Syrex-o]

Update: FhemNative 4.3.8

Version 4.3.8 ist im GitHub für Desktop Geräte verfügbar (Windows fehlt noch. Macht aktuell Probleme).
Die mobilen Versionen sind eingereicht und warten auf Bestätigung.

Wie immer: Denkt bitte über eine freiwillige Fördermitgliedschaft nach.

Changes:

• Neu: Neues Icon Pack hinzugefügt
• Neu: Komponenten können per QR-Code importiert werden
• Fixed: Release Notes erscheinen nicht, nach erster Installation
• Fixed: Komponenten Details aus dem Kontext-Menü

Link zum Release: https://github.com/Syrex-o/FhemNative/releases/tag/v4.3.8

VG

[MadMax]

Hallo Syrex-o,

mir ist etwas neues aufgefallen, ich wolte jetzt den 13. Raum Anlegen.
Das hata uch geklappt, leider wurden hier alles vom Raum 11 in den Raum 13 übernommen.
Wenn ich jetzt im Raum 13 etwas bearbeite dann wird das auch in Raum 11 verändert, ich denke hier wurde kein neuer Raum angelegt sondern nur der Raum 13 verknüpft?

(Ich habe die Aktuelle Destop Version, heute aktualisiert)

Gruß
Max

Hallo Syrex-o,

konntest du hierzu schon was finden
Würde gerne noch ein paar Seiten hinzu fügen.

Danke.

Gruß
Max

[Guzzi-Charlie]

Hallo Syrex-o,

wie ist der aktuelle Stand zu FhemNative? Geht es hier noch weiter, oder hast Du die Entwicklung eingestellt?

Seit April 2024 gab es kein Update mehr. Ich verwende FhemNative in Verbindung mit einer relativ großen Fhem-Installation (auf einem RasPi-5 mit bookworm). Ich habe etwas mehr als zehn Räume angelegt und bekomme sehr oft Aktualisierungsfehler, hauptsächlich auf den Räumen mit vielen Komponenten. Auf einer Seite gibt es z.B über 100 Variablen und wahrscheinlich mehr als 200 Komponenten. Gibt es eine Obergrenze bei der Anzahl an Komponenten/Variablen pro Raum? Die erweiterte Einstellung "Komponenten in Blöcken laden" habe ich auch aktiviert, aber das macht vermeintlich keinen Unterschied.

Ich verwende FhemNative unter Windows. Unter Android habe ich es bisher nicht geschafft eine Verbindung zum Fhem herzustellen.

Du darfst diesen Dateianhang nicht ansehen.Du darfst diesen Dateianhang nicht ansehen. 

Es wäre schön wenn es mal wieder Neuigkeiten gäbe. Ich verwende FhemNative eigentlich sehr gerne. Der Ansatz ist wirklich super.

[Syrex-o]

Hallo Syrex-o,

wie ist der aktuelle Stand zu FhemNative? Geht es hier noch weiter, oder hast Du die Entwicklung eingestellt?

Seit April 2024 gab es kein Update mehr. Ich verwende FhemNative in Verbindung mit einer relativ großen Fhem-Installation (auf einem RasPi-5 mit bookworm). Ich habe etwas mehr als zehn Räume angelegt und bekomme sehr oft Aktualisierungsfehler, hauptsächlich auf den Räumen mit vielen Komponenten. Auf einer Seite gibt es z.B über 100 Variablen und wahrscheinlich mehr als 200 Komponenten. Gibt es eine Obergrenze bei der Anzahl an Komponenten/Variablen pro Raum? Die erweiterte Einstellung "Komponenten in Blöcken laden" habe ich auch aktiviert, aber das macht vermeintlich keinen Unterschied.

Ich verwende FhemNative unter Windows. Unter Android habe ich es bisher nicht geschafft eine Verbindung zum Fhem herzustellen.

Es wäre schön wenn es mal wieder Neuigkeiten gäbe. Ich verwende FhemNative eigentlich sehr gerne. Der Ansatz ist wirklich super.

Das nenne ich mal einen "Power-User"

Ich möchte FhemNative auf jeden Fall noch weiterentwickeln und auch daran arbeiten, dass man mehr Komponenten pro Seite haben kann. Ein absolutes Limit gibt es eigentlich nicht. Das Problem wird bei der Anzahl der Devices und Updates liegen. Hast du dazu ein paar Details?

In den kommenden Monaten habe ich wieder mehr Zeit für die Entwicklung.
Ich möchte auf keinen Fall meckern, aber das Verhältnis aus Usern und Supportern mit einem aktivem Abo ist unterirdisch 

[Guzzi-Charlie]

Hallo Syrex-o,

Danke für die Antwort und die Aussicht das es weitergeht mit FhemNative. Ich hätte auch noch viele Ideen für Optimierungen. Die eine oder andere Komponente könnte noch ein paar einfache zusätzliche Funktionen gebrauchen die einem das Leben bei komplexeren Räumen einfacher machen könnte. Damit könnte man dann die Anzahl der reinen Zeichenelemente auch drastisch reduzieren, was dann sicherlich auch der Performance zu Gute käme.

Welche Details möchtest Du denn wissen? Ich kann Dir Alles liefern was Du möchtest und bin auch gerne bereit Sachen zu testen. Ich bin noch lang nicht fertig mit meinem Smarthome. Ich muß bei Gelegenheit mal eine "Wunschliste" an zusätzlichen/optimierten Funktionen zusammenschreiben. Eine Sache wäre für die Erstellung von komplexeren Räumen sehr hilfreich (wir hatten das bei unseren professionellen Systemen bei ABB), und zwar wenn man die Komponenten nicht nur durch Anklicken mit der Maus markieren könnte sondern per Pfeiltaste einfach von der 1. bis zur letzten Komponente durchklicken könnte, also irgendeine Komponente anklicken und dann mit den Pfeiltasten der Tastatur vorwärts/rückwärts zur nächsten Komponente navigieren könnte. Ich könnte mir vorstellen das solch eine Implementation nicht besonders aufwendig zu realisieren wäre, oder?

Das wäre insbesondere dann hilfreich wenn mehrere Elemente übereinander liegen und sich gegenseitig verdecken. Im Moment muß ich dann immer erst zwei/drei Elemente wegschieben/vergrößern um an das eigentlich zu bearbeitende Element heranzukommen.

Was das Supporten angeht wäre ich durchaus auch bereit einen Beitrag zu leisten wenn sichergestellt ist das es auch weitergeht. Ich habe auch schon sehr viel Arbeit in meine Visualisierung gesteckt und möchte auch nicht gerne von vorne anfangen.

Grüße
Bernd

[Kulli]

Hallo Syrex-o,

....

In den kommenden Monaten habe ich wieder mehr Zeit für die Entwicklung.
Ich möchte auf keinen Fall meckern, aber das Verhältnis aus Usern und Supportern mit einem aktivem Abo ist unterirdisch 

Hallo Syrex
Ich habe mich heute zum ersten Mal an das Frontend versucht.
Sagen wir mal so: Die Dokumentation ist etwas ausbaubar...
Grundsätzlich ist das eine echte Altinative zu vielen anderen Frontends!
Aber ich denke die meisten user scheitern an der Usability.

Die Webseite ist zwar an Sich ganz nett, aber es fehlt eben Content, insbesondere im Doku Bereich.
Der eine oder Andere hier hatte angeboten, Content zu liefern. Ist da nichts raus geworden?

Ich würde gern das Frontend mehr nutzen, es fehlen aber so einige Funktionen, auch bei den vorhandenen Widgets,
so z.B. eine Beschriftung an der Skala des thermometers im Tick mode usw.
Also wie kann ich das Projekt mit unterstützen?
- Dokumentation
- Entwicklung
- ...

LG
Uwe

[Kulli]

Ich verwende FhemNative unter Windows. Unter Android habe ich es bisher nicht geschafft eine Verbindung zum Fhem herzustellen.

Nettes Setup, viel Arbeit!
Unter Android ging das ganz schnell und easy! Was geht denn bei Dir nicht?
Hast du im Fhem den longpoll auf Websockets eingestellt?

Ich habe lange rumgebastelt, bis ich die share Config am Laufen hatte! Das sollte man mal dokumentieren hier.

[Guzzi-Charlie]

Unter Android bekomme ich keine Verbindung zu Fhem. Ich kann einstellen was ich will, aber ich bekomme immer nur "Verbindungsdaten fehlerhaft" und "der Test aller Verbindungsprofile ist fehlgeschlagen. Bitte bearbeiten Sie die Daten." Ich habe keine Ahnung woran das liegt und weiß auch nicht wo ich suchen soll. Unter Windows ist die Verbindung überhaupt kein Problem.

Und Ja, der longpoll in Fhem steht auf Websockets.

[Kulli]

Hmm,
In der App steht als Verbindungstyp fhemweb, oder?
Die Meldung scheint aufzupoppen, wenn entweder
- Ein Verbindung stattfindet, aber Fhem dich nicht rein lässt (Hast du vielleicht Authentication aktiviert),
- Oder ein Timeout zuschlägt.
Ich habe mir gestern die Entwicklungsumgebung installiert, und übe jetzt so etwas zu finden
Sollte ich da vollkommen falsch liegen, möge der Erfinder bitte reklamieren