Video playback (#308)

* 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

* Rename media to video

* Add a loader when large videos being processed

* Add back button explicitly on video screen, fixes for light scheme

* Handle right swipe to dismiss video

ElementX/Sources/Screens/RoomScreen/View/RoomScreen.swift

@@ -20,30 +20,41 @@ struct RoomScreen: View {
     @ObservedObject var context: RoomScreenViewModel.Context
     
     var body: some View {
-        VStack(spacing: 0.0) {
-            TimelineView()
-                .environmentObject(context)
-            
-            MessageComposer(text: $context.composerText,
-                            focused: $context.composerFocused,
-                            sendingDisabled: context.viewState.sendButtonDisabled,
-                            type: context.viewState.composerMode) {
-                sendMessage()
-            } replyCancellationAction: {
-                context.send(viewAction: .cancelReply)
-            } editCancellationAction: {
-                context.send(viewAction: .cancelEdit)
+        ZStack {
+            VStack(spacing: 0.0) {
+                TimelineView()
+                    .environmentObject(context)
+
+                MessageComposer(text: $context.composerText,
+                                focused: $context.composerFocused,
+                                sendingDisabled: context.viewState.sendButtonDisabled,
+                                type: context.viewState.composerMode) {
+                    sendMessage()
+                } replyCancellationAction: {
+                    context.send(viewAction: .cancelReply)
+                } editCancellationAction: {
+                    context.send(viewAction: .cancelEdit)
+                }
+                .padding()
             }
-            .padding()
-        }
-        .navigationBarTitleDisplayMode(.inline)
-        .toolbar {
-            ToolbarItem(placement: .navigationBarLeading) {
-                RoomHeaderView(context: context)
+            .navigationBarTitleDisplayMode(.inline)
+            .toolbar {
+                ToolbarItem(placement: .navigationBarLeading) {
+                    RoomHeaderView(context: context)
+                }
+            }
+            .alert(item: $context.alertInfo) { $0.alert }
+            .sheet(item: $context.debugInfo) { DebugScreen(info: $0) }
+
+            if context.viewState.showLoading {
+                ProgressView()
+                    .progressViewStyle(.circular)
+                    .tint(.element.primaryContent)
+                    .padding(16)
+                    .background(Color.element.quinaryContent)
+                    .cornerRadius(8)
             }
         }
-        .alert(item: $context.alertInfo) { $0.alert }
-        .sheet(item: $context.debugInfo) { DebugScreen(info: $0) }
     }
     
     private func sendMessage() {

ElementX/Sources/Screens/RoomScreen/View/TimelineItemList.swift

@@ -76,6 +76,9 @@ struct TimelineItemList: View {
                                 context.send(viewAction: .linkClicked(url: url))
                                 return .systemAction
                             })
+                            .onTapGesture {
+                                context.send(viewAction: .itemTapped(id: item.id))
+                            }
                     }
                 }
             }
@@ -173,6 +176,9 @@ struct TimelineItemList: View {
     }
     
     private func requestBackPagination() {
+        guard !context.viewState.isBackPaginating else {
+            return
+        }
         context.send(viewAction: .loadPreviousPage)
     }