refactor(mobile): maplibre (#6087)

* chore: maplibre gl pubspec

* refactor(wip): maplibre for maps

* refactor(wip): dual pane + location button

* chore: remove flutter_map and deps

* refactor(wip): map zoom to location

* refactor: location picker

* open gallery_viewer on marker tap

* remove detectScaleGesture param

* test: debounce and throttle

* chore: rename get location method

* feat(mobile): Adds gps locator to map prompt for easy geolocation (#6282)

* Refactored get gps coords

* Use var for linter's sake, should handle errors better

* Cleanup

* Fix linter issues

* chore(dep): update maplibre to official lib

---------

Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com>
Co-authored-by: Joshua Herrera <joshua.herrera227@gmail.com>

mobile/lib/modules/map/models/map_event.model.dart

@@ -0,0 +1,13 @@
+// ignore_for_file: add-copy-with
+
+sealed class MapEvent {
+  const MapEvent();
+}
+
+class MapAssetsInBoundsUpdated extends MapEvent {
+  final List<String> assetRemoteIds;
+
+  const MapAssetsInBoundsUpdated(this.assetRemoteIds);
+}
+
+class MapCloseBottomSheet extends MapEvent {}

mobile/lib/modules/map/models/map_marker.dart

@@ -0,0 +1,39 @@
+import 'package:maplibre_gl/maplibre_gl.dart';
+import 'package:openapi/api.dart';
+
+class MapMarker {
+  final LatLng latLng;
+  final String assetRemoteId;
+  MapMarker({
+    required this.latLng,
+    required this.assetRemoteId,
+  });
+
+  MapMarker copyWith({
+    LatLng? latLng,
+    String? assetRemoteId,
+  }) {
+    return MapMarker(
+      latLng: latLng ?? this.latLng,
+      assetRemoteId: assetRemoteId ?? this.assetRemoteId,
+    );
+  }
+
+  MapMarker.fromDto(MapMarkerResponseDto dto)
+      : latLng = LatLng(dto.lat, dto.lon),
+        assetRemoteId = dto.id;
+
+  @override
+  String toString() =>
+      'MapMarker(latLng: $latLng, assetRemoteId: $assetRemoteId)';
+
+  @override
+  bool operator ==(covariant MapMarker other) {
+    if (identical(this, other)) return true;
+
+    return other.latLng == latLng && other.assetRemoteId == assetRemoteId;
+  }
+
+  @override
+  int get hashCode => latLng.hashCode ^ assetRemoteId.hashCode;
+}

mobile/lib/modules/map/models/map_page_event.model.dart

@@ -1,40 +0,0 @@
-import 'package:immich_mobile/shared/models/asset.dart';
-
-enum MapPageEventType {
-  mapTap,
-  bottomSheetScrolled,
-  assetsInBoundUpdated,
-  zoomToAsset,
-  zoomToCurrentLocation,
-}
-
-class MapPageEventBase {
-  final MapPageEventType type;
-
-  const MapPageEventBase(this.type);
-}
-
-class MapPageOnTapEvent extends MapPageEventBase {
-  const MapPageOnTapEvent() : super(MapPageEventType.mapTap);
-}
-
-class MapPageAssetsInBoundUpdated extends MapPageEventBase {
-  List<Asset> assets;
-  MapPageAssetsInBoundUpdated(this.assets)
-      : super(MapPageEventType.assetsInBoundUpdated);
-}
-
-class MapPageBottomSheetScrolled extends MapPageEventBase {
-  Asset? asset;
-  MapPageBottomSheetScrolled(this.asset)
-      : super(MapPageEventType.bottomSheetScrolled);
-}
-
-class MapPageZoomToAsset extends MapPageEventBase {
-  Asset? asset;
-  MapPageZoomToAsset(this.asset) : super(MapPageEventType.zoomToAsset);
-}
-
-class MapPageZoomToLocation extends MapPageEventBase {
-  const MapPageZoomToLocation() : super(MapPageEventType.zoomToCurrentLocation);
-}

mobile/lib/modules/map/models/map_state.model.dart

@@ -1,65 +1,71 @@
-import 'package:vector_map_tiles/vector_map_tiles.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
 
 class MapState {
-  final bool isDarkTheme;
+  final ThemeMode themeMode;
   final bool showFavoriteOnly;
   final bool includeArchived;
   final int relativeTime;
-  final Style? mapStyle;
-  final bool isLoading;
+  final bool shouldRefetchMarkers;
+  final AsyncValue<String> lightStyleFetched;
+  final AsyncValue<String> darkStyleFetched;
 
   MapState({
-    this.isDarkTheme = false,
+    this.themeMode = ThemeMode.system,
     this.showFavoriteOnly = false,
     this.includeArchived = false,
     this.relativeTime = 0,
-    this.mapStyle,
-    this.isLoading = false,
+    this.shouldRefetchMarkers = false,
+    this.lightStyleFetched = const AsyncLoading(),
+    this.darkStyleFetched = const AsyncLoading(),
   });
 
   MapState copyWith({
-    bool? isDarkTheme,
+    ThemeMode? themeMode,
     bool? showFavoriteOnly,
     bool? includeArchived,
     int? relativeTime,
-    Style? mapStyle,
-    bool? isLoading,
+    bool? shouldRefetchMarkers,
+    AsyncValue<String>? lightStyleFetched,
+    AsyncValue<String>? darkStyleFetched,
   }) {
     return MapState(
-      isDarkTheme: isDarkTheme ?? this.isDarkTheme,
+      themeMode: themeMode ?? this.themeMode,
       showFavoriteOnly: showFavoriteOnly ?? this.showFavoriteOnly,
       includeArchived: includeArchived ?? this.includeArchived,
       relativeTime: relativeTime ?? this.relativeTime,
-      mapStyle: mapStyle ?? this.mapStyle,
-      isLoading: isLoading ?? this.isLoading,
+      shouldRefetchMarkers: shouldRefetchMarkers ?? this.shouldRefetchMarkers,
+      lightStyleFetched: lightStyleFetched ?? this.lightStyleFetched,
+      darkStyleFetched: darkStyleFetched ?? this.darkStyleFetched,
     );
   }
 
   @override
   String toString() {
-    return 'MapSettingsState(isDarkTheme: $isDarkTheme, showFavoriteOnly: $showFavoriteOnly, relativeTime: $relativeTime, includeArchived: $includeArchived, mapStyle: $mapStyle, isLoading: $isLoading)';
+    return 'MapState(themeMode: $themeMode, showFavoriteOnly: $showFavoriteOnly, includeArchived: $includeArchived, relativeTime: $relativeTime, shouldRefetchMarkers: $shouldRefetchMarkers, lightStyleFetched: $lightStyleFetched, darkStyleFetched: $darkStyleFetched)';
   }
 
   @override
-  bool operator ==(Object other) {
+  bool operator ==(covariant MapState other) {
     if (identical(this, other)) return true;
 
-    return other is MapState &&
-        other.isDarkTheme == isDarkTheme &&
+    return other.themeMode == themeMode &&
         other.showFavoriteOnly == showFavoriteOnly &&
-        other.relativeTime == relativeTime &&
         other.includeArchived == includeArchived &&
-        other.mapStyle == mapStyle &&
-        other.isLoading == isLoading;
+        other.relativeTime == relativeTime &&
+        other.shouldRefetchMarkers == shouldRefetchMarkers &&
+        other.lightStyleFetched == lightStyleFetched &&
+        other.darkStyleFetched == darkStyleFetched;
   }
 
   @override
   int get hashCode {
-    return isDarkTheme.hashCode ^
+    return themeMode.hashCode ^
         showFavoriteOnly.hashCode ^
-        relativeTime.hashCode ^
         includeArchived.hashCode ^
-        mapStyle.hashCode ^
-        isLoading.hashCode;
+        relativeTime.hashCode ^
+        shouldRefetchMarkers.hashCode ^
+        lightStyleFetched.hashCode ^
+        darkStyleFetched.hashCode;
   }
 }