Efforts to modernize and localize the frontend are moving full speed. This blog post will touch upon the upcoming features for Home Assistant 0.71 which should hit the beta channel today and is planned for a release a week from now.
Improved Custom Panel support
Custom panels allow developers to build panels that will plug into the Home Assistant user interface, with the same possibilities like our other panels like history, map etc. The Home Assistant frontend will manage authentication and the subscription for states of the backend, the panel only has to take care of displaying the data and can offer users option to control things (calling services etc).
This support has been around for a while, but last week we've spend some time polishing our support and have three new additions:
<config dir>/www/your-panel.js and use
/local/your-panel.js as the url.
Second new feature is that we can now embed your panel in an iFrame. This allows panel developers to not have to worry about including duplicate web components and it makes it possible to develop React-based panels. In the past, React-based panels didn't work because React doesn't work well inside Shadow DOM (more info).
Third new feature is that we now make a starter kit available to start developing React based panels! The kit contains everything that is needed to start developing React-based panels and share them with the community. Let us know what you're building!
If you're building custom UI, odds are that you're using either
<ha-relative-time>. Although not officially supported as external facing API, we still want to give a heads up that it's going to be needed to pass the
hass object in.
This is necessary because
<ha-relative-time> can now be localized thanks to c727 in #1241