refactor: yeet old timeline (#27666)

* refactor: yank old timeline

# Conflicts:
#	mobile/lib/presentation/pages/editing/drift_edit.page.dart
#	mobile/lib/providers/websocket.provider.dart
#	mobile/lib/routing/router.dart

* more cleanup

* remove native code

* chore: bump sqlite-data version

* remove old background tasks from BGTaskSchedulerPermittedIdentifiers

* rebase

---------

Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com>

mobile/lib/widgets/common/app_bar_dialog/app_bar_dialog.dart

@@ -5,18 +5,15 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart' hide Store;
 import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:immich_mobile/entities/store.entity.dart';
 import 'package:immich_mobile/extensions/build_context_extensions.dart';
-import 'package:immich_mobile/models/backup/backup_state.model.dart';
-import 'package:immich_mobile/providers/asset.provider.dart';
+import 'package:immich_mobile/models/server_info/server_disk_info.model.dart';
+import 'package:immich_mobile/pages/common/settings.page.dart';
 import 'package:immich_mobile/providers/auth.provider.dart';
 import 'package:immich_mobile/providers/backup/backup.provider.dart';
-import 'package:immich_mobile/providers/backup/manual_upload.provider.dart';
 import 'package:immich_mobile/providers/infrastructure/readonly_mode.provider.dart';
 import 'package:immich_mobile/providers/locale_provider.dart';
 import 'package:immich_mobile/providers/user.provider.dart';
 import 'package:immich_mobile/providers/websocket.provider.dart';
-import 'package:immich_mobile/pages/common/settings.page.dart';
 import 'package:immich_mobile/routing/router.dart';
 import 'package:immich_mobile/utils/bytes_units.dart';
 import 'package:immich_mobile/widgets/common/app_bar_dialog/app_bar_profile_info.dart';
@@ -32,7 +29,7 @@ class ImmichAppBarDialog extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     ref.watch(localeProvider);
-    BackUpState backupState = ref.watch(backupProvider);
+    ServerDiskInfo backupState = ref.watch(backupProvider);
     final theme = context.themeData;
     bool isHorizontal = !context.isMobile;
     final horizontalPadding = isHorizontal ? 100.0 : 20.0;
@@ -128,9 +125,6 @@ class ImmichAppBarDialog extends HookConsumerWidget {
                     isLoggingOut.value = true;
                     await ref.read(authProvider.notifier).logout().whenComplete(() => isLoggingOut.value = false);
 
-                    ref.read(manualUploadProvider.notifier).cancelBackup();
-                    ref.read(backupProvider.notifier).cancelBackup();
-                    unawaited(ref.read(assetProvider.notifier).clearAllAssets());
                     ref.read(websocketProvider.notifier).disconnect();
                     unawaited(context.replaceRoute(const LoginRoute()));
                   },
@@ -146,9 +140,9 @@ class ImmichAppBarDialog extends HookConsumerWidget {
     }
 
     Widget buildStorageInformation() {
-      var percentage = backupState.serverInfo.diskUsagePercentage / 100;
-      var usedDiskSpace = backupState.serverInfo.diskUse;
-      var totalDiskSpace = backupState.serverInfo.diskSize;
+      var percentage = backupState.diskUsagePercentage / 100;
+      var usedDiskSpace = backupState.diskUse;
+      var totalDiskSpace = backupState.diskSize;
 
       if (user != null && user.hasQuota) {
         usedDiskSpace = formatBytes(user.quotaUsageInBytes);
@@ -275,7 +269,7 @@ class ImmichAppBarDialog extends HookConsumerWidget {
                     ],
                   ),
                 ),
-                if (Store.isBetaTimelineEnabled && isReadonlyModeEnabled) buildReadonlyMessage(),
+                if (isReadonlyModeEnabled) buildReadonlyMessage(),
                 buildAppLogButton(),
                 buildFreeUpSpaceButton(),
                 buildSettingButton(),

mobile/lib/widgets/common/app_bar_dialog/app_bar_profile_info.dart

@@ -4,7 +4,6 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:image_picker/image_picker.dart';
-import 'package:immich_mobile/entities/store.entity.dart';
 import 'package:immich_mobile/extensions/build_context_extensions.dart';
 import 'package:immich_mobile/extensions/theme_extensions.dart';
 import 'package:immich_mobile/providers/auth.provider.dart';
@@ -62,10 +61,6 @@ class AppBarProfileInfoBox extends HookConsumerWidget {
     }
 
     void toggleReadonlyMode() {
-      // read only mode is only supported int he beta experience
-      // TODO: remove this check when the beta UI goes stable
-      if (!Store.isBetaTimelineEnabled) return;
-
       final isReadonlyModeEnabled = ref.watch(readonlyModeProvider);
       ref.read(readonlyModeProvider.notifier).toggleReadonlyMode();
 

mobile/lib/widgets/common/drag_sheet.dart

@@ -1,54 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:immich_mobile/extensions/build_context_extensions.dart';
-
-class CustomDraggingHandle extends StatelessWidget {
-  const CustomDraggingHandle({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      height: 4,
-      width: 30,
-      decoration: BoxDecoration(
-        color: context.themeData.dividerColor,
-        borderRadius: const BorderRadius.all(Radius.circular(20)),
-      ),
-    );
-  }
-}
-
-class ControlBoxButton extends StatelessWidget {
-  const ControlBoxButton({super.key, required this.label, required this.iconData, this.onPressed, this.onLongPressed});
-
-  final String label;
-  final IconData iconData;
-  final void Function()? onPressed;
-  final void Function()? onLongPressed;
-
-  @override
-  Widget build(BuildContext context) {
-    final minWidth = context.isMobile ? MediaQuery.sizeOf(context).width / 4.5 : 75.0;
-
-    return MaterialButton(
-      padding: const EdgeInsets.all(10),
-      shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(20))),
-      onPressed: onPressed,
-      onLongPress: onLongPressed,
-      minWidth: minWidth,
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.start,
-        crossAxisAlignment: CrossAxisAlignment.center,
-        children: [
-          Icon(iconData, size: 24),
-          const SizedBox(height: 8),
-          Text(
-            label,
-            style: const TextStyle(fontSize: 14.0, fontWeight: FontWeight.w400),
-            maxLines: 3,
-            textAlign: TextAlign.center,
-          ),
-        ],
-      ),
-    );
-  }
-}

mobile/lib/widgets/common/immich_app_bar.dart

@@ -1,170 +0,0 @@
-import 'package:auto_route/auto_route.dart';
-import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/svg.dart';
-import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:immich_mobile/extensions/build_context_extensions.dart';
-import 'package:immich_mobile/models/backup/backup_state.model.dart';
-import 'package:immich_mobile/providers/backup/backup.provider.dart';
-import 'package:immich_mobile/providers/cast.provider.dart';
-import 'package:immich_mobile/providers/server_info.provider.dart';
-import 'package:immich_mobile/providers/user.provider.dart';
-import 'package:immich_mobile/routing/router.dart';
-import 'package:immich_mobile/widgets/asset_viewer/cast_dialog.dart';
-import 'package:immich_mobile/widgets/common/app_bar_dialog/app_bar_dialog.dart';
-import 'package:immich_mobile/widgets/common/user_circle_avatar.dart';
-
-class ImmichAppBar extends ConsumerWidget implements PreferredSizeWidget {
-  @override
-  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
-  final List<Widget>? actions;
-  final bool showUploadButton;
-
-  const ImmichAppBar({super.key, this.actions, this.showUploadButton = true});
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    final BackUpState backupState = ref.watch(backupProvider);
-    final bool isEnableAutoBackup = backupState.backgroundBackup || backupState.autoBackup;
-    final user = ref.watch(currentUserProvider);
-    final bool versionWarningPresent = ref.watch(versionWarningPresentProvider(user));
-    final isDarkTheme = context.isDarkTheme;
-    const widgetSize = 30.0;
-    final isCasting = ref.watch(castProvider.select((c) => c.isCasting));
-
-    buildProfileIndicator() {
-      return InkWell(
-        onTap: () =>
-            showDialog(context: context, useRootNavigator: false, builder: (ctx) => const ImmichAppBarDialog()),
-        borderRadius: const BorderRadius.all(Radius.circular(12)),
-        child: Badge(
-          label: Container(
-            decoration: BoxDecoration(color: Colors.black, borderRadius: BorderRadius.circular(widgetSize / 2)),
-            child: const Icon(Icons.info, color: Color.fromARGB(255, 243, 188, 106), size: widgetSize / 2),
-          ),
-          backgroundColor: Colors.transparent,
-          alignment: Alignment.bottomRight,
-          isLabelVisible: versionWarningPresent,
-          offset: const Offset(-2, -12),
-          child: user == null
-              ? const Icon(Icons.face_outlined, size: widgetSize)
-              : Semantics(
-                  label: "logged_in_as".tr(namedArgs: {"user": user.name}),
-                  child: UserCircleAvatar(size: 32, user: user),
-                ),
-        ),
-      );
-    }
-
-    getBackupBadgeIcon() {
-      final iconColor = isDarkTheme ? Colors.white : Colors.black;
-
-      if (isEnableAutoBackup) {
-        if (backupState.backupProgress == BackUpProgressEnum.inProgress) {
-          return Container(
-            padding: const EdgeInsets.all(3.5),
-            child: CircularProgressIndicator(
-              strokeWidth: 2,
-              strokeCap: StrokeCap.round,
-              valueColor: AlwaysStoppedAnimation<Color>(iconColor),
-              semanticsLabel: 'backup_controller_page_backup'.tr(),
-            ),
-          );
-        } else if (backupState.backupProgress != BackUpProgressEnum.inBackground &&
-            backupState.backupProgress != BackUpProgressEnum.manualInProgress) {
-          return Icon(
-            Icons.check_outlined,
-            size: 9,
-            color: iconColor,
-            semanticLabel: 'backup_controller_page_backup'.tr(),
-          );
-        }
-      }
-
-      if (!isEnableAutoBackup) {
-        return Icon(
-          Icons.cloud_off_rounded,
-          size: 9,
-          color: iconColor,
-          semanticLabel: 'backup_controller_page_backup'.tr(),
-        );
-      }
-    }
-
-    buildBackupIndicator() {
-      final indicatorIcon = getBackupBadgeIcon();
-      final badgeBackground = context.colorScheme.surfaceContainer;
-
-      return InkWell(
-        onTap: () => context.pushRoute(const BackupControllerRoute()),
-        borderRadius: const BorderRadius.all(Radius.circular(12)),
-        child: Badge(
-          label: Container(
-            width: widgetSize / 2,
-            height: widgetSize / 2,
-            decoration: BoxDecoration(
-              color: badgeBackground,
-              border: Border.all(color: context.colorScheme.outline.withValues(alpha: .3)),
-              borderRadius: BorderRadius.circular(widgetSize / 2),
-            ),
-            child: indicatorIcon,
-          ),
-          backgroundColor: Colors.transparent,
-          alignment: Alignment.bottomRight,
-          isLabelVisible: indicatorIcon != null,
-          offset: const Offset(-2, -12),
-          child: Icon(Icons.backup_rounded, size: widgetSize, color: context.primaryColor),
-        ),
-      );
-    }
-
-    return AppBar(
-      backgroundColor: context.themeData.appBarTheme.backgroundColor,
-      shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(5))),
-      automaticallyImplyLeading: false,
-      centerTitle: false,
-      title: Builder(
-        builder: (BuildContext context) {
-          return Row(
-            crossAxisAlignment: CrossAxisAlignment.center,
-            children: [
-              Padding(
-                padding: const EdgeInsets.only(top: 3.0),
-                child: SvgPicture.asset(
-                  context.isDarkTheme ? 'assets/immich-logo-inline-dark.svg' : 'assets/immich-logo-inline-light.svg',
-                  height: 40,
-                ),
-              ),
-              const Tooltip(
-                triggerMode: TooltipTriggerMode.tap,
-                showDuration: Duration(seconds: 4),
-                message:
-                    "The old timeline is deprecated and will be removed in a future release. Kindly switch to the new timeline under Advanced Settings.",
-                child: Padding(
-                  padding: EdgeInsets.only(top: 3.0),
-                  child: Icon(Icons.error_rounded, fill: 1, color: Colors.amber, size: 20),
-                ),
-              ),
-            ],
-          );
-        },
-      ),
-      actions: [
-        if (actions != null)
-          ...actions!.map((action) => Padding(padding: const EdgeInsets.only(right: 16), child: action)),
-        if (isCasting)
-          Padding(
-            padding: const EdgeInsets.only(right: 12),
-            child: IconButton(
-              onPressed: () {
-                showDialog(context: context, builder: (context) => const CastDialog());
-              },
-              icon: Icon(isCasting ? Icons.cast_connected_rounded : Icons.cast_rounded),
-            ),
-          ),
-        if (showUploadButton) Padding(padding: const EdgeInsets.only(right: 20), child: buildBackupIndicator()),
-        Padding(padding: const EdgeInsets.only(right: 20), child: buildProfileIndicator()),
-      ],
-    );
-  }
-}

mobile/lib/widgets/common/immich_image.dart

@@ -1,100 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:immich_mobile/domain/models/asset/base_asset.model.dart' as base_asset;
-import 'package:immich_mobile/domain/models/store.model.dart';
-import 'package:immich_mobile/entities/asset.entity.dart';
-import 'package:immich_mobile/entities/store.entity.dart';
-import 'package:immich_mobile/extensions/build_context_extensions.dart';
-import 'package:immich_mobile/presentation/widgets/images/local_image_provider.dart';
-import 'package:immich_mobile/presentation/widgets/images/remote_image_provider.dart';
-import 'package:immich_mobile/widgets/asset_grid/thumbnail_placeholder.dart';
-import 'package:octo_image/octo_image.dart';
-
-class ImmichImage extends StatelessWidget {
-  const ImmichImage(
-    this.asset, {
-    this.width,
-    this.height,
-    this.fit = BoxFit.cover,
-    this.placeholder = const ThumbnailPlaceholder(),
-    super.key,
-  });
-
-  final Asset? asset;
-  final Widget? placeholder;
-  final double? width;
-  final double? height;
-  final BoxFit fit;
-
-  // Helper function to return the image provider for the asset
-  // either by using the asset ID or the asset itself
-  /// [asset] is the Asset to request, or else use [assetId] to get a remote
-  /// image provider
-  static ImageProvider imageProvider({Asset? asset, String? assetId, double width = 1080, double height = 1920}) {
-    if (asset == null && assetId == null) {
-      throw Exception('Must supply either asset or assetId');
-    }
-
-    if (asset == null) {
-      return RemoteFullImageProvider(
-        assetId: assetId!,
-        thumbhash: '',
-        assetType: base_asset.AssetType.video,
-        isAnimated: false,
-      );
-    }
-
-    if (useLocal(asset)) {
-      return LocalFullImageProvider(
-        id: asset.localId!,
-        assetType: base_asset.AssetType.video,
-        size: Size(width, height),
-        isAnimated: false,
-      );
-    } else {
-      return RemoteFullImageProvider(
-        assetId: asset.remoteId!,
-        thumbhash: asset.thumbhash ?? '',
-        assetType: base_asset.AssetType.video,
-        isAnimated: false,
-      );
-    }
-  }
-
-  // Whether to use the local asset image provider or a remote one
-  static bool useLocal(Asset asset) =>
-      !asset.isRemote || asset.isLocal && !Store.get(StoreKey.preferRemoteImage, false);
-
-  @override
-  Widget build(BuildContext context) {
-    if (asset == null) {
-      return Container(
-        color: Colors.grey,
-        width: width,
-        height: height,
-        child: const Center(child: Icon(Icons.no_photography)),
-      );
-    }
-
-    final imageProviderInstance = ImmichImage.imageProvider(asset: asset, width: context.width, height: context.height);
-
-    return OctoImage(
-      fadeInDuration: const Duration(milliseconds: 0),
-      fadeOutDuration: const Duration(milliseconds: 100),
-      placeholderBuilder: (context) {
-        if (placeholder != null) {
-          return placeholder!;
-        }
-        return const SizedBox();
-      },
-      image: imageProviderInstance,
-      width: width,
-      height: height,
-      fit: fit,
-      errorBuilder: (context, error, stackTrace) {
-        imageProviderInstance.evict();
-
-        return Icon(Icons.image_not_supported_outlined, size: 32, color: Colors.red[200]);
-      },
-    );
-  }
-}

mobile/lib/widgets/common/immich_thumbnail.dart

@@ -1,88 +0,0 @@
-import 'dart:typed_data';
-
-import 'package:flutter/material.dart';
-import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:immich_mobile/presentation/widgets/images/local_image_provider.dart';
-import 'package:immich_mobile/presentation/widgets/images/remote_image_provider.dart';
-import 'package:immich_mobile/entities/asset.entity.dart';
-import 'package:immich_mobile/utils/hooks/blurhash_hook.dart';
-import 'package:immich_mobile/utils/thumbnail_utils.dart';
-import 'package:immich_mobile/widgets/common/immich_image.dart';
-import 'package:immich_mobile/widgets/common/thumbhash_placeholder.dart';
-import 'package:octo_image/octo_image.dart';
-import 'package:immich_mobile/domain/models/asset/base_asset.model.dart' as base_asset;
-
-class ImmichThumbnail extends HookConsumerWidget {
-  const ImmichThumbnail({this.asset, this.width = 250, this.height = 250, this.fit = BoxFit.cover, super.key});
-
-  final Asset? asset;
-  final double width;
-  final double height;
-  final BoxFit fit;
-
-  /// Helper function to return the image provider for the asset thumbnail
-  /// either by using the asset ID or the asset itself
-  /// [asset] is the Asset to request, or else use [assetId] to get a remote
-  /// image provider
-  static ImageProvider imageProvider({Asset? asset, String? assetId, int thumbnailSize = 256}) {
-    if (asset == null && assetId == null) {
-      throw Exception('Must supply either asset or assetId');
-    }
-
-    if (asset == null) {
-      return RemoteImageProvider.thumbnail(assetId: assetId!, thumbhash: "");
-    }
-
-    if (ImmichImage.useLocal(asset)) {
-      return LocalThumbProvider(
-        id: asset.localId!,
-        assetType: base_asset.AssetType.video,
-        size: Size(thumbnailSize.toDouble(), thumbnailSize.toDouble()),
-      );
-    } else {
-      return RemoteImageProvider.thumbnail(assetId: asset.remoteId!, thumbhash: asset.thumbhash ?? "");
-    }
-  }
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    Uint8List? blurhash = useBlurHashRef(asset).value;
-
-    if (asset == null) {
-      return Container(
-        color: Colors.grey,
-        width: width,
-        height: height,
-        child: const Center(child: Icon(Icons.no_photography)),
-      );
-    }
-
-    final assetAltText = getAltText(asset!.exifInfo, asset!.fileCreatedAt, asset!.type, []);
-
-    final thumbnailProviderInstance = ImmichThumbnail.imageProvider(asset: asset);
-
-    customErrorBuilder(BuildContext ctx, Object error, StackTrace? stackTrace) {
-      thumbnailProviderInstance.evict();
-
-      final originalErrorWidgetBuilder = blurHashErrorBuilder(blurhash, fit: fit);
-      return originalErrorWidgetBuilder(ctx, error, stackTrace);
-    }
-
-    return Semantics(
-      label: assetAltText,
-      child: OctoImage.fromSet(
-        placeholderFadeInDuration: Duration.zero,
-        fadeInDuration: Duration.zero,
-        fadeOutDuration: const Duration(milliseconds: 100),
-        octoSet: OctoSet(
-          placeholderBuilder: blurHashPlaceholderBuilder(blurhash, fit: fit),
-          errorBuilder: customErrorBuilder,
-        ),
-        image: thumbnailProviderInstance,
-        width: width,
-        height: height,
-        fit: fit,
-      ),
-    );
-  }
-}

mobile/lib/widgets/common/share_dialog.dart

@@ -1,19 +0,0 @@
-import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
-
-class ShareDialog extends StatelessWidget {
-  const ShareDialog({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return AlertDialog(
-      content: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          const CircularProgressIndicator(),
-          Container(margin: const EdgeInsets.only(top: 12), child: const Text('share_dialog_preparing').tr()),
-        ],
-      ),
-    );
-  }
-}

mobile/lib/widgets/common/thumbhash_placeholder.dart

@@ -4,15 +4,6 @@ import 'package:immich_mobile/widgets/asset_grid/thumbnail_placeholder.dart';
 import 'package:immich_mobile/widgets/common/fade_in_placeholder_image.dart';
 import 'package:octo_image/octo_image.dart';
 
-/// Simple set to show [OctoPlaceholder.circularProgressIndicator] as
-/// placeholder and [OctoError.icon] as error.
-OctoSet blurHashOrPlaceholder(Uint8List? blurhash, {BoxFit? fit, Text? errorMessage}) {
-  return OctoSet(
-    placeholderBuilder: blurHashPlaceholderBuilder(blurhash, fit: fit),
-    errorBuilder: blurHashErrorBuilder(blurhash, fit: fit, message: errorMessage),
-  );
-}
-
 OctoPlaceholderBuilder blurHashPlaceholderBuilder(Uint8List? blurhash, {BoxFit? fit}) {
   return (context) => blurhash == null
       ? const ThumbnailPlaceholder()