Image viewer (#338)

* Resume other app's music when video playback finished

* Remove old media player

* Add `isModallyPresented` into the video player screen

* Create image viewer screen

* Add test screen identifier

* Display image viewer when message tapped

* Fix template script unit test path

* Tweaks on scaling

* Commit project file

* Add changelog

* Ignore safe areas on the file preview screen

* Display images in preview

* Remove image viewer screen

Co-authored-by: Stefan Ceriu <stefanc@matrix.org>

ElementX/Sources/Services/Timeline/RoomTimelineController.swift

@@ -114,6 +114,16 @@ class RoomTimelineController: RoomTimelineControllerProtocol {
         }
 
         switch timelineItem {
+        case let item as ImageRoomTimelineItem:
+            await loadFileForImageTimelineItem(item)
+            guard let index = timelineItems.firstIndex(where: { $0.id == itemId }),
+                  let item = timelineItems[index] as? ImageRoomTimelineItem else {
+                return .none
+            }
+            if let fileURL = item.cachedFileURL {
+                return .displayFile(fileURL: fileURL, title: item.text)
+            }
+            return .none
         case let item as VideoRoomTimelineItem:
             await loadVideoForTimelineItem(item)
             guard let index = timelineItems.firstIndex(where: { $0.id == itemId }),
@@ -349,6 +359,34 @@ class RoomTimelineController: RoomTimelineControllerProtocol {
         }
     }
 
+    private func loadFileForImageTimelineItem(_ timelineItem: ImageRoomTimelineItem) async {
+        if timelineItem.cachedFileURL != nil {
+            // already cached
+            return
+        }
+
+        guard let source = timelineItem.source else {
+            return
+        }
+
+        // This is not great. We could better estimate file extension from the mimetype.
+        guard let fileExtension = timelineItem.text.split(separator: ".").last else {
+            return
+        }
+        switch await mediaProvider.loadFileFromSource(source, fileExtension: String(fileExtension)) {
+        case .success(let fileURL):
+            guard let index = timelineItems.firstIndex(where: { $0.id == timelineItem.id }),
+                  var item = timelineItems[index] as? ImageRoomTimelineItem else {
+                return
+            }
+
+            item.cachedFileURL = fileURL
+            timelineItems[index] = item
+        case .failure:
+            break
+        }
+    }
+
     private func loadFileForTimelineItem(_ timelineItem: FileRoomTimelineItem) async {
         if timelineItem.cachedFileURL != nil {
             // already cached

ElementX/Sources/Services/Timeline/RoomTimelineControllerProtocol.swift

@@ -16,6 +16,7 @@
 
 import Combine
 import Foundation
+import UIKit
 
 enum RoomTimelineControllerCallback {
     case updatedTimelineItems

ElementX/Sources/Services/Timeline/TimelineItems/Items/ImageRoomTimelineItem.swift

@@ -31,6 +31,7 @@ struct ImageRoomTimelineItem: EventBasedTimelineItemProtocol, Identifiable, Equa
     
     let source: MediaSourceProxy?
     var image: UIImage?
+    var cachedFileURL: URL?
     
     var width: CGFloat?
     var height: CGFloat?