Update to LitElement

Author: RomRider

hooks/bump-version.sh

@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+VERSION=$(jq -r .version package.json)
+
+cat <<EOF >src/version-const.ts
+export const CARD_VERSION = '${VERSION}';
+EOF

hooks/pre-commit.sh

@@ -5,3 +5,5 @@ set -euo pipefail
 echo "Pre-Commit hooks running..."
 
 npm run build
+npm run update-version
+git add src/version-const.ts

package.json

@@ -12,7 +12,8 @@
     "rollup": "rollup -c",
     "babel": "babel dist/decluttering-card.js --out-file dist/decluttering-card.js",
     "lint": "eslint src/decluttering-card.ts",
-    "watch": "rollup -c rollup.debug.config.js --watch"
+    "watch": "rollup -c rollup.debug.config.js --watch",
+    "update-version": "./hooks/bump-version.sh"
   },
   "repository": {
     "type": "git",

src/decluttering-card.ts

@@ -14,12 +14,19 @@ import {
 import { DeclutteringCardConfig, TemplateConfig } from './types';
 import deepReplace from './deep-replace';
 import getLovelaceCast from './getLovelaceCast';
+import { CARD_VERSION } from './version-const';
 
 const HELPERS = (window as any).loadCardHelpers ? (window as any).loadCardHelpers() : undefined;
 
+console.info(
+  `%c DECLUTTERING-CARD \n%c   Version ${CARD_VERSION}   `,
+  'color: orange; font-weight: bold; background: black',
+  'color: white; font-weight: bold; background: dimgray',
+);
+
 @customElement('decluttering-card')
 class DeclutteringCard extends LitElement {
-  @property() private _card?: any;
+  @property() protected _card?: any;
 
   @property() private _hass?: HomeAssistant;
 
@@ -47,6 +54,7 @@ class DeclutteringCard extends LitElement {
     this._config = deepReplace(config.variables, templateConfig);
     this._createCard(this._config).then((card) => {
       this._card = card;
+      return this._card;
     });
   }
 
@@ -74,9 +82,7 @@ class DeclutteringCard extends LitElement {
         ev.stopPropagation();
         this._rebuildCard(element, config);
       },
-      {
-        once: true,
-      },
+      { once: true },
     );
     return element;
   }
@@ -87,7 +93,7 @@ class DeclutteringCard extends LitElement {
   }
 
   public getCardSize(): number {
-    return typeof this._card.getCardSize === 'function'
+    return this._card && typeof this._card.getCardSize === 'function'
       ? this._card.getCardSize() : 1;
   }
 }

src/version-const.ts

@@ -0,0 +1 @@
+export const CARD_VERSION = '0.4.0';