Add object-assign polyfill support to polymer (#5994)

* Add object-assign polyfill support to polymer

* Conditionally load compatibility.js

* Remove compatibility preload

* Include newly compiled files

* Update compiled frontend with latest polymer

homeassistant/components/frontend/__init__.py

@@ -235,10 +235,14 @@ class IndexView(HomeAssistantView):
 
         if request.app[KEY_DEVELOPMENT]:
             core_url = '/static/home-assistant-polymer/build/core.js'
+            compatibility_url = \
+                '/static/home-assistant-polymer/build/compatibility.js'
             ui_url = '/static/home-assistant-polymer/src/home-assistant.html'
         else:
             core_url = '/static/core-{}.js'.format(
                 FINGERPRINTS['core.js'])
+            compatibility_url = '/static/compatibility-{}.js'.format(
+                FINGERPRINTS['compatibility.js'])
             ui_url = '/static/frontend-{}.html'.format(
                 FINGERPRINTS['frontend.html'])
 
@@ -268,7 +272,8 @@ class IndexView(HomeAssistantView):
         # pylint: disable=no-member
         # This is a jinja2 template, not a HA template so we call 'render'.
         resp = template.render(
-            core_url=core_url, ui_url=ui_url, no_auth=no_auth,
+            core_url=core_url, ui_url=ui_url,
+            compatibility_url=compatibility_url, no_auth=no_auth,
             icons_url=icons_url, icons=FINGERPRINTS['mdi.html'],
             panel_url=panel_url, panels=hass.data[DATA_PANELS])
 

homeassistant/components/frontend/templates/index.html

@@ -78,6 +78,16 @@
     </div>
     <home-assistant icons='{{ icons }}'></home-assistant>
     {# <script src='/static/home-assistant-polymer/build/_demo_data_compiled.js'></script> #}
+    <script>
+      var compatibilityRequired = (
+        typeof Object.assign != 'function');
+      if (compatibilityRequired) {
+        var e = document.createElement('script');
+        e.onerror = initError;
+        e.src = '{{ compatibility_url }}';
+        document.head.appendChild(e);
+      }
+    </script>
     <script src='{{ core_url }}'></script>
     <link rel='import' href='{{ ui_url }}' onerror='initError()'>
     {% if panel_url -%}

homeassistant/components/frontend/version.py

@@ -1,19 +1,20 @@
 """DO NOT MODIFY. Auto-generated by script/fingerprint_frontend."""
 
 FINGERPRINTS = {
+    "compatibility.js": "83d9c77748dafa9db49ae77d7f3d8fb0",
     "core.js": "adfeb513cf650acf763e284d76a48d6b",
-    "frontend.html": "96825e32ade965d406b37dd099393c8f",
+    "frontend.html": "ea7529d0d835b6b87109a052e69955db",
     "mdi.html": "c1dde43ccf5667f687c418fc8daf9668",
     "micromarkdown-js.html": "93b5ec4016f0bba585521cf4d18dec1a",
-    "panels/ha-panel-config.html": "7676c0cff482092aea46917a7d2c80e5",
-    "panels/ha-panel-dev-event.html": "5c82300b3cf543a92cf4297506e450e7",
-    "panels/ha-panel-dev-info.html": "1e305a9af8fd6e7be77f3ddf215c336f",
-    "panels/ha-panel-dev-service.html": "9f749635e518a4ca7991975bdefdb10a",
-    "panels/ha-panel-dev-state.html": "7d069ba8fd5379fa8f59858b8c0a7473",
-    "panels/ha-panel-dev-template.html": "2b618508510afa5281c9ecae0c3a3dbd",
+    "panels/ha-panel-config.html": "db9655faf18d5706ddbd1db2ce73afb6",
+    "panels/ha-panel-dev-event.html": "91347dedf3b4fa9b49ccf4c0a28a03c4",
+    "panels/ha-panel-dev-info.html": "6d09483730b86588fb3dc4f2242807aa",
+    "panels/ha-panel-dev-service.html": "a9247f255174b084fad2c04bdb9ec7a9",
+    "panels/ha-panel-dev-state.html": "90f3bede9602241552ef7bb7958198c6",
+    "panels/ha-panel-dev-template.html": "3eeabe4a47ac6bea5b7af0f2b7cf5e90",
     "panels/ha-panel-history.html": "8955c1d093a2c417c89ed90dd627c7d3",
     "panels/ha-panel-iframe.html": "d920f0aa3c903680f2f8795e2255daab",
     "panels/ha-panel-logbook.html": "7eb06cf9fdeab6683bcd755276f571aa",
-    "panels/ha-panel-map.html": "9c8c7924ba8f731560c9f4093835cc26",
+    "panels/ha-panel-map.html": "970f1a71ca1807fc7f6f049b5f38dbb0",
     "websocket_test.html": "575de64b431fe11c3785bf96d7813450"
 }

homeassistant/components/frontend/www_static/compatibility.js

@@ -0,0 +1 @@
+!(function(){"use strict";function e(e,r){var t=arguments;if(void 0===e||null===e)throw new TypeError("Cannot convert first argument to object");for(var n=Object(e),o=1;o<arguments.length;o++){var i=t[o];if(void 0!==i&&null!==i)for(var l=Object.keys(Object(i)),a=0,c=l.length;a<c;a++){var b=l[a],f=Object.getOwnPropertyDescriptor(i,b);void 0!==f&&f.enumerable&&(n[b]=i[b])}}return n}function r(){Object.assign||Object.defineProperty(Object,"assign",{enumerable:!1,configurable:!0,writable:!0,value:e})}var t={assign:e,polyfill:r};t.polyfill()})();

homeassistant/components/frontend/www_static/panels/ha-panel-dev-info.html

@@ -1,2 +1,2 @@
-<html><head><meta charset="UTF-8"></head><body><dom-module id="ha-panel-dev-info"><template><style include="iron-positioning ha-style">:host{background-color:#fff;-ms-user-select:initial;-webkit-user-select:initial;-moz-user-select:initial}.content{padding:16px}.about{text-align:center;line-height:2em}.version{@apply(--paper-font-headline)}.develop{@apply(--paper-font-subhead)}.about a{color:var(--dark-primary-color)}.error-log-intro{margin-top:16px;border-top:1px solid var(--light-primary-color);padding-top:16px}paper-icon-button{float:right}.error-log{@apply(--paper-font-code1)
-        clear: both;white-space:pre-wrap}</style><app-header-layout has-scrolling-region=""><app-header fixed=""><app-toolbar><ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button><div main-title="">About</div></app-toolbar></app-header><div class="content fit"><div class="about"><p class="version"><a href="https://home-assistant.io"><img src="/static/icons/favicon-192x192.png" height="192"></a><br>Home Assistant<br>[[hass.config.core.version]]</p><p>Path to configuration.yaml: [[hass.config.core.config_dir]]</p><p class="develop"><a href="https://home-assistant.io/developers/credits/" target="_blank">Developed by a bunch of awesome people.</a></p><p>Published under the MIT license<br>Source: <a href="https://github.com/home-assistant/home-assistant" target="_blank">server</a> — <a href="https://github.com/home-assistant/home-assistant-polymer" target="_blank">frontend-ui</a></p><p>Built using <a href="https://www.python.org">Python 3</a>, <a href="https://www.polymer-project.org" target="_blank">Polymer [[polymerVersion]]</a>, Icons by <a href="https://www.google.com/design/icons/" target="_blank">Google</a> and <a href="https://MaterialDesignIcons.com" target="_blank">MaterialDesignIcons.com</a>.</p></div><p class="error-log-intro">The following errors have been logged this session:<paper-icon-button icon="mdi:refresh" on-tap="refreshErrorLog"></paper-icon-button></p><div class="error-log">[[errorLog]]</div></div></app-header-layout></template></dom-module><script>Polymer({is:"ha-panel-dev-info",properties:{hass:{type:Object},narrow:{type:Boolean,value:!1},showMenu:{type:Boolean,value:!1},polymerVersion:{type:String,value:Polymer.version},errorLog:{type:String,value:""}},attached:function(){this.refreshErrorLog()},refreshErrorLog:function(e){e&&e.preventDefault(),this.errorLog="Loading error log…",this.hass.callApi("GET","error_log").then(function(e){this.errorLog=e||"No errors have been reported."}.bind(this))}})</script></body></html>
+<html><head><meta charset="UTF-8"></head><body><dom-module id="ha-panel-dev-info"><template><style include="iron-positioning ha-style">:host{-ms-user-select:initial;-webkit-user-select:initial;-moz-user-select:initial}.content{padding:16px}.about{text-align:center;line-height:2em}.version{@apply(--paper-font-headline)}.develop{@apply(--paper-font-subhead)}.about a{color:var(--dark-primary-color)}.error-log-intro{margin-top:16px;border-top:1px solid var(--light-primary-color);padding-top:16px}paper-icon-button{float:right}.error-log{@apply(--paper-font-code1)
+        clear: both;white-space:pre-wrap}</style><app-header-layout has-scrolling-region=""><app-header fixed=""><app-toolbar><ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button><div main-title="">About</div></app-toolbar></app-header><div class="content fit"><div class="about"><p class="version"><a href="https://home-assistant.io"><img src="/static/icons/favicon-192x192.png" height="192"></a><br>Home Assistant<br>[[hass.config.core.version]]</p><p>Path to configuration.yaml: [[hass.config.core.config_dir]]</p><p class="develop"><a href="https://home-assistant.io/developers/credits/" target="_blank">Developed by a bunch of awesome people.</a></p><p>Published under the Apache 2.0 license<br>Source: <a href="https://github.com/home-assistant/home-assistant" target="_blank">server</a> — <a href="https://github.com/home-assistant/home-assistant-polymer" target="_blank">frontend-ui</a></p><p>Built using <a href="https://www.python.org">Python 3</a>, <a href="https://www.polymer-project.org" target="_blank">Polymer [[polymerVersion]]</a>, Icons by <a href="https://www.google.com/design/icons/" target="_blank">Google</a> and <a href="https://MaterialDesignIcons.com" target="_blank">MaterialDesignIcons.com</a>.</p></div><p class="error-log-intro">The following errors have been logged this session:<paper-icon-button icon="mdi:refresh" on-tap="refreshErrorLog"></paper-icon-button></p><div class="error-log">[[errorLog]]</div></div></app-header-layout></template></dom-module><script>Polymer({is:"ha-panel-dev-info",properties:{hass:{type:Object},narrow:{type:Boolean,value:!1},showMenu:{type:Boolean,value:!1},polymerVersion:{type:String,value:Polymer.version},errorLog:{type:String,value:""}},attached:function(){this.refreshErrorLog()},refreshErrorLog:function(e){e&&e.preventDefault(),this.errorLog="Loading error log…",this.hass.callApi("GET","error_log").then(function(e){this.errorLog=e||"No errors have been reported."}.bind(this))}})</script></body></html>

script/build_frontend

@@ -8,6 +8,7 @@ cd "$(dirname "$0")/.."
 
 # Clean up
 rm -rf homeassistant/components/frontend/www_static/core.js* \
+       homeassistant/components/frontend/www_static/compatibility.js* \
        homeassistant/components/frontend/www_static/frontend.html* \
        homeassistant/components/frontend/www_static/webcomponents-lite.min.js* \
        homeassistant/components/frontend/www_static/panels

script/fingerprint_frontend.py

@@ -14,7 +14,8 @@ def fingerprint():
     """Fingerprint the frontend files."""
     files = (glob.glob(base_dir + '**/*.html') +
              glob.glob(base_dir + '*.html') +
-             glob.glob(base_dir + 'core.js'))
+             glob.glob(base_dir + 'core.js') +
+             glob.glob(base_dir + 'compatibility.js'))
 
     md5s = OrderedDict()