postlund · Wetzel402 · Jul 29, 2019 · Jul 29, 2019 · Jul 29, 2019 · Aug 1, 2019
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 # Home Card
 
+[![hacs_badge](https://img.shields.io/badge/HACS-Custom-41BDF5.svg?style=for-the-badge)](https://github.com/hacs/integration)
+
 A quick glance of the state of your home in [Home Assistant](https://github.com/home-assistant/home-assistant) Lovelace UI.
 
 ![Demo of card](images/demo.gif)
@@ -33,42 +35,8 @@ Some things I want to add in upcoming releases:
 
 ## Install
 
-### Simple Install
-
-1. Download `home-card.js`, `themes.js` and `themes` and copy them into `config/www/home-card` (create the `home-card` directory)
-
 2. Add a reference to `home-card/home-card.js` inside your `ui-lovelace.yaml`
-
-  ```yaml
-  resources:
-    - url: /local/home-card/home-card.js?v=0
-      type: module
-  ```
-
-### Git Install
-
-1. Clone this repository into your `www`-directory: `git clone https://github.com/postlund/home-card.git`
-
-2. Add a reference to `home-card/home-card.js` inside your `ui-lovelace.yaml`
-
-  ```yaml
-  resources:
-    - url: /local/home-card/home-card.js?v=0
-      type: module
-  ```
-
-### Custom updater
-
-Not using this yet...
-
-## Updating
-
-If you...
-
-* manually copied the files, just download the latest files and overwrite what you already have
-* cloned the repository from Github, just do `git pull` to update
-
-... and increase `?v=X` to `?vX+1`.
+### HACS
+ Add this repository in HACS, download, and install. 
 
 ## Using the card
 
@@ -94,6 +62,7 @@ Both the weather and resources areas are optional and will not displayed if omit
 | theme | string | **required** | Name of a theme, see [supported themes](#supported-themes)
 | background | string | transparent | Supported values: empty, `transparent`, `paper-card`
 | weather | string | optional | `weather` entity used for displaying location and temperature
+| climate | object | optional | `climate` entity used for displaying interior temperature
 | entities | object | optional | List of [entity objects](#entity-object)
 | resources | object | optional | List of [resource objects](#resource-object)
 | custom_themes | object | optional | List of [theme objects](#theme-object)
@@ -102,9 +71,10 @@ Both the weather and resources areas are optional and will not displayed if omit
 
 The following themes and overlays are currently supported:
 
-| Theme | Overlays |
-|------|----------|
-| two_story_with_garage | door, garage, outside_light, upstairs_light, downstairs_light, car, sprinkler
+| Image | Theme | Overlays |
+:------:|:-----:|:---------:
+![thumb](images/structure.png?s=100) | two_story_with_garage | door, garage, outside_light, upstairs_light, downstairs_light, car, sprinkler
+![thumb](images/ranch_home.png?s=100) | ranch_with_three_stall_garage | door, garage, garage2, outside_light, upstairs_light, downstairs_light(not implemented), car, car2, car3, sprinkler
 
 These states are supported by the overlays:
 
@@ -151,13 +121,20 @@ A `resource` is a simple sensor that is displayed beneath the house, e.g. a temp
 | entity | string | **required** | An entity from Home Assistant, e.g, `sensor.water_usage`
 | icon | string | optional | Override icon to use, e.g. `mdi:car`
 | unit_of_measurement | string | optional | Override unit of measurement, e.g. `lux`
+| state_map | map | optional | Key-value map of state (in Home Assistant) to overlay state
 
 A simple example of a resource object in yaml looks like this:
 
 ```yaml
-- entity: sensor.water_usage
-  icon: mdi:water
-  unit_of_measurement: liter
+resources:
+  - entity: alarm_control_panel.alarm
+    state_map:
+      armed_away: Armed
+      disarmed: Standby
+      armed_home: Home mode
+    tap_action:
+      action: navigate
+      navigation_path: /lovelace/security
 ```
 
 This object supports custom [tap and hold actions](#tap-and-hold-actions).
@@ -216,6 +193,11 @@ Simple example using basic features:
       icon: 'mdi:alarm-light'
     - entity: sensor.outside_temperature
       icon: 'mdi:thermometer'
+  climate:
+  - entity: climate.hallway
+    tap_action:
+      action: navigate
+      navigation_path: /lovelace/climate
 ```
 
 #### Using custom tap and hold actions
@@ -331,4 +313,4 @@ The excellent `clear` theme is used in demo graphics, you can find it here:
 
 https://community.home-assistant.io/t/clear-theme/100464
 
-Background image is linked from the same page as well.
+Background image is linked from the same page as well.
diff --git a/dist/home-card-editor.js b/dist/home-card-editor.js
@@ -0,0 +1,143 @@
+import { THEMES } from './themes.js';
+
+const LitElement = Object.getPrototypeOf(
+  customElements.get("ha-panel-lovelace")
+);
+const html = LitElement.prototype.html;
+
+export const fireEvent = (node, type, detail = {}, options = {}) => {
+  const event = new Event(type, {
+    bubbles: options.bubbles === undefined ? true : options.bubbles,
+    cancelable: Boolean(options.cancelable),
+    composed: options.composed === undefined ? true : options.composed,
+  });
+
+  event.detail = detail;
+  node.dispatchEvent(event);
+  return event;
+};
+
+export class HomeCardEditor extends LitElement {
+
+  static get properties() {
+    return { hass: {}, _config: {} };
+  }
+
+  setConfig(config) {
+    this._config = config;
+    }
+
+  get getWeathers() {
+    const weathers = Object.keys(this.hass.states).filter(eid => {
+      return ['weather'].includes(eid.substr(0, eid.indexOf('.')));
+    });
+
+    weathers.sort();
+    return weathers;
+  }
+/*  
+  get getClimates() {
+    const climates = Object.keys(this.hass.states).filter(eid => {
+      return ['climate'].includes(eid.substr(0, eid.indexOf('.')));
+    });
+
+    climates.sort();
+    return climates;
+  }
+*/
+  firstUpdated() {
+    this._firstRendered = true;
+  }
+
+  render() {
+    if (!this.hass) {
+      return html``;
+    }
+
+    const weathers = this.getWeathers.map(entity => {
+      return html`<paper-item>${entity}</paper-item>`;
+    });
+/*    
+    const climates = this.getClimates.map(entity => {
+      return html`<paper-item>${entity}</paper-item>`;
+    });
+*/
+    return html`
+      <div class="card-config">
+          ${this.make_dropdown("Theme", "theme", Object.keys(Object.assign({}, THEMES, this._config.custom_themes)))}
+
+          ${this.make_dropdown("Background", "background", ["transparent", "paper-card"])}
+
+          <paper-dropdown-menu 
+            label="Weather (optional)"
+            @value-changed="${this.configChanged}" 
+            .configValue="${'weather'}"
+          >
+            <paper-listbox 
+              slot="dropdown-content" 
+              .selected="${this.getWeathers.indexOf(this._config.entity)}"
+            >
+              ${weathers}
+            </paper-listbox>
+          </paper-dropdown-menu>
+
+      </div>
+    `;
+  }
+
+/*          
+          <paper-dropdown-menu 
+            label="Climate (optional)"
+            @value-changed="${this.configChanged}" 
+            .configValue="${'climate'}"
+          >
+            <paper-listbox 
+              slot="dropdown-content" 
+              .selected="${this.getClimates.indexOf(this._config.entity)}"
+            >
+              ${climates}
+            </paper-listbox>
+          </paper-dropdown-menu>
+
+      </div>
+    `;
+  }
+*/ 
+    make_dropdown(label, configValue, items) {
+    var selected = Math.max(0, items.indexOf(this._config[configValue]));
+    return html`
+            <div>
+              <paper-dropdown-menu
+                label="${label}"
+                .configValue="${configValue}"
+                @value-changed="${this.configChanged}">
+                  <paper-listbox slot="dropdown-content" selected="${selected}">
+                    ${items.map(
+                      (name) => html`
+                        <paper-item>${name}</paper-item>
+                      `
+                    )}
+                    </paper-listbox>
+              </paper-dropdown-menu>
+            </div>
+      `;
+  }
+
+  configChanged(ev) {
+    if (!this._config || !this.hass || !this._firstRendered) return;
+    const {
+      target: { configValue, value },
+      detail: { value: checkedValue },
+    } = ev;
+
+    if (checkedValue !== undefined || checkedValue !== null) {
+      this._config = { ...this._config, [configValue]: checkedValue };
+    } else {
+      this._config = { ...this._config, [configValue]: value };
+    }
+
+    fireEvent(this, 'config-changed', { config: this._config });
+  }
+}
+
+customElements.define("home-card-editor", HomeCardEditor);
diff --git a/home-card.js → dist/home-card.js b/home-card.js → dist/home-card.js
@@ -6,7 +6,13 @@ import {
   css,
 } from 'https://unpkg.com/lit-element@2.0.1/lit-element.js?module';
 
-const VERSION = 4;
+const VERSION = 4.1;
+
+console.info(
+  `%c  HOME-CARD   \n%c  Version ${VERSION}       `,
+  'color: orange; font-weight: bold; background: black',
+  'color: white; font-weight: bold; background: dimgray'
+);
 
 // From weather-card
 const fireEvent = (node, type, detail, options) => {
@@ -85,8 +91,9 @@ class HomeCard extends LitElement {
 
   make_content() {
     var weather = "";
+    var climate = "";
     var resources = "";
-
+    
     if (this.config.weather) {
       var weatherObj = this.stateObject('weather', this.config.weather);
       weather = html `
@@ -98,6 +105,13 @@ class HomeCard extends LitElement {
                    </span>
                   </div>`;
     }
+
+    if (this.config.climate) {
+      climate = html `
+                 <div id="weather">
+                   ${this.config.climate.map(climate => this.make_climate(climate))}
+                 </div>`;
+    }
 
     if (this.config.resources) {
 	resources = html `
@@ -109,6 +123,7 @@ class HomeCard extends LitElement {
     return html `
             <div id="root">
               ${weather}
+              ${climate}
               <div id="house">
                 <img id="house-image" src="${this.imgPath(this.theme.house)}" />
                 ${this.make_entities()}
@@ -117,18 +132,37 @@ class HomeCard extends LitElement {
             </div>
       `;
   }
+
+  make_climate(climate) {
+    var climateObj = this.stateObject('climate', climate.entity);
+
+    return html `
+            <span id="weather-info">
+                     <span @mousedown="${ev => this._down(climate)}"
+                        @touchstart="${ev => this._down(climate)}"
+                        @mouseup="${ev => this._up(climate, true)}">
+                     ${"Interior "}
+                     ${climateObj.attributes.current_temperature}${this.hass.config.unit_system.temperature}
+                   </span>
+    `;
+  }
 
   make_resource(resource) {
     var stateObj = this.stateObject('resources', resource.entity);
+    var state = stateObj.state;
+    if (resource.state_map && stateObj.state in resource.state_map) {
+        state = resource.state_map[stateObj.state];
+      }
+
     return html `
             <span @mousedown="${ev => this._down(resource)}"
                   @touchstart="${ev => this._down(resource)}"
-                  @mouseup="${ev => this._up(resource, false)}">
+                  @mouseup="${ev => this._up(resource, true)}">
               <span class="icon">
                 <ha-icon icon="${resource.icon || this.get_attribute(stateObj, 'icon', 'mdi:help-rhombus')}" />
               </span>
-              <span>${Math.round(stateObj.state) || stateObj.state}</span>
-                <span>${resource.unit_of_measurement || this.get_attribute(stateObj, 'unit_of_measurement', '')}</span>
+              <span>${Math.round(state) || state}</span>
+                <span>${resource.unit_of_measurement || this.get_attribute(stateObj, 'unit_of_measurement', '')}</span>
               </span>
             </span>
     `;
@@ -188,7 +222,7 @@ class HomeCard extends LitElement {
   }
 
   imgPath(filename) {
-    return `/local/home-card/themes/${this.config.theme}/${filename}?v=${VERSION}`;
+    return `/local/community/home-card/themes/${this.config.theme}/${filename}?v=${VERSION}`;
   }
 
   stateObject(source, entity_id) {
@@ -368,3 +402,9 @@ class HomeCard extends LitElement {
 }
 
 customElements.define('home-card', HomeCard);
+window.customCards = window.customCards || [];
+window.customCards.push({
+  type: 'home-card',
+  name: 'Home Card',
+  description: 'A graphical representation of your home with different themes',
+});
diff --git a/themes.js → dist/themes.js b/themes.js → dist/themes.js
@@ -345,4 +345,4 @@ export const THEMES = {
       },
     },
   },
-};
+};
diff --git a/themes/ranch_with_three_stall_garage/car.png → ...mes/ranch_with_three_stall_garage/car.png b/themes/ranch_with_three_stall_garage/car.png → ...mes/ranch_with_three_stall_garage/car.png
diff --git a/...ch_with_three_stall_garage/door-close.png → ...ch_with_three_stall_garage/door-close.png b/...ch_with_three_stall_garage/door-close.png → ...ch_with_three_stall_garage/door-close.png
diff --git a/...nch_with_three_stall_garage/door-open.png → ...nch_with_three_stall_garage/door-open.png b/...nch_with_three_stall_garage/door-open.png → ...nch_with_three_stall_garage/door-open.png
diff --git a/..._with_three_stall_garage/garage-close.png → ..._with_three_stall_garage/garage-close.png b/..._with_three_stall_garage/garage-close.png → ..._with_three_stall_garage/garage-close.png
diff --git a/...h_with_three_stall_garage/garage-open.png → ...h_with_three_stall_garage/garage-open.png b/...h_with_three_stall_garage/garage-open.png → ...h_with_three_stall_garage/garage-open.png
diff --git a/...s/ranch_with_three_stall_garage/house.png → ...s/ranch_with_three_stall_garage/house.png b/...s/ranch_with_three_stall_garage/house.png → ...s/ranch_with_three_stall_garage/house.png
diff --git a/..._three_stall_garage/outside-light-off.png → ..._three_stall_garage/outside-light-off.png b/..._three_stall_garage/outside-light-off.png → ..._three_stall_garage/outside-light-off.png
diff --git a/...h_three_stall_garage/outside-light-on.png → ...h_three_stall_garage/outside-light-on.png b/...h_three_stall_garage/outside-light-on.png → ...h_three_stall_garage/outside-light-on.png
diff --git a/...with_three_stall_garage/sprinkler-off.png → ...with_three_stall_garage/sprinkler-off.png b/...with_three_stall_garage/sprinkler-off.png → ...with_three_stall_garage/sprinkler-off.png
diff --git a/..._with_three_stall_garage/sprinkler-on.png → ..._with_three_stall_garage/sprinkler-on.png b/..._with_three_stall_garage/sprinkler-on.png → ..._with_three_stall_garage/sprinkler-on.png
diff --git a/...hree_stall_garage/utility-electricity.png → ...hree_stall_garage/utility-electricity.png b/...hree_stall_garage/utility-electricity.png → ...hree_stall_garage/utility-electricity.png
diff --git a/...with_three_stall_garage/utility-water.png → ...with_three_stall_garage/utility-water.png b/...with_three_stall_garage/utility-water.png → ...with_three_stall_garage/utility-water.png
diff --git a/...ith_three_stall_garage/weather-cloudy.png → ...ith_three_stall_garage/weather-cloudy.png b/...ith_three_stall_garage/weather-cloudy.png → ...ith_three_stall_garage/weather-cloudy.png
diff --git a/...hree_stall_garage/weather-exceptional.png → ...hree_stall_garage/weather-exceptional.png b/...hree_stall_garage/weather-exceptional.png → ...hree_stall_garage/weather-exceptional.png
diff --git a/...h_with_three_stall_garage/weather-fog.png → ...h_with_three_stall_garage/weather-fog.png b/...h_with_three_stall_garage/weather-fog.png → ...h_with_three_stall_garage/weather-fog.png
diff --git a/..._with_three_stall_garage/weather-hail.png → ..._with_three_stall_garage/weather-hail.png b/..._with_three_stall_garage/weather-hail.png → ..._with_three_stall_garage/weather-hail.png
diff --git a/..._stall_garage/weather-lightning-rainy.png → ..._stall_garage/weather-lightning-rainy.png b/..._stall_garage/weather-lightning-rainy.png → ..._stall_garage/weather-lightning-rainy.png
diff --git a/..._three_stall_garage/weather-lightning.png → ..._three_stall_garage/weather-lightning.png b/..._three_stall_garage/weather-lightning.png → ..._three_stall_garage/weather-lightning.png
diff --git a/...ree_stall_garage/weather-partlycloudy.png → ...ree_stall_garage/weather-partlycloudy.png b/...ree_stall_garage/weather-partlycloudy.png → ...ree_stall_garage/weather-partlycloudy.png
diff --git a/...th_three_stall_garage/weather-pouring.png → ...th_three_stall_garage/weather-pouring.png b/...th_three_stall_garage/weather-pouring.png → ...th_three_stall_garage/weather-pouring.png
diff --git a/...with_three_stall_garage/weather-rainy.png → ...with_three_stall_garage/weather-rainy.png b/...with_three_stall_garage/weather-rainy.png → ...with_three_stall_garage/weather-rainy.png
diff --git a/...hree_stall_garage/weather-snowy-rainy.png → ...hree_stall_garage/weather-snowy-rainy.png b/...hree_stall_garage/weather-snowy-rainy.png → ...hree_stall_garage/weather-snowy-rainy.png
diff --git a/...with_three_stall_garage/weather-snowy.png → ...with_three_stall_garage/weather-snowy.png b/...with_three_stall_garage/weather-snowy.png → ...with_three_stall_garage/weather-snowy.png
diff --git a/...h_with_three_stall_garage/weather-sun.png → ...h_with_three_stall_garage/weather-sun.png b/...h_with_three_stall_garage/weather-sun.png → ...h_with_three_stall_garage/weather-sun.png
diff --git a/...with_three_stall_garage/weather-sunny.png → ...with_three_stall_garage/weather-sunny.png b/...with_three_stall_garage/weather-sunny.png → ...with_three_stall_garage/weather-sunny.png
diff --git a/...ee_stall_garage/weather-windy-variant.png → ...ee_stall_garage/weather-windy-variant.png b/...ee_stall_garage/weather-windy-variant.png → ...ee_stall_garage/weather-windy-variant.png
diff --git a/...with_three_stall_garage/weather-windy.png → ...with_three_stall_garage/weather-windy.png b/...with_three_stall_garage/weather-windy.png → ...with_three_stall_garage/weather-windy.png
diff --git a/...h_with_three_stall_garage/window-dark.png → ...h_with_three_stall_garage/window-dark.png b/...h_with_three_stall_garage/window-dark.png → ...h_with_three_stall_garage/window-dark.png
diff --git a/..._with_three_stall_garage/window-light.png → ..._with_three_stall_garage/window-light.png b/..._with_three_stall_garage/window-light.png → ..._with_three_stall_garage/window-light.png
diff --git a/themes/two_story_with_garage/car.png → dist/themes/two_story_with_garage/car.png b/themes/two_story_with_garage/car.png → dist/themes/two_story_with_garage/car.png
diff --git a/themes/two_story_with_garage/door-close.png → ...emes/two_story_with_garage/door-close.png b/themes/two_story_with_garage/door-close.png → ...emes/two_story_with_garage/door-close.png
diff --git a/themes/two_story_with_garage/door-open.png → ...hemes/two_story_with_garage/door-open.png b/themes/two_story_with_garage/door-open.png → ...hemes/two_story_with_garage/door-open.png
diff --git a/...es/two_story_with_garage/garage-close.png → ...es/two_story_with_garage/garage-close.png b/...es/two_story_with_garage/garage-close.png → ...es/two_story_with_garage/garage-close.png
diff --git a/themes/two_story_with_garage/garage-open.png → ...mes/two_story_with_garage/garage-open.png b/themes/two_story_with_garage/garage-open.png → ...mes/two_story_with_garage/garage-open.png
diff --git a/themes/two_story_with_garage/house.png → dist/themes/two_story_with_garage/house.png b/themes/two_story_with_garage/house.png → dist/themes/two_story_with_garage/house.png
diff --git a/...o_story_with_garage/outside-light-off.png → ...o_story_with_garage/outside-light-off.png b/...o_story_with_garage/outside-light-off.png → ...o_story_with_garage/outside-light-off.png
diff --git a/...wo_story_with_garage/outside-light-on.png → ...wo_story_with_garage/outside-light-on.png b/...wo_story_with_garage/outside-light-on.png → ...wo_story_with_garage/outside-light-on.png
diff --git a/...s/two_story_with_garage/sprinkler-off.png → ...s/two_story_with_garage/sprinkler-off.png b/...s/two_story_with_garage/sprinkler-off.png → ...s/two_story_with_garage/sprinkler-off.png
diff --git a/...es/two_story_with_garage/sprinkler-on.png → ...es/two_story_with_garage/sprinkler-on.png b/...es/two_story_with_garage/sprinkler-on.png → ...es/two_story_with_garage/sprinkler-on.png
diff --git a/...story_with_garage/utility-electricity.png → ...story_with_garage/utility-electricity.png b/...story_with_garage/utility-electricity.png → ...story_with_garage/utility-electricity.png
diff --git a/...s/two_story_with_garage/utility-water.png → ...s/two_story_with_garage/utility-water.png b/...s/two_story_with_garage/utility-water.png → ...s/two_story_with_garage/utility-water.png
diff --git a/.../two_story_with_garage/weather-cloudy.png → .../two_story_with_garage/weather-cloudy.png b/.../two_story_with_garage/weather-cloudy.png → .../two_story_with_garage/weather-cloudy.png
diff --git a/...story_with_garage/weather-exceptional.png → ...story_with_garage/weather-exceptional.png b/...story_with_garage/weather-exceptional.png → ...story_with_garage/weather-exceptional.png
diff --git a/themes/two_story_with_garage/weather-fog.png → ...mes/two_story_with_garage/weather-fog.png b/themes/two_story_with_garage/weather-fog.png → ...mes/two_story_with_garage/weather-fog.png
diff --git a/...es/two_story_with_garage/weather-hail.png → ...es/two_story_with_garage/weather-hail.png b/...es/two_story_with_garage/weather-hail.png → ...es/two_story_with_garage/weather-hail.png
diff --git a/...y_with_garage/weather-lightning-rainy.png → ...y_with_garage/weather-lightning-rainy.png b/...y_with_garage/weather-lightning-rainy.png → ...y_with_garage/weather-lightning-rainy.png
diff --git a/...o_story_with_garage/weather-lightning.png → ...o_story_with_garage/weather-lightning.png b/...o_story_with_garage/weather-lightning.png → ...o_story_with_garage/weather-lightning.png
diff --git a/...tory_with_garage/weather-partlycloudy.png → ...tory_with_garage/weather-partlycloudy.png b/...tory_with_garage/weather-partlycloudy.png → ...tory_with_garage/weather-partlycloudy.png
diff --git a/...two_story_with_garage/weather-pouring.png → ...two_story_with_garage/weather-pouring.png b/...two_story_with_garage/weather-pouring.png → ...two_story_with_garage/weather-pouring.png
diff --git a/...s/two_story_with_garage/weather-rainy.png → ...s/two_story_with_garage/weather-rainy.png b/...s/two_story_with_garage/weather-rainy.png → ...s/two_story_with_garage/weather-rainy.png
diff --git a/...story_with_garage/weather-snowy-rainy.png → ...story_with_garage/weather-snowy-rainy.png b/...story_with_garage/weather-snowy-rainy.png → ...story_with_garage/weather-snowy-rainy.png
diff --git a/...s/two_story_with_garage/weather-snowy.png → ...s/two_story_with_garage/weather-snowy.png b/...s/two_story_with_garage/weather-snowy.png → ...s/two_story_with_garage/weather-snowy.png
diff --git a/themes/two_story_with_garage/weather-sun.png → ...mes/two_story_with_garage/weather-sun.png b/themes/two_story_with_garage/weather-sun.png → ...mes/two_story_with_garage/weather-sun.png
diff --git a/...s/two_story_with_garage/weather-sunny.png → ...s/two_story_with_garage/weather-sunny.png b/...s/two_story_with_garage/weather-sunny.png → ...s/two_story_with_garage/weather-sunny.png
diff --git a/...ory_with_garage/weather-windy-variant.png → ...ory_with_garage/weather-windy-variant.png b/...ory_with_garage/weather-windy-variant.png → ...ory_with_garage/weather-windy-variant.png
diff --git a/...s/two_story_with_garage/weather-windy.png → ...s/two_story_with_garage/weather-windy.png b/...s/two_story_with_garage/weather-windy.png → ...s/two_story_with_garage/weather-windy.png
diff --git a/themes/two_story_with_garage/window-dark.png → ...mes/two_story_with_garage/window-dark.png b/themes/two_story_with_garage/window-dark.png → ...mes/two_story_with_garage/window-dark.png
diff --git a/...es/two_story_with_garage/window-light.png → ...es/two_story_with_garage/window-light.png b/...es/two_story_with_garage/window-light.png → ...es/two_story_with_garage/window-light.png
diff --git a/hacs.json b/hacs.json
@@ -0,0 +1,5 @@
+{
+  "name": "home-card",
+  "render_readme": true,
+  "filename": "home-card.js"
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -345,4 +345,4 @@ export const THEMES = { @@
           },
         },
       },
-    };
+    };