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", "entity_weather": "Weather Entity",
"Weather": "Weather", "Weather": "Weather",
"external_api_rest_python": "REST API - Python bindings", "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_server_sent_events": "Server-sent events",
"external_api_websocket": "WebSocket API", "external_api_websocket": "WebSocket API",
"frontend_add_card": "Adding state card", "frontend_add_card": "Adding state card",
@ -93,6 +93,7 @@
"Frontend": "Frontend", "Frontend": "Frontend",
"Backend": "Backend", "Backend": "Backend",
"Misc": "Misc", "Misc": "Misc",
"Blog": "Blog",
"Entities": "Entities", "Entities": "Entities",
"Authentication": "Authentication", "Authentication": "Authentication",
"Configuration.yaml": "Configuration.yaml", "Configuration.yaml": "Configuration.yaml",

View File

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

View File

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