Take convert of blueprint automation and script

src/data/automation.ts

@@ -352,6 +352,22 @@ export const saveAutomationConfig = (
   config: AutomationConfig
 ) => hass.callApi<void>("POST", `config/automation/config/${id}`, config);
 
+export const normalizeAutomationConfig = <
+  T extends Partial<AutomationConfig> | AutomationConfig,
+>(
+  config: T
+): T => {
+  // Normalize data: ensure trigger, action and condition are lists
+  // Happens when people copy paste their automations into the config
+  for (const key of ["trigger", "condition", "action"]) {
+    const value = config[key];
+    if (value && !Array.isArray(value)) {
+      config[key] = [value];
+    }
+  }
+  return config;
+};
+
 export const showAutomationEditor = (data?: Partial<AutomationConfig>) => {
   initialAutomationEditorData = data;
   navigate("/config/automation/edit/new");

src/data/blueprint.ts

@@ -1,4 +1,5 @@
 import { HomeAssistant } from "../types";
+import { ManualAutomationConfig } from "./automation";
 import { Selector } from "./selector";
 
 export type BlueprintDomain = "automation" | "script";
@@ -42,6 +43,10 @@ export interface BlueprintImportResult {
   validation_errors: string[] | null;
 }
 
+export interface BlueprintSubstituteResult {
+  substituted_config: ManualAutomationConfig;
+}
+
 export const fetchBlueprints = (hass: HomeAssistant, domain: BlueprintDomain) =>
   hass.callWS<Blueprints>({ type: "blueprint/list", domain });
 
@@ -91,3 +96,16 @@ export const getBlueprintSourceType = (
   }
   return "community";
 };
+
+export const substituteBlueprint = (
+  hass: HomeAssistant,
+  domain: BlueprintDomain,
+  path: string,
+  input: Record<string, any>
+) =>
+  hass.callWS<BlueprintSubstituteResult>({
+    type: "blueprint/substitute",
+    domain,
+    path,
+    input,
+  });

src/panels/config/automation/blueprint-automation-editor.ts

@@ -2,11 +2,19 @@ import "@material/mwc-button/mwc-button";
 import { HassEntity } from "home-assistant-js-websocket";
 import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators";
+import { navigate } from "../../../common/navigate";
+import { nextRender } from "../../../common/util/render-status";
 import "../../../components/ha-alert";
-import { BlueprintAutomationConfig } from "../../../data/automation";
-import { fetchBlueprints } from "../../../data/blueprint";
-import { HaBlueprintGenericEditor } from "../blueprint/blueprint-generic-editor";
 import "../../../components/ha-markdown";
+import {
+  BlueprintAutomationConfig,
+  normalizeAutomationConfig,
+  showAutomationEditor,
+} from "../../../data/automation";
+import { fetchBlueprints, substituteBlueprint } from "../../../data/blueprint";
+import { showConfirmationDialog } from "../../lovelace/custom-card-helpers";
+import { HaBlueprintGenericEditor } from "../blueprint/blueprint-generic-editor";
+import "./manual-automation-editor";
 
 @customElement("blueprint-automation-editor")
 export class HaBlueprintAutomationEditor extends HaBlueprintGenericEditor {
@@ -65,6 +73,61 @@ export class HaBlueprintAutomationEditor extends HaBlueprintGenericEditor {
       entity_id: this.stateObj.entity_id,
     });
   }
+
+  public async substituteBlueprint(): Promise<void> {
+    try {
+      const substitute = await substituteBlueprint(
+        this.hass,
+        "automation",
+        this.config.use_blueprint.path,
+        this.config.use_blueprint.input || {}
+      );
+
+      const config = normalizeAutomationConfig(substitute.substituted_config);
+
+      const convert = await showConfirmationDialog(this, {
+        title: "Take control of blueprint automation",
+        text: html`<manual-automation-editor
+          .hass=${this.hass}
+          disabled
+          .config=${config}
+        ></manual-automation-editor>`,
+        confirmText: "Create automation",
+      });
+
+      if (convert) {
+        if (this.dirty) {
+          const confirmed = await showConfirmationDialog(this, {
+            title: "Unsaved changes",
+            text: "You have unsaved changes. Do you want to continue and lose these changes?",
+            confirmText: "Continue",
+          });
+          if (!confirmed) {
+            return;
+          }
+        }
+        while (
+          location.pathname === "/config/automation/edit/new" &&
+          history.length > 1
+        ) {
+          history.back();
+          // eslint-disable-next-line no-await-in-loop
+          await nextRender();
+        }
+        if (location.pathname === "/config/automation/edit/new") {
+          navigate("/config/automation");
+          await nextRender();
+        }
+        showAutomationEditor({
+          alias: this.config.alias,
+          description: `${this.config.description ? this.config.description : this._blueprint && "metadata" in this._blueprint ? this._blueprint.metadata.description : ""}${this._blueprint && "metadata" in this._blueprint ? `(Originated from blueprint ${this._blueprint?.metadata.name})` : ""}`,
+          ...substitute.substituted_config,
+        });
+      }
+    } catch (err: any) {
+      alert(`Failed to substitute blueprint: ${err.message}`);
+    }
+  }
 }
 declare global {
   interface HTMLElementTagNameMap {

src/panels/config/automation/ha-automation-editor.ts

@@ -6,6 +6,7 @@ import {
   mdiDebugStepOver,
   mdiDelete,
   mdiDotsVertical,
+  mdiFileEdit,
   mdiInformationOutline,
   mdiPlay,
   mdiPlayCircleOutline,
@@ -44,6 +45,7 @@ import {
   fetchAutomationFileConfig,
   getAutomationEditorInitData,
   getAutomationStateConfig,
+  normalizeAutomationConfig,
   saveAutomationConfig,
   showAutomationEditor,
   triggerAutomationActions,
@@ -217,7 +219,16 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
                   ></ha-svg-icon>
                 </ha-list-item>
               `
-            : nothing}
+            : html`<ha-list-item
+                graphic="icon"
+                @click=${this._substituteBlueprint}
+                .disabled=${this._readOnly}
+              >
+                ${this.hass.localize(
+                  "ui.panel.config.automation.editor.subtitute_blueprint"
+                )}
+                <ha-svg-icon slot="graphic" .path=${mdiFileEdit}></ha-svg-icon>
+              </ha-list-item>`}
 
           <ha-list-item
             .disabled=${!this._readOnly && !this.automationId}
@@ -331,6 +342,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
                           .stateObj=${stateObj}
                           .config=${this._config}
                           .disabled=${Boolean(this._readOnly)}
+                          .dirty=${this._dirty}
                           @value-changed=${this._valueChanged}
                           @duplicate=${this._duplicate}
                         ></blueprint-automation-editor>
@@ -343,6 +355,8 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
                           .stateObj=${stateObj}
                           .config=${this._config}
                           .disabled=${Boolean(this._readOnly)}
+                          .readOnly=${Boolean(this._readOnly)}
+                          .dirty=${this._dirty}
                           @value-changed=${this._valueChanged}
                           @duplicate=${this._duplicate}
                         ></manual-automation-editor>
@@ -432,7 +446,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
       }
       this._config = {
         ...baseConfig,
-        ...initData,
+        ...(initData ? normalizeAutomationConfig(initData) : initData),
       } as AutomationConfig;
       this._entityId = undefined;
       this._readOnly = false;
@@ -441,7 +455,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
 
     if (changedProps.has("entityId") && this.entityId) {
       getAutomationStateConfig(this.hass, this.entityId).then((c) => {
-        this._config = this._normalizeConfig(c.config);
+        this._config = normalizeAutomationConfig(c.config);
         this._checkValidation();
       });
       this._entityId = this.entityId;
@@ -497,18 +511,6 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
     );
   }
 
-  private _normalizeConfig(config: AutomationConfig): AutomationConfig {
-    // Normalize data: ensure trigger, action and condition are lists
-    // Happens when people copy paste their automations into the config
-    for (const key of ["trigger", "condition", "action"]) {
-      const value = config[key];
-      if (value && !Array.isArray(value)) {
-        config[key] = [value];
-      }
-    }
-    return config;
-  }
-
   private async _loadConfig() {
     try {
       const config = await fetchAutomationFileConfig(
@@ -517,7 +519,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
       );
       this._dirty = false;
       this._readOnly = false;
-      this._config = this._normalizeConfig(config);
+      this._config = normalizeAutomationConfig(config);
       this._checkValidation();
     } catch (err: any) {
       const entityRegistry = await fetchEntityRegistry(this.hass.connection);
@@ -638,6 +640,12 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
     }
   };
 
+  private _substituteBlueprint() {
+    this.renderRoot
+      .querySelector("blueprint-automation-editor")
+      ?.substituteBlueprint();
+  }
+
   private async _duplicate() {
     const result = this._readOnly
       ? await showConfirmationDialog(this, {

src/panels/config/automation/manual-automation-editor.ts

@@ -32,13 +32,15 @@ export class HaManualAutomationEditor extends LitElement {
 
   @property({ type: Boolean }) public disabled = false;
 
+  @property({ type: Boolean }) public readOnly = false;
+
   @property({ attribute: false }) public config!: ManualAutomationConfig;
 
   @property({ attribute: false }) public stateObj?: HassEntity;
 
   protected render() {
     return html`
-      ${this.disabled
+      ${this.readOnly
         ? html`<ha-alert alert-type="warning">
             ${this.hass.localize("ui.panel.config.automation.editor.read_only")}
             <mwc-button slot="action" @click=${this._duplicate}>

src/panels/config/blueprint/blueprint-generic-editor.ts

@@ -29,6 +29,8 @@ export abstract class HaBlueprintGenericEditor extends LitElement {
 
   @property({ type: Boolean }) public disabled = false;
 
+  @property({ type: Boolean }) public dirty = false;
+
   @property({ type: Boolean, reflect: true }) public narrow = false;
 
   @state() protected _blueprints?: Blueprints;

src/translations/en.json

@@ -2759,6 +2759,7 @@
             "unavailable": "Automation is unavailable",
             "migrate": "Migrate",
             "duplicate": "[%key:ui::common::duplicate%]",
+            "subtitute_blueprint": "Take control of automation",
             "run": "[%key:ui::panel::config::automation::editor::actions::run%]",
             "rename": "[%key:ui::panel::config::automation::editor::triggers::rename%]",
             "show_trace": "Traces",