feat: user preferences for archive download size (#10296)

* feat: user preferences for archive download size

* chore: open api

* chore: clean up

---------

Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>

e2e/src/api/specs/user-admin.e2e-spec.ts

@@ -250,18 +250,23 @@ describe('/admin/users', () => {
         .set('Authorization', `Bearer ${admin.accessToken}`);
 
       expect(status).toBe(200);
-      expect(body).toEqual({
+      expect(body).toMatchObject({ avatar: { color: 'orange' } });
-        avatar: { color: 'orange' },
-        memories: { enabled: false },
-        emailNotifications: { enabled: true, albumInvite: true, albumUpdate: true },
-      });
 
       const after = await getUserPreferencesAdmin({ id: admin.userId }, { headers: asBearerAuth(admin.accessToken) });
-      expect(after).toEqual({
+      expect(after).toMatchObject({ avatar: { color: 'orange' } });
-        avatar: { color: 'orange' },
+    });
-        memories: { enabled: false },
+
-        emailNotifications: { enabled: true, albumInvite: true, albumUpdate: true },
+    it('should update download archive size', async () => {
-      });
+      const { status, body } = await request(app)
+        .put(`/admin/users/${admin.userId}/preferences`)
+        .send({ download: { archiveSize: 1_234_567 } })
+        .set('Authorization', `Bearer ${admin.accessToken}`);
+
+      expect(status).toBe(200);
+      expect(body).toMatchObject({ download: { archiveSize: 1_234_567 } });
+
+      const after = await getUserPreferencesAdmin({ id: admin.userId }, { headers: asBearerAuth(admin.accessToken) });
+      expect(after).toMatchObject({ download: { archiveSize: 1_234_567 } });
     });
   });
 

e2e/src/api/specs/user.e2e-spec.ts

@@ -173,6 +173,45 @@ describe('/users', () => {
       const after = await getMyPreferences({ headers: asBearerAuth(admin.accessToken) });
       expect(after).toMatchObject({ memories: { enabled: false } });
     });
+
+    it('should update avatar color', async () => {
+      const { status, body } = await request(app)
+        .put(`/users/me/preferences`)
+        .send({ avatar: { color: 'blue' } })
+        .set('Authorization', `Bearer ${admin.accessToken}`);
+
+      expect(status).toBe(200);
+      expect(body).toMatchObject({ avatar: { color: 'blue' } });
+
+      const after = await getMyPreferences({ headers: asBearerAuth(admin.accessToken) });
+      expect(after).toMatchObject({ avatar: { color: 'blue' } });
+    });
+
+    it('should require an integer for download archive size', async () => {
+      const { status, body } = await request(app)
+        .put(`/users/me/preferences`)
+        .send({ download: { archiveSize: 1_234_567.89 } })
+        .set('Authorization', `Bearer ${admin.accessToken}`);
+
+      expect(status).toBe(400);
+      expect(body).toEqual(errorDto.badRequest(['download.archiveSize must be an integer number']));
+    });
+
+    it('should update download archive size', async () => {
+      const before = await getMyPreferences({ headers: asBearerAuth(admin.accessToken) });
+      expect(before).toMatchObject({ download: { archiveSize: 4 * 2 ** 30 } });
+
+      const { status, body } = await request(app)
+        .put(`/users/me/preferences`)
+        .send({ download: { archiveSize: 1_234_567 } })
+        .set('Authorization', `Bearer ${admin.accessToken}`);
+
+      expect(status).toBe(200);
+      expect(body).toMatchObject({ download: { archiveSize: 1_234_567 } });
+
+      const after = await getMyPreferences({ headers: asBearerAuth(admin.accessToken) });
+      expect(after).toMatchObject({ download: { archiveSize: 1_234_567 } });
+    });
   });
 
   describe('GET /users/:id', () => {

mobile/openapi/README.md

@@ -291,7 +291,9 @@ Class | Method | HTTP request | Description
  - [CreateTagDto](doc//CreateTagDto.md)
  - [DownloadArchiveInfo](doc//DownloadArchiveInfo.md)
  - [DownloadInfoDto](doc//DownloadInfoDto.md)
+ - [DownloadResponse](doc//DownloadResponse.md)
  - [DownloadResponseDto](doc//DownloadResponseDto.md)
+ - [DownloadUpdate](doc//DownloadUpdate.md)
  - [DuplicateDetectionConfig](doc//DuplicateDetectionConfig.md)
  - [DuplicateResponseDto](doc//DuplicateResponseDto.md)
  - [EmailNotificationsResponse](doc//EmailNotificationsResponse.md)

mobile/openapi/lib/api.dart

@@ -118,7 +118,9 @@ part 'model/create_profile_image_response_dto.dart';
 part 'model/create_tag_dto.dart';
 part 'model/download_archive_info.dart';
 part 'model/download_info_dto.dart';
+part 'model/download_response.dart';
 part 'model/download_response_dto.dart';
+part 'model/download_update.dart';
 part 'model/duplicate_detection_config.dart';
 part 'model/duplicate_response_dto.dart';
 part 'model/email_notifications_response.dart';

mobile/openapi/lib/api_client.dart

@@ -298,8 +298,12 @@ class ApiClient {
           return DownloadArchiveInfo.fromJson(value);
         case 'DownloadInfoDto':
           return DownloadInfoDto.fromJson(value);
+        case 'DownloadResponse':
+          return DownloadResponse.fromJson(value);
         case 'DownloadResponseDto':
           return DownloadResponseDto.fromJson(value);
+        case 'DownloadUpdate':
+          return DownloadUpdate.fromJson(value);
         case 'DuplicateDetectionConfig':
           return DuplicateDetectionConfig.fromJson(value);
         case 'DuplicateResponseDto':

mobile/openapi/lib/model/download_response.dart

@@ -0,0 +1,98 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.18
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+part of openapi.api;
+
+class DownloadResponse {
+  /// Returns a new [DownloadResponse] instance.
+  DownloadResponse({
+    required this.archiveSize,
+  });
+
+  int archiveSize;
+
+  @override
+  bool operator ==(Object other) => identical(this, other) || other is DownloadResponse &&
+    other.archiveSize == archiveSize;
+
+  @override
+  int get hashCode =>
+    // ignore: unnecessary_parenthesis
+    (archiveSize.hashCode);
+
+  @override
+  String toString() => 'DownloadResponse[archiveSize=$archiveSize]';
+
+  Map<String, dynamic> toJson() {
+    final json = <String, dynamic>{};
+      json[r'archiveSize'] = this.archiveSize;
+    return json;
+  }
+
+  /// Returns a new [DownloadResponse] instance and imports its values from
+  /// [value] if it's a [Map], null otherwise.
+  // ignore: prefer_constructors_over_static_methods
+  static DownloadResponse? fromJson(dynamic value) {
+    if (value is Map) {
+      final json = value.cast<String, dynamic>();
+
+      return DownloadResponse(
+        archiveSize: mapValueOfType<int>(json, r'archiveSize')!,
+      );
+    }
+    return null;
+  }
+
+  static List<DownloadResponse> listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <DownloadResponse>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = DownloadResponse.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+
+  static Map<String, DownloadResponse> mapFromJson(dynamic json) {
+    final map = <String, DownloadResponse>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = DownloadResponse.fromJson(entry.value);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  // maps a json object with a list of DownloadResponse-objects as value to a dart map
+  static Map<String, List<DownloadResponse>> mapListFromJson(dynamic json, {bool growable = false,}) {
+    final map = <String, List<DownloadResponse>>{};
+    if (json is Map && json.isNotEmpty) {
+      // ignore: parameter_assignments
+      json = json.cast<String, dynamic>();
+      for (final entry in json.entries) {
+        map[entry.key] = DownloadResponse.listFromJson(entry.value, growable: growable,);
+      }
+    }
+    return map;
+  }
+
+  /// The list of required keys that must be present in a JSON.
+  static const requiredKeys = <String>{
+    'archiveSize',
+  };
+}
+

mobile/openapi/lib/model/download_update.dart

@@ -0,0 +1,108 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.18
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+part of openapi.api;
+
+class DownloadUpdate {
+  /// Returns a new [DownloadUpdate] instance.
+  DownloadUpdate({
+    this.archiveSize,
+  });
+
+  /// Minimum value: 1
+  ///
+  /// Please note: This property should have been non-nullable! Since the specification file
+  /// does not include a default value (using the "default:" property), however, the generated
+  /// source code must fall back to having a nullable type.
+  /// Consider adding a "default:" property in the specification file to hide this note.
+  ///
+  int? archiveSize;
+
+  @override
+  bool operator ==(Object other) => identical(this, other) || other is DownloadUpdate &&
+    other.archiveSize == archiveSize;
+
+  @override
+  int get hashCode =>
+    // ignore: unnecessary_parenthesis
+    (archiveSize == null ? 0 : archiveSize!.hashCode);
+
+  @override
+  String toString() => 'DownloadUpdate[archiveSize=$archiveSize]';
+
+  Map<String, dynamic> toJson() {
+    final json = <String, dynamic>{};
+    if (this.archiveSize != null) {
+      json[r'archiveSize'] = this.archiveSize;
+    } else {
+    //  json[r'archiveSize'] = null;
+    }
+    return json;
+  }
+
+  /// Returns a new [DownloadUpdate] instance and imports its values from
+  /// [value] if it's a [Map], null otherwise.
+  // ignore: prefer_constructors_over_static_methods
+  static DownloadUpdate? fromJson(dynamic value) {
+    if (value is Map) {
+      final json = value.cast<String, dynamic>();
+
+      return DownloadUpdate(
+        archiveSize: mapValueOfType<int>(json, r'archiveSize'),
+      );
+    }
+    return null;
+  }
+
+  static List<DownloadUpdate> listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <DownloadUpdate>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = DownloadUpdate.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+
+  static Map<String, DownloadUpdate> mapFromJson(dynamic json) {
+    final map = <String, DownloadUpdate>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = DownloadUpdate.fromJson(entry.value);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  // maps a json object with a list of DownloadUpdate-objects as value to a dart map
+  static Map<String, List<DownloadUpdate>> mapListFromJson(dynamic json, {bool growable = false,}) {
+    final map = <String, List<DownloadUpdate>>{};
+    if (json is Map && json.isNotEmpty) {
+      // ignore: parameter_assignments
+      json = json.cast<String, dynamic>();
+      for (final entry in json.entries) {
+        map[entry.key] = DownloadUpdate.listFromJson(entry.value, growable: growable,);
+      }
+    }
+    return map;
+  }
+
+  /// The list of required keys that must be present in a JSON.
+  static const requiredKeys = <String>{
+  };
+}
+

mobile/openapi/lib/model/user_preferences_response_dto.dart

@@ -14,12 +14,15 @@ class UserPreferencesResponseDto {
   /// Returns a new [UserPreferencesResponseDto] instance.
   UserPreferencesResponseDto({
     required this.avatar,
+    required this.download,
     required this.emailNotifications,
     required this.memories,
   });
 
   AvatarResponse avatar;
 
+  DownloadResponse download;
+
   EmailNotificationsResponse emailNotifications;
 
   MemoryResponse memories;
@@ -27,6 +30,7 @@ class UserPreferencesResponseDto {
   @override
   bool operator ==(Object other) => identical(this, other) || other is UserPreferencesResponseDto &&
     other.avatar == avatar &&
+    other.download == download &&
     other.emailNotifications == emailNotifications &&
     other.memories == memories;
 
@@ -34,15 +38,17 @@ class UserPreferencesResponseDto {
   int get hashCode =>
     // ignore: unnecessary_parenthesis
     (avatar.hashCode) +
+    (download.hashCode) +
     (emailNotifications.hashCode) +
     (memories.hashCode);
 
   @override
-  String toString() => 'UserPreferencesResponseDto[avatar=$avatar, emailNotifications=$emailNotifications, memories=$memories]';
+  String toString() => 'UserPreferencesResponseDto[avatar=$avatar, download=$download, emailNotifications=$emailNotifications, memories=$memories]';
 
   Map<String, dynamic> toJson() {
     final json = <String, dynamic>{};
       json[r'avatar'] = this.avatar;
+      json[r'download'] = this.download;
       json[r'emailNotifications'] = this.emailNotifications;
       json[r'memories'] = this.memories;
     return json;
@@ -57,6 +63,7 @@ class UserPreferencesResponseDto {
 
       return UserPreferencesResponseDto(
         avatar: AvatarResponse.fromJson(json[r'avatar'])!,
+        download: DownloadResponse.fromJson(json[r'download'])!,
         emailNotifications: EmailNotificationsResponse.fromJson(json[r'emailNotifications'])!,
         memories: MemoryResponse.fromJson(json[r'memories'])!,
       );
@@ -107,6 +114,7 @@ class UserPreferencesResponseDto {
   /// The list of required keys that must be present in a JSON.
   static const requiredKeys = <String>{
     'avatar',
+    'download',
     'emailNotifications',
     'memories',
   };

mobile/openapi/lib/model/user_preferences_update_dto.dart

@@ -14,6 +14,7 @@ class UserPreferencesUpdateDto {
   /// Returns a new [UserPreferencesUpdateDto] instance.
   UserPreferencesUpdateDto({
     this.avatar,
+    this.download,
     this.emailNotifications,
     this.memories,
   });
@@ -26,6 +27,14 @@ class UserPreferencesUpdateDto {
   ///
   AvatarUpdate? avatar;
 
+  ///
+  /// Please note: This property should have been non-nullable! Since the specification file
+  /// does not include a default value (using the "default:" property), however, the generated
+  /// source code must fall back to having a nullable type.
+  /// Consider adding a "default:" property in the specification file to hide this note.
+  ///
+  DownloadUpdate? download;
+
   ///
   /// Please note: This property should have been non-nullable! Since the specification file
   /// does not include a default value (using the "default:" property), however, the generated
@@ -45,6 +54,7 @@ class UserPreferencesUpdateDto {
   @override
   bool operator ==(Object other) => identical(this, other) || other is UserPreferencesUpdateDto &&
     other.avatar == avatar &&
+    other.download == download &&
     other.emailNotifications == emailNotifications &&
     other.memories == memories;
 
@@ -52,11 +62,12 @@ class UserPreferencesUpdateDto {
   int get hashCode =>
     // ignore: unnecessary_parenthesis
     (avatar == null ? 0 : avatar!.hashCode) +
+    (download == null ? 0 : download!.hashCode) +
     (emailNotifications == null ? 0 : emailNotifications!.hashCode) +
     (memories == null ? 0 : memories!.hashCode);
 
   @override
-  String toString() => 'UserPreferencesUpdateDto[avatar=$avatar, emailNotifications=$emailNotifications, memories=$memories]';
+  String toString() => 'UserPreferencesUpdateDto[avatar=$avatar, download=$download, emailNotifications=$emailNotifications, memories=$memories]';
 
   Map<String, dynamic> toJson() {
     final json = <String, dynamic>{};
@@ -65,6 +76,11 @@ class UserPreferencesUpdateDto {
     } else {
     //  json[r'avatar'] = null;
     }
+    if (this.download != null) {
+      json[r'download'] = this.download;
+    } else {
+    //  json[r'download'] = null;
+    }
     if (this.emailNotifications != null) {
       json[r'emailNotifications'] = this.emailNotifications;
     } else {
@@ -87,6 +103,7 @@ class UserPreferencesUpdateDto {
 
       return UserPreferencesUpdateDto(
         avatar: AvatarUpdate.fromJson(json[r'avatar']),
+        download: DownloadUpdate.fromJson(json[r'download']),
         emailNotifications: EmailNotificationsUpdate.fromJson(json[r'emailNotifications']),
         memories: MemoryUpdate.fromJson(json[r'memories']),
       );

open-api/immich-openapi-specs.json

@@ -8125,6 +8125,17 @@
         },
         "type": "object"
       },
+      "DownloadResponse": {
+        "properties": {
+          "archiveSize": {
+            "type": "integer"
+          }
+        },
+        "required": [
+          "archiveSize"
+        ],
+        "type": "object"
+      },
       "DownloadResponseDto": {
         "properties": {
           "archives": {
@@ -8143,6 +8154,15 @@
         ],
         "type": "object"
       },
+      "DownloadUpdate": {
+        "properties": {
+          "archiveSize": {
+            "minimum": 1,
+            "type": "integer"
+          }
+        },
+        "type": "object"
+      },
       "DuplicateDetectionConfig": {
         "properties": {
           "enabled": {
@@ -11255,6 +11275,9 @@
           "avatar": {
             "$ref": "#/components/schemas/AvatarResponse"
           },
+          "download": {
+            "$ref": "#/components/schemas/DownloadResponse"
+          },
           "emailNotifications": {
             "$ref": "#/components/schemas/EmailNotificationsResponse"
           },
@@ -11264,6 +11287,7 @@
         },
         "required": [
           "avatar",
+          "download",
           "emailNotifications",
           "memories"
         ],
@@ -11274,6 +11298,9 @@
           "avatar": {
             "$ref": "#/components/schemas/AvatarUpdate"
           },
+          "download": {
+            "$ref": "#/components/schemas/DownloadUpdate"
+          },
           "emailNotifications": {
             "$ref": "#/components/schemas/EmailNotificationsUpdate"
           },

open-api/typescript-sdk/src/fetch-client.ts

@@ -78,6 +78,9 @@ export type UserAdminUpdateDto = {
 export type AvatarResponse = {
     color: UserAvatarColor;
 };
+export type DownloadResponse = {
+    archiveSize: number;
+};
 export type EmailNotificationsResponse = {
     albumInvite: boolean;
     albumUpdate: boolean;
@@ -88,12 +91,16 @@ export type MemoryResponse = {
 };
 export type UserPreferencesResponseDto = {
     avatar: AvatarResponse;
+    download: DownloadResponse;
     emailNotifications: EmailNotificationsResponse;
     memories: MemoryResponse;
 };
 export type AvatarUpdate = {
     color?: UserAvatarColor;
 };
+export type DownloadUpdate = {
+    archiveSize?: number;
+};
 export type EmailNotificationsUpdate = {
     albumInvite?: boolean;
     albumUpdate?: boolean;
@@ -104,6 +111,7 @@ export type MemoryUpdate = {
 };
 export type UserPreferencesUpdateDto = {
     avatar?: AvatarUpdate;
+    download?: DownloadUpdate;
     emailNotifications?: EmailNotificationsUpdate;
     memories?: MemoryUpdate;
 };

server/src/dtos/user-preferences.dto.ts

@@ -1,6 +1,6 @@
 import { ApiProperty } from '@nestjs/swagger';
 import { Type } from 'class-transformer';
-import { IsEnum, ValidateNested } from 'class-validator';
+import { IsEnum, IsInt, IsPositive, ValidateNested } from 'class-validator';
 import { UserAvatarColor, UserPreferences } from 'src/entities/user-metadata.entity';
 import { Optional, ValidateBoolean } from 'src/validation';
 
@@ -27,6 +27,14 @@ class EmailNotificationsUpdate {
   albumUpdate?: boolean;
 }
 
+class DownloadUpdate {
+  @Optional()
+  @IsInt()
+  @IsPositive()
+  @ApiProperty({ type: 'integer' })
+  archiveSize?: number;
+}
+
 export class UserPreferencesUpdateDto {
   @Optional()
   @ValidateNested()
@@ -42,6 +50,11 @@ export class UserPreferencesUpdateDto {
   @ValidateNested()
   @Type(() => EmailNotificationsUpdate)
   emailNotifications?: EmailNotificationsUpdate;
+
+  @Optional()
+  @ValidateNested()
+  @Type(() => DownloadUpdate)
+  download?: DownloadUpdate;
 }
 
 class AvatarResponse {
@@ -59,10 +72,16 @@ class EmailNotificationsResponse {
   albumUpdate!: boolean;
 }
 
+class DownloadResponse {
+  @ApiProperty({ type: 'integer' })
+  archiveSize!: number;
+}
+
 export class UserPreferencesResponseDto implements UserPreferences {
   memories!: MemoryResponse;
   avatar!: AvatarResponse;
   emailNotifications!: EmailNotificationsResponse;
+  download!: DownloadResponse;
 }
 
 export const mapPreferences = (preferences: UserPreferences): UserPreferencesResponseDto => {

server/src/entities/user-metadata.entity.ts

@@ -1,4 +1,5 @@
 import { UserEntity } from 'src/entities/user.entity';
+import { HumanReadableSize } from 'src/utils/bytes';
 import { Column, DeepPartial, Entity, ManyToOne, PrimaryColumn } from 'typeorm';
 
 @Entity('user_metadata')
@@ -41,6 +42,9 @@ export interface UserPreferences {
     albumInvite: boolean;
     albumUpdate: boolean;
   };
+  download: {
+    archiveSize: number;
+  };
 }
 
 export const getDefaultPreferences = (user: { email: string }): UserPreferences => {
@@ -61,6 +65,9 @@ export const getDefaultPreferences = (user: { email: string }): UserPreferences
       albumInvite: true,
       albumUpdate: true,
     },
+    download: {
+      archiveSize: HumanReadableSize.GiB * 4,
+    },
   };
 };
 

web/src/lib/components/user-settings-page/download-settings.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+  import {
+    notificationController,
+    NotificationType,
+  } from '$lib/components/shared-components/notification/notification';
+  import { updateMyPreferences } from '@immich/sdk';
+  import { fade } from 'svelte/transition';
+  import { handleError } from '../../utils/handle-error';
+
+  import { preferences } from '$lib/stores/user.store';
+  import Button from '../elements/buttons/button.svelte';
+  import { t } from 'svelte-i18n';
+  import SettingInputField, {
+    SettingInputFieldType,
+  } from '$lib/components/shared-components/settings/setting-input-field.svelte';
+  import { convertFromBytes, convertToBytes } from '$lib/utils/byte-converter';
+
+  let archiveSize = convertFromBytes($preferences?.download?.archiveSize || 4, 'GiB');
+
+  const handleSave = async () => {
+    try {
+      const dto = { download: { archiveSize: Math.floor(convertToBytes(archiveSize, 'GiB')) } };
+      const newPreferences = await updateMyPreferences({ userPreferencesUpdateDto: dto });
+      $preferences = newPreferences;
+
+      notificationController.show({ message: $t('saved_settings'), type: NotificationType.Info });
+    } catch (error) {
+      handleError(error, $t('errors.unable_to_update_settings'));
+    }
+  };
+</script>
+
+<section class="my-4">
+  <div in:fade={{ duration: 500 }}>
+    <form autocomplete="off" on:submit|preventDefault>
+      <div class="ml-4 mt-4 flex flex-col gap-4">
+        <div class="ml-4">
+          <SettingInputField
+            inputType={SettingInputFieldType.NUMBER}
+            label={$t('archive_size')}
+            desc={$t('archive_size_description')}
+            bind:value={archiveSize}
+          />
+        </div>
+        <div class="flex justify-end">
+          <Button type="submit" size="sm" on:click={() => handleSave()}>{$t('save')}</Button>
+        </div>
+      </div>
+    </form>
+  </div>
+</section>

web/src/lib/components/user-settings-page/user-settings-list.svelte

@@ -17,6 +17,7 @@
   import UserProfileSettings from './user-profile-settings.svelte';
   import NotificationsSettings from '$lib/components/user-settings-page/notifications-settings.svelte';
   import { t } from 'svelte-i18n';
+  import DownloadSettings from '$lib/components/user-settings-page/download-settings.svelte';
 
   export let keys: ApiKeyResponseDto[] = [];
   export let sessions: SessionResponseDto[] = [];
@@ -43,6 +44,14 @@
     <DeviceList bind:devices={sessions} />
   </SettingAccordion>
 
+  <SettingAccordion
+    key="download-settings"
+    title={$t('download_settings')}
+    subtitle={$t('download_settings_description')}
+  >
+    <DownloadSettings />
+  </SettingAccordion>
+
   <SettingAccordion key="memories" title={$t('memories')} subtitle={$t('memories_setting_description')}>
     <MemoriesSettings />
   </SettingAccordion>

web/src/lib/i18n/en.json

@@ -312,6 +312,8 @@
   "appears_in": "Appears in",
   "archive": "Archive",
   "archive_or_unarchive_photo": "Archive or unarchive photo",
+  "archive_size": "Archive Size",
+  "archive_size_description": "Configure the archive size for downloads (in GiB)",
   "archived": "Archived",
   "asset_offline": "Asset offline",
   "assets": "Assets",
@@ -413,6 +415,8 @@
   "display_original_photos_setting_description": "Prefer to display the original photo when viewing an asset rather than thumbnails when the original asset is web-compatible. This may result in slower photo display speeds.",
   "done": "Done",
   "download": "Download",
+  "download_settings": "Download",
+  "download_settings_description": "Manage settings related to asset download",
   "downloading": "Downloading",
   "duplicates": "Duplicates",
   "duration": "Duration",

web/src/lib/utils.ts

@@ -301,3 +301,12 @@ export const handlePromiseError = <T>(promise: Promise<T>): void => {
 export const s = (count: number) => (count === 1 ? '' : 's');
 
 export const memoryLaneTitle = (yearsAgo: number) => `${yearsAgo} year${s(yearsAgo)} ago`;
+
+export const withError = async <T>(fn: () => Promise<T>): Promise<[undefined, T] | [unknown, undefined]> => {
+  try {
+    const result = await fn();
+    return [undefined, result];
+  } catch (error) {
+    return [error, undefined];
+  }
+};

web/src/lib/utils/asset-utils.ts

@@ -5,7 +5,8 @@ import type { AssetInteractionStore } from '$lib/stores/asset-interaction.store'
 import { assetViewingStore } from '$lib/stores/asset-viewing.store';
 import { BucketPosition, isSelectingAllAssets, type AssetStore } from '$lib/stores/assets.store';
 import { downloadManager } from '$lib/stores/download';
-import { downloadRequest, getKey, s } from '$lib/utils';
+import { preferences } from '$lib/stores/user.store';
+import { downloadRequest, getKey, s, withError } from '$lib/utils';
 import { createAlbum } from '$lib/utils/album-utils';
 import { asByteUnitString } from '$lib/utils/byte-units';
 import { encodeHTMLSpecialChars } from '$lib/utils/string-utils';
@@ -20,7 +21,6 @@ import {
   type AssetResponseDto,
   type AssetTypeEnum,
   type DownloadInfoDto,
-  type DownloadResponseDto,
   type UserResponseDto,
 } from '@immich/sdk';
 import { DateTime } from 'luxon';
@@ -94,18 +94,19 @@ export const downloadBlob = (data: Blob, filename: string) => {
   URL.revokeObjectURL(url);
 };
 
-export const downloadArchive = async (fileName: string, options: DownloadInfoDto) => {
+export const downloadArchive = async (fileName: string, options: Omit<DownloadInfoDto, 'archiveSize'>) => {
-  let downloadInfo: DownloadResponseDto | null = null;
+  const $preferences = get(preferences);
+  const dto = { ...options, archiveSize: $preferences.download.archiveSize };
 
-  try {
+  const [error, downloadInfo] = await withError(() => getDownloadInfo({ downloadInfoDto: dto, key: getKey() }));
-    downloadInfo = await getDownloadInfo({ downloadInfoDto: options, key: getKey() });
+  if (error) {
-  } catch (error) {
     handleError(error, 'Unable to download files');
     return;
   }
 
-  // TODO: prompt for big download
+  if (!downloadInfo) {
-  // const total = downloadInfo.totalSize;
+    return;
+  }
 
   for (let index = 0; index < downloadInfo.archives.length; index++) {
     const archive = downloadInfo.archives[index];

web/src/lib/utils/byte-converter.ts

@@ -7,7 +7,7 @@
  * @param unit unit to convert from
  * @returns bytes (number)
  */
-export function convertToBytes(size: number, unit: string): number {
+export function convertToBytes(size: number, unit: 'GiB'): number {
   let bytes = 0;
 
   if (unit === 'GiB') {
@@ -26,7 +26,7 @@ export function convertToBytes(size: number, unit: string): number {
  * @param unit unit to convert to
  * @returns bytes (number)
  */
-export function convertFromBytes(bytes: number, unit: string): number {
+export function convertFromBytes(bytes: number, unit: 'GiB'): number {
   let size = 0;
 
   if (unit === 'GiB') {