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,18 +192,16 @@ class HassioBackupDialog
     }
 
     if (!this._dialogParams?.onboarding) {
-      this.hass
+      this.hass!.callApi(
-        .callApi(
         "POST",
 
         `hassio/${
-            atLeastVersion(this.hass.config.version, 2021, 9)
+          atLeastVersion(this.hass!.config.version, 2021, 9)
             ? "backups"
             : "snapshots"
         }/${this._backup!.slug}/restore/partial`,
         backupDetails
-        )
+      ).then(
-        .then(
         () => {
           this.closeDialog();
         },
@@ -244,17 +242,15 @@ class HassioBackupDialog
     }
 
     if (!this._dialogParams?.onboarding) {
-      this.hass
+      this.hass!.callApi(
-        .callApi(
         "POST",
         `hassio/${
-            atLeastVersion(this.hass.config.version, 2021, 9)
+          atLeastVersion(this.hass!.config.version, 2021, 9)
             ? "backups"
             : "snapshots"
         }/${this._backup!.slug}/restore/full`,
         backupDetails
-        )
+      ).then(
-        .then(
         () => {
           this.closeDialog();
         },
@@ -283,17 +279,14 @@ class HassioBackupDialog
       return;
     }
 
-    this.hass
+    this.hass!.callApi(
-
+      atLeastVersion(this.hass!.config.version, 2021, 9) ? "DELETE" : "POST",
-      .callApi(
-        atLeastVersion(this.hass.config.version, 2021, 9) ? "DELETE" : "POST",
       `hassio/${
-          atLeastVersion(this.hass.config.version, 2021, 9)
+        atLeastVersion(this.hass!.config.version, 2021, 9)
           ? `backups/${this._backup!.slug}`
           : `snapshots/${this._backup!.slug}/remove`
       }`
-      )
+    ).then(
-      .then(
       () => {
         if (this._dialogParams!.onDelete) {
           this._dialogParams!.onDelete();
@@ -310,9 +303,9 @@ class HassioBackupDialog
     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();