Improve ensureArray and use it in tracing (#8785)

* Improve ensureArray and use it in tracing

* Fix typing

Co-authored-by: Paulus Schoutsen <balloob@gmail.com>

src/common/ensure-array.ts

@@ -1,6 +1,8 @@
-export const ensureArray = (value?: any) => {
+export function ensureArray(value: undefined): undefined;
-  if (!value || Array.isArray(value)) {
+export function ensureArray<T>(value: T | T[]): T[];
+export function ensureArray(value) {
+  if (value === undefined || Array.isArray(value)) {
     return value;
   }
   return [value];
-};
+}

src/components/ha-target-picker.ts

@@ -125,7 +125,8 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) {
       return html``;
     }
     return html`<div class="mdc-chip-set items">
-        ${ensureArray(this.value?.area_id)?.map((area_id) => {
+        ${this.value?.area_id
+          ? ensureArray(this.value.area_id).map((area_id) => {
               const area = this._areas![area_id];
               return this._renderChip(
                 "area_id",
@@ -134,8 +135,10 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) {
                 undefined,
                 mdiSofa
               );
-        })}
+            })
-        ${ensureArray(this.value?.device_id)?.map((device_id) => {
+          : ""}
+        ${this.value?.device_id
+          ? ensureArray(this.value.device_id).map((device_id) => {
               const device = this._devices![device_id];
               return this._renderChip(
                 "device_id",
@@ -144,8 +147,10 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) {
                 undefined,
                 mdiDevices
               );
-        })}
+            })
-        ${ensureArray(this.value?.entity_id)?.map((entity_id) => {
+          : ""}
+        ${this.value?.entity_id
+          ? ensureArray(this.value.entity_id).map((entity_id) => {
               const entity = this.hass.states[entity_id];
               return this._renderChip(
                 "entity_id",
@@ -153,7 +158,8 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) {
                 entity ? computeStateName(entity) : entity_id,
                 entity ? stateIcon(entity) : undefined
               );
-        })}
+            })
+          : ""}
       </div>
       ${this._renderPicker()}
       <div class="mdc-chip-set">

src/components/trace/hat-script-graph.ts

@@ -48,6 +48,7 @@ import {
   WaitAction,
   WaitForTriggerAction,
 } from "../../data/script";
+import { ensureArray } from "../../common/ensure-array";
 
 declare global {
   interface HASSDomEvents {
@@ -412,16 +413,14 @@ class HatScriptGraph extends LitElement {
 
     const manual_triggered = this.trace && "trigger" in this.trace.trace;
     let track_path = manual_triggered ? undefined : [0];
-    const trigger_nodes = (Array.isArray(this.trace.config.trigger)
+    const trigger_nodes = ensureArray(this.trace.config.trigger).map(
-      ? this.trace.config.trigger
+      (trigger, i) => {
-      : [this.trace.config.trigger]
-    ).map((trigger, i) => {
         if (this.trace && `trigger/${i}` in this.trace.trace) {
           track_path = [i];
         }
         return this.render_trigger(trigger, i);
-    });
+      }
-
+    );
     return html`
       <hat-graph class="parent">
         <div></div>
@@ -435,16 +434,13 @@ class HatScriptGraph extends LitElement {
           ${trigger_nodes}
         </hat-graph>
         <hat-graph id="condition">
-          ${(!this.trace.config.condition ||
+          ${ensureArray(this.trace.config.condition)?.map((condition, i) =>
-          Array.isArray(this.trace.config.condition)
+            this.render_condition(condition!, i)
-            ? this.trace.config.condition
+          )}
-            : [this.trace.config.condition]
-          )?.map((condition, i) => this.render_condition(condition, i))}
         </hat-graph>
-        ${(Array.isArray(this.trace.config.action)
+        ${ensureArray(this.trace.config.action).map((action, i) =>
-          ? this.trace.config.action
+          this.render_node(action, `action/${i}`)
-          : [this.trace.config.action]
+        )}
-        ).map((action, i) => this.render_node(action, `action/${i}`))}
       </hat-graph>
       <div class="actions">
         <mwc-icon-button

src/data/script.ts

@@ -77,7 +77,7 @@ export interface WaitAction {
 
 export interface WaitForTriggerAction {
   alias?: string;
-  wait_for_trigger: Trigger[];
+  wait_for_trigger: Trigger | Trigger[];
   timeout?: number;
   continue_on_timeout?: boolean;
 }

src/data/script_i18n.ts

@@ -1,4 +1,5 @@
 import secondsToDuration from "../common/datetime/seconds_to_duration";
+import { ensureArray } from "../common/ensure-array";
 import { computeStateName } from "../common/entity/compute_state_name";
 import { HomeAssistant } from "../types";
 import { Condition } from "./automation";
@@ -111,7 +112,7 @@ export const describeAction = <T extends ActionType>(
 
   if (actionType === "wait_for_trigger") {
     const config = action as WaitForTriggerAction;
-    return `Wait for ${config.wait_for_trigger
+    return `Wait for ${ensureArray(config.wait_for_trigger)
       .map((trigger) => describeTrigger(trigger))
       .join(", ")}`;
   }

src/data/trace.ts

@@ -1,6 +1,6 @@
 import { strStartsWith } from "../common/string/starts-with";
 import { HomeAssistant, Context } from "../types";
-import { AutomationConfig } from "./automation";
+import { ManualAutomationConfig } from "./automation";
 
 interface BaseTraceStep {
   path: string;
@@ -86,7 +86,7 @@ export interface AutomationTrace {
 export interface AutomationTraceExtended extends AutomationTrace {
   trace: Record<string, ActionTraceStep[]>;
   context: Context;
-  config: AutomationConfig;
+  config: ManualAutomationConfig;
   error?: string;
 }
 
@@ -138,7 +138,7 @@ export const loadTraceContexts = (
   });
 
 export const getDataFromPath = (
-  config: AutomationConfig,
+  config: ManualAutomationConfig,
   path: string
 ): any => {
   const parts = path.split("/").reverse();