@jogibear9988 Thanks for updating the script. Would you mind posting the full URL 'cause the variations I tried don't result in anything..
In my book a page that takes 2 seconds to load is very slow, on a cell phone with a poor connection I find that it becomes unusable, but to each their own criteria...

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

Ist ne iobroker funktion die ich da nutze, geht soweit ich weiß nicht schneller...
Nutzt du ein RaspberryPI?

OK. Wird ja nicht oft nötig sein... js-connector lag bei etwa 70-80% cpu. Ist eine etwas ältere AMD box ohne Redis aber mit genug Speicher und SSD. Wenn das alles in Redis landen würde wäre es nicht so toll (ist ja dann alles in RAM)...

@jogibear9988 Yup, that's a good start! One issue is that the URL doesn't change when switching embedded screens.
I also noticed that the page takes >16 seconds to finish loading (I'm far away, but still). es-module-shims requests individual small js files forever. Is this due to the way you built this demo page or is it inherent in the Webui design? Can you bundle everything together? (On that note, is it easy to omit the 1MB of blockly libs if one doesn't use blockly?)

@jogibear9988 I've finally managed to set the time aside to take a good look at Webui and I'm liking what I see a lot! Thanks for making it available for IOBroker! I have a bunch of questions and am curious about your thoughts.

I'm used to building dashboards that have a title+tab bar across the top providing overall navigation and then the content area below, which may be a grid of widgets, an iframe of some other site, or ad-hoc pages. How could I "wrap" the WebUI in such a page layout? I know I could place the same title bar component at the top of every page, but that's really clumsy. Is it mostly a matter of providing my own version of iobroker-webui-screen-viewer, for example?

I'm also wondering what you think about providing a SPA (Single Page Application) option? My existing dashboard (https://flexdash.github.io/docs/) ends up caching the data that the widgets access, which has the benefit that switching tabs is totally instantaneous and all the data is already there. Of course there's a memory trade-off. The model with the iobroker connection is a bit different than what I used, but it seems like it would be possible to stick the data coming in from the broker into a cache and keep the subscriptions flowing even when a widget is unmounted 'cause the user navigated to a different tab. Probably not important when there are just a handful of values driving the widgets on a page, but it becomes very helpful when there are multiple charts showing a year's worth of data.

Maybe I can do both things above by writing a PageLayout web component that does the title bar with the tabs and then loads different "sub-screens" into a content area. The main annoyance would be how to configure the various options for the content and I believe something needs to change in the runtime.html to deal with window.location differently.

Wenn man Pakete installiert, was bedeutet der "Upload" Status? Was wird wohin geladen und weshalb ist es seeeehr langsam? (Und js-connector scheint sehr beschäftigt zu sein?)

Wie benutzt man @fluentui/web-components in webui? I habe die installiert, es hat sich auch was getan, aber nach einem Neuladen erscheint nichts im Designer...

NB: shoelace ist wohl eine bessere Wahl... Wird hoffentlich als web-awesome gut weiterentwickelt...

@mcm1957 Danke! Github search findet das toller weise nicht...

Ich versuche mich im Quellencode zu orientieren finde aber nicht wo viele der Hilfsfunktionen für Adapter definiert sind. Wo ist zum Beispiel der Code für setForeignObjectNotExists ?

@haus-automatisierung said in Wie funktioniert "as object" im MQTT Adapter?:

Denke mal damit ist ein komplettes State-Object gemeint. Also mit val, ts, lc, c, usw.

Ja, sieht so aus, in JSON. Danke!

@paul53 Es heißt da "Nachrichten werden als Objekte interpretiert" - verstehe ich nicht... (neu hier...)

In einer MQTT Message kommen binaere Daten an. Kann ein String sein, oder eine Zahl, oder JSON, oder was anderes. Was muss da ankommen damit "as Objekt" was vernünftiges tut? JSON? Was für eine Struktur?

Eines meiner Geräte schickt Temperaturen in JSON:

Is dieses mqtt-client.0.heating.temp kein Objekt? Sind die mqtt-client.0.heating.ckt.* keine Objekte? Wie kann das anders aussehen wenn ich "as object" benutze?