MainUI: Howto configure Command Item for webview without browser?

triller-telekom · January 21, 2024, 4:13pm

Hello,

I would like to use the the new web ui command item feature:https://github.com/openhab/openhab-webui/pull/2055 to replace my HabPanel setup.

However, I see that one has to configure locally in the browser and item that the browser will listen to. So I guess I would need to open the mainUI once to configure that and afterwards open the UI page that I want to show in the browser.

Unfortunately I am not using a browser, but I would like to display the MainUI in my MagicMirror via GitHub - Iketaki/MMM-WebView: A WebView module for MagicMirror² as I am currently doing it with HabPanel.

From the code I see that the Item name has to be put in the browsers local storage. So I am wondering if I can achieve that in any other way:

github.com

openhab/openhab-webui/blob/main/bundles/org.openhab.ui/web/src/components/sse-events-mixin.js#L16


      
          data () {
            return {
              eventSource: null,
              audioContext: null,
              audioSources: new Map()
            }
          },
          methods: {
            startEventSource () {
              const topicAudio = 'openhab/webaudio/playurl'
              const commandItem = localStorage.getItem('openhab.ui:commandItem')
              const topicCommand = `openhab/items/${commandItem || ''}/command`
              let topics = null
              if (localStorage.getItem('openhab.ui:webaudio.enable') === 'enabled') {
                topics = topicAudio
              }
              if (commandItem) {
                topics = topics ? `${topics},${topicCommand}` : topicCommand
              }
              if (!topics) return
              this.eventSource = this.$oh.sse.connect(`/rest/events?topics=${topics}`, null, (event) => {

The magic mirror screen only has that webview element and no real browser with mouse/keyboard so I could interact with it.

Any ideas on how I can achieve that?

Or is there a “feature missing” to set up a “listening item” for all mainUIs, like it was for HabPanel?