Media gallery - support for files and voice messages (#3605)

* Move the voice message views to where they belong * Add separate struct for each media events timeline view * Add support for all the different media gallery message types and get the files section working
2026-11-04 10:33:45 +00:00 · 2024-12-12 10:02:10 +02:00
parent 606eb0a30a
commit 114255c5ec
30 changed files with 374 additions and 112 deletions
@@ -0,0 +1,88 @@
+//
+// Copyright 2023, 2024 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+// Please see LICENSE in the repository root for full details.
+//
+
+import Foundation
+import SwiftUI
+
+struct VoiceMessageRoomTimelineView: View {
+    @Environment(\.timelineContext) private var context
+    private let timelineItem: VoiceMessageRoomTimelineItem
+    private let playerState: AudioPlayerState
+    @State private var resumePlaybackAfterScrubbing = false
+    
+    init(timelineItem: VoiceMessageRoomTimelineItem, playerState: AudioPlayerState) {
+        self.timelineItem = timelineItem
+        self.playerState = playerState
+    }
+    
+    var body: some View {
+        TimelineStyler(timelineItem: timelineItem) {
+            VoiceMessageRoomPlaybackView(playerState: playerState,
+                                         onPlayPause: onPlaybackPlayPause,
+                                         onSeek: { onPlaybackSeek($0) },
+                                         onScrubbing: { onPlaybackScrubbing($0) })
+                .fixedSize(horizontal: false, vertical: true)
+                .frame(maxWidth: 400)
+        }
+    }
+    
+    private func onPlaybackPlayPause() {
+        context?.send(viewAction: .handleAudioPlayerAction(.playPause(itemID: timelineItem.id)))
+    }
+    
+    private func onPlaybackSeek(_ progress: Double) {
+        context?.send(viewAction: .handleAudioPlayerAction(.seek(itemID: timelineItem.id, progress: progress)))
+    }
+    
+    private func onPlaybackScrubbing(_ dragging: Bool) {
+        if dragging {
+            if playerState.playbackState == .playing {
+                resumePlaybackAfterScrubbing = true
+                context?.send(viewAction: .handleAudioPlayerAction(.playPause(itemID: timelineItem.id)))
+            }
+        } else {
+            if resumePlaybackAfterScrubbing {
+                context?.send(viewAction: .handleAudioPlayerAction(.playPause(itemID: timelineItem.id)))
+                resumePlaybackAfterScrubbing = false
+            }
+        }
+    }
+}
+
+struct VoiceMessageRoomTimelineView_Previews: PreviewProvider, TestablePreview {
+    static let viewModel = TimelineViewModel.mock
+    static let timelineItemIdentifier = TimelineItemIdentifier.randomEvent
+    static let voiceRoomTimelineItem = VoiceMessageRoomTimelineItem(id: timelineItemIdentifier,
+                                                                    timestamp: .mock,
+                                                                    isOutgoing: false,
+                                                                    isEditable: false,
+                                                                    canBeRepliedTo: true,
+                                                                    isThreaded: false,
+                                                                    sender: .init(id: "Bob"),
+                                                                    content: .init(filename: "audio.ogg",
+                                                                                   duration: 300,
+                                                                                   waveform: EstimatedWaveform.mockWaveform,
+                                                                                   source: nil,
+                                                                                   fileSize: nil,
+                                                                                   contentType: nil))
+    
+    static let playerState = AudioPlayerState(id: .timelineItemIdentifier(timelineItemIdentifier),
+                                              title: L10n.commonVoiceMessage,
+                                              duration: 10.0,
+                                              waveform: EstimatedWaveform.mockWaveform,
+                                              progress: 0.4)
+    
+    static var previews: some View {
+        body.environmentObject(viewModel.context)
+            .previewDisplayName("Bubble")
+    }
+    
+    static var body: some View {
+        VoiceMessageRoomTimelineView(timelineItem: voiceRoomTimelineItem, playerState: playerState)
+            .fixedSize(horizontal: false, vertical: true)
+    }
+}