fixes #22. Safari & firefox can't parse string dates as chrome does.

Author: dbuezas

dist/plotly-graph-card.js

@@ -23,6 +23,7 @@
   "dependencies": {
     "@types/lodash": "^4.14.175",
     "custom-card-helpers": "^1.8.0",
+    "date-fns": "^2.28.0",
     "deepmerge": "^4.2.2",
     "lodash": "^4.17.21",
     "plotly.js": "^2.8.3"

package-lock.json

@@ -4,8 +4,6 @@ import { isTruthy } from "./style-hack";
 import { TimestampRange, History } from "./types";
 import { sleep } from "./utils";
 
-type Histories = Record<string, History>;
-
 export function mapValues<T, S>(
   o: Record<string, T>,
   fn: (value: T, key: string) => S

package.json

@@ -1,3 +1,4 @@
+import { json } from "stream/consumers";
 import { TimestampRange } from "./types";
 
 const subtract_single_single = (
@@ -22,11 +23,10 @@ const subtract_single_single = (
   if (a_start < b_start && b_start <= a_end && a_end <= b_end)
     return [[a_start, b_start - 1]];
   else {
-    console.log("----ERROR TO REPORT-----");
-    console.log([a_start, a_end]);
-    console.log([b_start, b_end]);
     throw new Error(
-      "Error computing range subtraction. Please report an issue in the repo of this card."
+      `Error computing range subtraction. Please report an issue in the repo of this card and share this:`+
+      JSON.stringify([a_start, a_end]) +
+      JSON.stringify([b_start, b_end])
     );
   }
 };

src/Cache.ts

@@ -13,6 +13,7 @@ import isProduction from "./is-production";
 import { sleep } from "./utils";
 import { Datum } from "plotly.js";
 import colorSchemes from "./color-schemes";
+import {parseISO} from 'date-fns'
 
 const componentName = isProduction ? "plotly-graph" : "plotly-graph-dev";
 
@@ -143,7 +144,7 @@ export class PlotlyGraph extends HTMLElement {
     return [+new Date() - ms, +new Date()] as [number, number];
   }
   getVisibleRange() {
-    return this.contentEl.layout.xaxis!.range!.map((date) => +new Date(date));
+    return this.contentEl.layout.xaxis!.range!.map((date) => +parseISO(date));
   }
   async enterBrowsingMode() {
     this.isBrowsing = true;
@@ -449,7 +450,7 @@ export class PlotlyGraph extends HTMLElement {
   }
   static getStubConfig() {
     return {
-      entities: [{ entity: "sun.sun::elevation" }],
+      entities: [{ entity: "sun.sun" }],
       hours_to_show: 24,
       refresh_interval: 10,
     };