Handle missing hass with backup upload during onboarding (#10523)

hassio/src/components/hassio-upload-backup.ts

@@ -16,11 +16,9 @@ declare global {
   }
 }
 
-const MAX_FILE_SIZE = 1 * 1024 * 1024 * 1024; // 1GB
-
 @customElement("hassio-upload-backup")
 export class HassioUploadBackup extends LitElement {
-  public hass!: HomeAssistant;
+  public hass?: HomeAssistant;
 
   @state() public value: string | null = null;
 
@@ -43,20 +41,6 @@ export class HassioUploadBackup extends LitElement {
   private async _uploadFile(ev) {
     const file = ev.detail.files[0];
 
-    if (file.size > MAX_FILE_SIZE) {
-      showAlertDialog(this, {
-        title: "Backup file is too big",
-        text: html`The maximum allowed filesize is 1GB.<br />
-          <a
-            href="https://www.home-assistant.io/hassio/haos_common_tasks/#restoring-a-backup-on-a-new-install"
-            target="_blank"
-            >Have a look here on how to restore it.</a
-          >`,
-        confirmText: "ok",
-      });
-      return;
-    }
-
     if (!["application/x-tar"].includes(file.type)) {
       showAlertDialog(this, {
         title: "Unsupported file format",

hassio/src/dialogs/backup/dialog-hassio-backup-upload.ts

@@ -15,7 +15,7 @@ export class DialogHassioBackupUpload
   extends LitElement
   implements HassDialog<HassioBackupUploadDialogParams>
 {
-  @property({ attribute: false }) public hass!: HomeAssistant;
+  @property({ attribute: false }) public hass?: HomeAssistant;
 
   @state() private _params?: HassioBackupUploadDialogParams;
 
@@ -54,7 +54,7 @@ export class DialogHassioBackupUpload
           <ha-header-bar>
             <span slot="title"> Upload backup </span>
             <ha-icon-button
-              .label=${this.hass.localize("common.close")}
+              .label=${this.hass?.localize("common.close") || "close"}
               .path=${mdiClose}
               slot="actionItems"
               dialogAction="cancel"

hassio/src/dialogs/backup/dialog-hassio-backup.ts

@@ -35,7 +35,7 @@ class HassioBackupDialog
   extends LitElement
   implements HassDialog<HassioBackupDialogParams>
 {
-  @property({ attribute: false }) public hass!: HomeAssistant;
+  @property({ attribute: false }) public hass?: HomeAssistant;
 
   @state() private _error?: string;
 
@@ -77,7 +77,7 @@ class HassioBackupDialog
           <ha-header-bar>
             <span slot="title">${this._backup.name}</span>
             <ha-icon-button
-              .label=${this.hass.localize("common.close")}
+              .label=${this.hass?.localize("common.close") || "close"}
               .path=${mdiClose}
               slot="actionItems"
               dialogAction="cancel"
@@ -114,7 +114,7 @@ class HassioBackupDialog
               @closed=${stopPropagation}
             >
               <ha-icon-button
-                .label=${this.hass.localize("common.menu")}
+                .label=${this.hass!.localize("common.menu")}
                 .path=${mdiDotsVertical}
                 slot="trigger"
               ></ha-icon-button>
@@ -192,25 +192,23 @@ class HassioBackupDialog
     }
 
     if (!this._dialogParams?.onboarding) {
-      this.hass
+      this.hass!.callApi(
-        .callApi(
+        "POST",
-          "POST",
 
-          `hassio/${
+        `hassio/${
-            atLeastVersion(this.hass.config.version, 2021, 9)
+          atLeastVersion(this.hass!.config.version, 2021, 9)
-              ? "backups"
+            ? "backups"
-              : "snapshots"
+            : "snapshots"
-          }/${this._backup!.slug}/restore/partial`,
+        }/${this._backup!.slug}/restore/partial`,
-          backupDetails
+        backupDetails
-        )
+      ).then(
-        .then(
+        () => {
-          () => {
+          this.closeDialog();
-            this.closeDialog();
+        },
-          },
+        (error) => {
-          (error) => {
+          this._error = error.body.message;
-            this._error = error.body.message;
+        }
-          }
+      );
-        );
     } else {
       fireEvent(this, "restoring");
       fetch(`/api/hassio/backups/${this._backup!.slug}/restore/partial`, {
@@ -244,24 +242,22 @@ class HassioBackupDialog
     }
 
     if (!this._dialogParams?.onboarding) {
-      this.hass
+      this.hass!.callApi(
-        .callApi(
+        "POST",
-          "POST",
+        `hassio/${
-          `hassio/${
+          atLeastVersion(this.hass!.config.version, 2021, 9)
-            atLeastVersion(this.hass.config.version, 2021, 9)
+            ? "backups"
-              ? "backups"
+            : "snapshots"
-              : "snapshots"
+        }/${this._backup!.slug}/restore/full`,
-          }/${this._backup!.slug}/restore/full`,
+        backupDetails
-          backupDetails
+      ).then(
-        )
+        () => {
-        .then(
+          this.closeDialog();
-          () => {
+        },
-            this.closeDialog();
+        (error) => {
-          },
+          this._error = error.body.message;
-          (error) => {
+        }
-            this._error = error.body.message;
+      );
-          }
-        );
     } else {
       fireEvent(this, "restoring");
       fetch(`/api/hassio/backups/${this._backup!.slug}/restore/full`, {
@@ -283,36 +279,33 @@ class HassioBackupDialog
       return;
     }
 
-    this.hass
+    this.hass!.callApi(
-
+      atLeastVersion(this.hass!.config.version, 2021, 9) ? "DELETE" : "POST",
-      .callApi(
+      `hassio/${
-        atLeastVersion(this.hass.config.version, 2021, 9) ? "DELETE" : "POST",
+        atLeastVersion(this.hass!.config.version, 2021, 9)
-        `hassio/${
+          ? `backups/${this._backup!.slug}`
-          atLeastVersion(this.hass.config.version, 2021, 9)
+          : `snapshots/${this._backup!.slug}/remove`
-            ? `backups/${this._backup!.slug}`
+      }`
-            : `snapshots/${this._backup!.slug}/remove`
+    ).then(
-        }`
+      () => {
-      )
+        if (this._dialogParams!.onDelete) {
-      .then(
+          this._dialogParams!.onDelete();
-        () => {
-          if (this._dialogParams!.onDelete) {
-            this._dialogParams!.onDelete();
-          }
-          this.closeDialog();
-        },
-        (error) => {
-          this._error = error.body.message;
         }
-      );
+        this.closeDialog();
+      },
+      (error) => {
+        this._error = error.body.message;
+      }
+    );
   }
 
   private async _downloadClicked() {
     let signedPath: { path: string };
     try {
       signedPath = await getSignedPath(
-        this.hass,
+        this.hass!,
         `/api/hassio/${
-          atLeastVersion(this.hass.config.version, 2021, 9)
+          atLeastVersion(this.hass!.config.version, 2021, 9)
             ? "backups"
             : "snapshots"
         }/${this._backup!.slug}/download`

src/components/ha-file-upload.ts

@@ -17,7 +17,7 @@ declare global {
 
 @customElement("ha-file-upload")
 export class HaFileUpload extends LitElement {
-  @property({ attribute: false }) public hass!: HomeAssistant;
+  @property({ attribute: false }) public hass?: HomeAssistant;
 
   @property() public accept!: string;
 
@@ -88,7 +88,8 @@ export class HaFileUpload extends LitElement {
                       <ha-icon-button
                         slot="suffix"
                         @click=${this._clearValue}
-                        .label=${this.hass.localize("ui.common.close")}
+                        .label=${this.hass?.localize("ui.common.close") ||
+                        "close"}
                         .path=${mdiClose}
                       ></ha-icon-button>
                     `

src/data/hassio/backup.ts

@@ -79,7 +79,7 @@ export const fetchHassioBackups = async (
 };
 
 export const fetchHassioBackupInfo = async (
-  hass: HomeAssistant,
+  hass: HomeAssistant | undefined,
   backup: string
 ): Promise<HassioBackupDetail> => {
   if (hass) {
@@ -202,7 +202,7 @@ export const createHassioPartialBackup = async (
 };
 
 export const uploadBackup = async (
-  hass: HomeAssistant,
+  hass: HomeAssistant | undefined,
   file: File
 ): Promise<HassioResponse<HassioBackup>> => {
   const fd = new FormData();