Add blog post about custom UI/panel changes

This commit is contained in:
Paulus Schoutsen 2018-05-22 09:58:46 -04:00
parent e062c2b00b
commit e104fc491d
4 changed files with 21 additions and 5 deletions

View File

@ -0,0 +1,14 @@
---
author: Paulus Schoutsen
authorURL: https://twitter.com/balloob
authorFBID: 297400035
title: Updates for Custom UI and Custom Panels
---
With the release of Home Assistant 0.70, we've migrated the build pipeline for our frontend from being based on HTML imports to ES module imports (more on this later). One of the effects of this is that we're no longer using the `window` object to share classes, data and utilities with other pieces of code.
This might impact you if you dependend on some of this. Examples are Polymer (`window.Polymer`) or one of our utilitity functions that used to be available as `window.hassUtil`, `window.HAWS` or `window.hassMixins`.
To give developers time to migrate, we're adding a temporary legacy support layer that will expose some of our internals again on the `window` object. We've already added `window.Polymer`, `window.Polymer.Element` and `window.Polymer.html`. If you're using other specific things from the window object, [please let us know](https://github.com/home-assistant/home-assistant-polymer/issues/1157).
Th legacy support layer will no longer be included in releases happening after July 2018.

View File

@ -61,7 +61,7 @@
"entity_weather": "Weather Entity",
"Weather": "Weather",
"external_api_rest_python": "REST API - Python bindings",
"external_api_rest": "RESTful API",
"external_api_rest": "REST API",
"external_api_server_sent_events": "Server-sent events",
"external_api_websocket": "WebSocket API",
"frontend_add_card": "Adding state card",
@ -93,6 +93,7 @@
"Frontend": "Frontend",
"Backend": "Backend",
"Misc": "Misc",
"Blog": "Blog",
"Entities": "Entities",
"Authentication": "Authentication",
"Configuration.yaml": "Configuration.yaml",

View File

@ -166,11 +166,11 @@ const IntroSection = ({ language }) => (
<div style={{maxWidth: 600, margin: 'auto'}}>
<div className="videoWrapper">
<iframe
width="560"
height="315"
width={560}
height={315}
src="https://www.youtube.com/embed/Cfasc9EgbMU"
frameborder="0"
allowfullscreen
frameBorder={0}
allowFullScreen
/>
</div>
</div>

View File

@ -43,6 +43,7 @@ const siteConfig = {
{doc: 'frontend_index', label: 'Frontend'},
{doc: 'development_index', label: 'Backend'},
{doc: 'misc', label: 'Misc'},
{ blog: true, label: 'Blog' },
],
// If you have users set above, you add it here: