Generate Hass and Hass.io specific iconset (#1214)

* Generate hass icons

* Generate Hass.io icons

* Convert hass.io to use hassio iconset

* Convert src to use hass iconset

* Give mdi-icons a chunk name

* gen-index-html aware of hass-icons

* Use ha-icon for rendering state icon

hassio/script/build_hassio

@@ -9,5 +9,6 @@ cd "$(dirname "$0")/.."
 OUTPUT_DIR_ES5=build-es5
 
 rm -rf $OUTPUT_DIR_ES5
+node script/gen-icons.js
 NODE_ENV=production ../node_modules/.bin/webpack -p
 node script/gen-index-html.js

hassio/script/develop

@@ -9,4 +9,5 @@ OUTPUT_DIR_ES5=build-es5
 rm -rf $OUTPUT_DIR_ES5
 mkdir $OUTPUT_DIR_ES5
 node script/gen-index-html.js
+node script/gen-icons.js
 ../node_modules/.bin/webpack --watch --progress

hassio/script/gen-icons.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+const fs = require('fs');
+const {
+  findIcons,
+  generateIconset,
+} = require('../../gulp/tasks/gen-icons.js');
+
+function genHassIcons() {
+  const iconNames = findIcons('./src', 'hassio');
+  fs.writeFileSync('./hassio-icons.html', generateIconset('hassio', iconNames));
+}
+
+genHassIcons();