File messages on timeline (#311)

* Create media player screen * Introduce `FileCache` to cache message attachments * Add file loading functionality into the media provider * Process tap action on timeline items * Pass item taps to view model * Navigate to media player on view model callback * Commit project file * Add changelog * Add file messages into the timeline * Create file preview screen * Display files in the preview screen * Commit project file * Update Rust SDK to 1.0.19-alpha * Add changelog * Bump the RustSDK to `v1.0.20-alpha` * Configure audio session on video playback Co-authored-by: Stefan Ceriu <stefanc@matrix.org>
2026-11-04 10:33:45 +00:00 · 2022-11-16 14:34:37 +03:00
parent ce6b0041d2
commit 287fa4cad5
30 changed files with 1019 additions and 61 deletions
@@ -65,6 +65,8 @@ final class RoomScreenCoordinator: Coordinator, Presentable {
            switch result {
            case .displayVideo(let videoURL):
                self.displayVideo(for: videoURL)
+            case .displayFile(let fileURL, let title):
+                self.displayFile(for: fileURL, with: title)
            }
        }
    }
@@ -94,4 +96,20 @@ final class RoomScreenCoordinator: Coordinator, Presentable {
            self?.remove(childCoordinator: coordinator)
        }
    }
+
+    private func displayFile(for fileURL: URL, with title: String?) {
+        let params = FilePreviewCoordinatorParameters(fileURL: fileURL, title: title)
+        let coordinator = FilePreviewCoordinator(parameters: params)
+        coordinator.callback = { [weak self, weak coordinator] _ in
+            guard let self, let coordinator = coordinator else { return }
+            self.navigationRouter.popModule(animated: true)
+            self.remove(childCoordinator: coordinator)
+        }
+
+        add(childCoordinator: coordinator)
+        coordinator.start()
+        navigationRouter.push(coordinator) { [weak self] in
+            self?.remove(childCoordinator: coordinator)
+        }
+    }
 }
@@ -19,6 +19,7 @@ import UIKit

 enum RoomScreenViewModelAction {
    case displayVideo(videoURL: URL)
+    case displayFile(fileURL: URL, title: String?)
 }

 enum RoomScreenComposerMode: Equatable {
@@ -126,10 +126,11 @@ class RoomScreenViewModel: RoomScreenViewModelType, RoomScreenViewModelProtocol
        switch action {
        case .displayVideo(let videoURL):
            callback?(.displayVideo(videoURL: videoURL))
+        case .displayFile(let fileURL, let title):
+            callback?(.displayFile(fileURL: fileURL, title: title))
        case .none:
            break
        }
-
        state.showLoading = false
    }
    
@@ -0,0 +1,81 @@
+//
+// Copyright 2022 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import Foundation
+import SwiftUI
+
+struct FileRoomTimelineView: View {
+    let timelineItem: FileRoomTimelineItem
+    
+    var body: some View {
+        TimelineStyler(timelineItem: timelineItem) {
+            HStack {
+                Image(systemName: "doc.text.fill")
+                    .foregroundColor(.element.primaryContent)
+                FormattedBodyText(text: timelineItem.text)
+            }
+            .padding(.vertical, 12)
+            .padding(.horizontal, 6)
+        }
+        .id(timelineItem.id)
+    }
+}
+
+struct FileRoomTimelineView_Previews: PreviewProvider {
+    static var previews: some View {
+        body.preferredColorScheme(.light)
+        body.preferredColorScheme(.dark)
+        body.preferredColorScheme(.light)
+            .timelineStyle(.plain)
+        body.preferredColorScheme(.dark)
+            .timelineStyle(.plain)
+    }
+
+    @ViewBuilder
+    static var body: some View {
+        VStack(spacing: 20.0) {
+            FileRoomTimelineView(timelineItem: FileRoomTimelineItem(id: UUID().uuidString,
+                                                                    text: "document.pdf",
+                                                                    timestamp: "Now",
+                                                                    inGroupState: .single,
+                                                                    isOutgoing: false,
+                                                                    isEditable: false,
+                                                                    senderId: "Bob",
+                                                                    source: nil,
+                                                                    thumbnailSource: nil))
+
+            FileRoomTimelineView(timelineItem: FileRoomTimelineItem(id: UUID().uuidString,
+                                                                    text: "document.docx",
+                                                                    timestamp: "Now",
+                                                                    inGroupState: .single,
+                                                                    isOutgoing: false,
+                                                                    isEditable: false,
+                                                                    senderId: "Bob",
+                                                                    source: nil,
+                                                                    thumbnailSource: nil))
+            
+            FileRoomTimelineView(timelineItem: FileRoomTimelineItem(id: UUID().uuidString,
+                                                                    text: "document.txt",
+                                                                    timestamp: "Now",
+                                                                    inGroupState: .single,
+                                                                    isOutgoing: false,
+                                                                    isEditable: false,
+                                                                    senderId: "Bob",
+                                                                    source: nil,
+                                                                    thumbnailSource: nil))
+        }
+    }
+}