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