add console version

README.md

@@ -25,6 +25,16 @@ This card is for [Lovelace](https://www.home-assistant.io/lovelace) on [Home Ass
 
 ![example](example.png)
 
+## Installation
+
+Use [HACS](https://hacs.xyz) or follow this [guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins)
+
+```yaml
+resources:
+    url: /local/roku-card.js
+    type: module
+```
+
 ## Options
 
 | Name        | Type      | Requirement  | Description                                                                |
@@ -84,16 +94,6 @@ This card is for [Lovelace](https://www.home-assistant.io/lovelace) on [Home Ass
 | `haptic`          | `string` | none     | `success`, `warning`, `failure`, `light`, `medium`, `heavy`, `selection` | Haptic feedback for the [Beta IOS App](http://home-assistant.io/ios/beta)                                 |
 | `repeat`          | `number` | none     | eg: `500`                                                                | How often to repeat the `hold_action` in milliseconds.                                                    |
 
-## Installation
-
-Use [HACS](https://hacs.xyz) or follow this [guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins)
-
-```yaml
-resources:
-    url: /local/roku-card.js
-    type: module
-```
-
 ## Usage
 
 ```yaml
@@ -128,6 +128,12 @@ volume_down:
 
 [Troubleshooting](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins)
 
+## Developers
+
+Fork and then clone the repo to your local machine. From the cloned directory run
+
+`npm install && npm run build`
+
 [commits-shield]: https://img.shields.io/github/commit-activity/y/iantrich/roku-card.svg?style=for-the-badge
 [commits]: https://github.com/iantrich/roku-card/commits/master
 [discord]: https://discord.gg/Qa5fW2R

dist/roku-card.js

@@ -3035,10 +3035,14 @@ const actionHandler = directive((options = {}) => (part) => {
     actionHandlerBind(part.committer.element, options);
 });
 
+const CARD_VERSION = '1.0.3';
+
 const defaultRemoteAction = {
     action: "call-service",
     service: "remote.send_command"
 };
+/* eslint no-console: 0 */
+console.info(`%c  ROKU-CARD     \n%c  Version ${CARD_VERSION} `, 'color: orange; font-weight: bold; background: black', 'color: white; font-weight: bold; background: dimgray');
 let RokuCard = class RokuCard extends LitElement {
     getCardSize() {
         return 7;

src/const.ts

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

src/roku-card.ts

@@ -16,12 +16,20 @@ import {
 
 import { RokuCardConfig } from "./types";
 import { actionHandler } from "./action-handler-directive";
+import { CARD_VERSION } from "./const";
 
 const defaultRemoteAction = {
   action: "call-service",
   service: "remote.send_command"
 };
 
+/* eslint no-console: 0 */
+console.info(
+  `%c  ROKU-CARD     \n%c  Version ${CARD_VERSION} `,
+  'color: orange; font-weight: bold; background: black',
+  'color: white; font-weight: bold; background: dimgray',
+);
+
 @customElement("roku-card")
 class RokuCard extends LitElement {
   @property() public hass?: HomeAssistant;