Compatibility fix for Home Assistant 2022.4.0+

dist/datetime/select_unit.d.ts

@@ -0,0 +1,8 @@
+export declare type Unit = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+export declare function selectUnit(from: Date | number, to?: Date | number, thresholds?: Partial<Thresholds>): {
+ value: number;
+ unit: Unit;
+};
+declare type Thresholds = Record<'second' | 'minute' | 'hour' | 'day', number>;
+export declare const DEFAULT_THRESHOLDS: Thresholds;
+export {};

package.json

@@ -28,7 +28,6 @@
  },
  "homepage": "https://github.com/custom-cards/custom-card-helpers#readme",
  "dependencies": {
- "@formatjs/intl-utils": "^3.8.4",
  "home-assistant-js-websocket": "^6.0.1",
  "intl-messageformat": "^9.11.1",
  "lit": "^2.1.1",

src/datetime/relative_time.ts

@@ -1,12 +1,13 @@
 //REF: https://github.com/home-assistant/frontend/blob/dev/src/common/datetime/relative_time.ts
 
-import { selectUnit } from "@formatjs/intl-utils";
 import { FrontendLocaleData } from "../types";
+import { selectUnit } from "./select_unit";
 
  const formatRelTimeMem =
  (locale: FrontendLocaleData) =>
  new Intl.RelativeTimeFormat(locale.language, { numeric: "auto" });
 
+
 /**
  * Calculate a string representing a date object as relative time from now.
  *

src/datetime/select_unit.ts

@@ -0,0 +1,94 @@
+/*
+ * selectUnit() taken from @formatjs/intl-units 3.8.4.
+ *
+ */
+
+export type Unit =
+ | 'second'
+ | 'minute'
+ | 'hour'
+ | 'day'
+ | 'week'
+ | 'month'
+ | 'quarter'
+ | 'year';
+
+const MS_PER_SECOND = 1e3;
+const SECS_PER_MIN = 60;
+const SECS_PER_HOUR = SECS_PER_MIN * 60;
+const SECS_PER_DAY = SECS_PER_HOUR * 24;
+const SECS_PER_WEEK = SECS_PER_DAY * 7;
+
+export function selectUnit(
+ from: Date | number,
+ to: Date | number = Date.now(),
+ thresholds: Partial<Thresholds> = {}
+): {value: number; unit: Unit} {
+ const resolvedThresholds: Thresholds = {
+ ...DEFAULT_THRESHOLDS,
+ ...(thresholds || {}),
+ };
+ const secs = (+from - +to) / MS_PER_SECOND;
+ if (Math.abs(secs) < resolvedThresholds.second) {
+ return {
+ value: Math.round(secs),
+ unit: 'second',
+ };
+ }
+ const mins = secs / SECS_PER_MIN;
+ if (Math.abs(mins) < resolvedThresholds.minute) {
+ return {
+ value: Math.round(mins),
+ unit: 'minute',
+ };
+ }
+ const hours = secs / SECS_PER_HOUR;
+ if (Math.abs(hours) < resolvedThresholds.hour) {
+ return {
+ value: Math.round(hours),
+ unit: 'hour',
+ };
+ }
+
+ const days = secs / SECS_PER_DAY;
+ if (Math.abs(days) < resolvedThresholds.day) {
+ return {
+ value: Math.round(days),
+ unit: 'day',
+ };
+ }
+ const fromDate = new Date(from);
+ const toDate = new Date(to);
+
+ const years = fromDate.getFullYear() - toDate.getFullYear();
+ if (Math.round(Math.abs(years)) > 0) {
+ return {
+ value: Math.round(years),
+ unit: 'year',
+ };
+ }
+
+ const months = years * 12 + fromDate.getMonth() - toDate.getMonth();
+ if (Math.round(Math.abs(months)) > 0) {
+ return {
+ value: Math.round(months),
+ unit: 'month',
+ };
+ }
+ const weeks = secs / SECS_PER_WEEK;
+
+ return {
+ value: Math.round(weeks),
+ unit: 'week',
+ };
+}
+
+type Thresholds = Record<'second' | 'minute' | 'hour' | 'day', number>;
+
+export const DEFAULT_THRESHOLDS: Thresholds = {
+ second: 45, // seconds to minute
+ minute: 45, // minutes to hour
+ hour: 22, // hour to day
+ day: 5, // day to week
+};
+

src/get-lovelace.ts

@@ -3,7 +3,8 @@ export const getLovelace = () => {
  root = root && root.shadowRoot;
  root = root && root.querySelector('home-assistant-main');
  root = root && root.shadowRoot;
- root = root && root.querySelector('app-drawer-layout partial-panel-resolver');
+ root = root && root.querySelector('ha-drawer');
+ root = root && root.querySelector('partial-panel-resolver');
  root = root && root.shadowRoot || root;
  root = root && root.querySelector('ha-panel-lovelace');
  root = root && root.shadowRoot;