Fixed case when unit of measurement is missing. Added stub config

Author: David Buezas

dist/plotly-graph-card.js

@@ -8,7 +8,8 @@
     "start": "esbuild src/plotly-graph-card.ts --servedir=dist --outdir=dist --bundle --sourcemap=inline",
     "build": "esbuild src/plotly-graph-card.ts --outdir=dist --bundle --minify",
     "test": "jest",
-    "test:watch": "jest --watchAll"
+    "test:watch": "jest --watchAll",
+    "version": "npm run build && git add ."
   },
   "author": "",
   "license": "ISC",

package.json

@@ -98,7 +98,10 @@ export default class Cache {
         const histories: Histories = {};
         for (const history of list) {
           const name = history[0].entity_id;
-          this.attributes[name] = history[0].attributes;
+          this.attributes[name] = {
+            unit_of_measurement: "",
+            ...history[0].attributes,
+          };
           histories[name] = history.map((entry) => ({
             ...entry,
             last_changed: +new Date(entry.last_changed),

src/Cache.ts

@@ -9,7 +9,6 @@ import merge from "lodash-es/merge";
 import getThemedLayout from "./themed-layout";
 import EventEmitter from "events";
 import mapValues from "lodash/mapValues";
-import uniq from "lodash/mapValues";
 
 console.info(
   `%c PLOTLY-GRAPH-CARD %c ${version} `,
@@ -141,7 +140,7 @@ export class PlotlyGraph extends HTMLElement {
     const { histories, attributes } = this.cache;
 
     const units = Array.from(
-      new Set(Object.values(attributes).map((a) => a.unit_of_measurement || ""))
+      new Set(Object.values(attributes).map((a) => a.unit_of_measurement))
     );
 
     this.data = entities.map((trace) => {
@@ -216,6 +215,13 @@ export class PlotlyGraph extends HTMLElement {
   getCardSize() {
     return 30;
   }
+  static getStubConfig() {
+    return {
+      entities: [
+        { entity: "sun.sun", hours_to_show: 24, refresh_interval: 10 },
+      ],
+    };
+  }
 }
 
 customElements.define("plotly-graph", PlotlyGraph);

src/plotly-graph-card.ts

@@ -14,8 +14,8 @@ export type History = {
   last_changed: Timestamp;
   state: string;
   attributes: {
-    friendly_name: string;
-    unit_of_measurement: string;
+    friendly_name?: string;
+    unit_of_measurement?: string;
   };
 }[];
 export type TimestampRange = Timestamp[]; // [Timestamp, Timestamp];