mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-10-31 16:24:11 +00:00
1a72a4e17b
* Extract a shared helper for loading a media preview The four screens that show a fullscreen avatar each had their own copy of the same load-and-wrap logic. Move it to MediaPreviewItem.load, with the mime type as a parameter defaulting to JPEG, and leave each screen's loading indicator where it is. Signed-off-by: Daniel Anderson <daniel.anderson@toptal.com> * Only dismiss a QuickLook preview that is still presented UIKit forwards dismiss() up the presentation chain when the receiver has nothing presented, so dismissing the avatar view was dismissing the profile details sheet also. Signed-off-by: Daniel Anderson <daniel.anderson@toptal.com> * Allow tapping the avatar in the room member bottom sheet to view it fullscreen Signed-off-by: Daniel Anderson <daniel.anderson@toptal.com> --------- Signed-off-by: Daniel Anderson <daniel.anderson@toptal.com>
193 lines
8.0 KiB
Swift
193 lines
8.0 KiB
Swift
//
|
||
// Copyright 2025 Element Creations Ltd.
|
||
// Copyright 2022-2025 New Vector Ltd.
|
||
//
|
||
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
|
||
// Please see LICENSE files in the repository root for full details.
|
||
//
|
||
|
||
import Combine
|
||
import QuickLook
|
||
import SwiftUI
|
||
|
||
extension View {
|
||
/// Preview a media file using a QuickLook Preview Controller. The preview is interactive with
|
||
/// the dismiss gesture working as expected if it was presented from UIKit.
|
||
func interactiveQuickLook(item: Binding<MediaPreviewItem?>, allowEditing: Bool = true) -> some View {
|
||
modifier(InteractiveQuickLookModifier(item: item, allowEditing: allowEditing))
|
||
}
|
||
}
|
||
|
||
private struct InteractiveQuickLookModifier: ViewModifier {
|
||
@Binding var item: MediaPreviewItem?
|
||
let allowEditing: Bool
|
||
|
||
@State private var dismissalPublisher = PassthroughSubject<Void, Never>()
|
||
|
||
func body(content: Content) -> some View {
|
||
content.background {
|
||
if let item {
|
||
MediaPreviewViewController(previewItem: item,
|
||
allowEditing: allowEditing,
|
||
dismissalPublisher: dismissalPublisher) { self.item = nil }
|
||
} else {
|
||
// Work around QLPreviewController dismissal issues, see below.
|
||
let _ = dismissalPublisher.send(())
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
private struct MediaPreviewViewController: UIViewControllerRepresentable {
|
||
let previewItem: MediaPreviewItem
|
||
let allowEditing: Bool
|
||
let dismissalPublisher: PassthroughSubject<Void, Never>
|
||
let onDismiss: () -> Void
|
||
|
||
func makeUIViewController(context: Context) -> PreviewHostingController {
|
||
PreviewHostingController(previewItem: previewItem,
|
||
allowEditing: allowEditing,
|
||
dismissalPublisher: dismissalPublisher,
|
||
onDismiss: onDismiss)
|
||
}
|
||
|
||
func updateUIViewController(_ uiViewController: PreviewHostingController, context: Context) { }
|
||
|
||
/// A view controller that hosts the QuickLook preview.
|
||
///
|
||
/// This wrapper somehow allows the preview controller to do presentation/dismissal
|
||
/// animations and interactions which don't work if you represent it directly to SwiftUI 🤷♂️
|
||
class PreviewHostingController: UIViewController, QLPreviewControllerDataSource, QLPreviewControllerDelegate {
|
||
let previewItem: MediaPreviewItem
|
||
let allowEditing: Bool
|
||
let onDismiss: () -> Void
|
||
let sourceView = UIView()
|
||
|
||
private var dismissalObserver: AnyCancellable?
|
||
|
||
var previewController: QLPreviewController?
|
||
|
||
init(previewItem: MediaPreviewItem,
|
||
allowEditing: Bool,
|
||
dismissalPublisher: PassthroughSubject<Void, Never>,
|
||
onDismiss: @escaping () -> Void) {
|
||
self.previewItem = previewItem
|
||
self.allowEditing = allowEditing
|
||
self.onDismiss = onDismiss
|
||
|
||
super.init(nibName: nil, bundle: nil)
|
||
|
||
// The QLPreviewController will not automatically dismiss itself when the underlying view is removed
|
||
// (e.g. switching rooms from a notification) and it continues to hold on to the whole hierarcy.
|
||
// Manually tell it to dismiss itself here.
|
||
dismissalObserver = dismissalPublisher.sink { [weak self] _ in
|
||
// Dispatching on main.async with weak self we avoid doing an extra dismiss if the view is presented on top of another modal
|
||
DispatchQueue.main.async { [weak self] in
|
||
// Only dismiss a preview we still have up, UIKit forwards dismiss() to an ancestor otherwise.
|
||
guard self?.presentedViewController != nil else { return }
|
||
self?.dismiss(animated: true)
|
||
}
|
||
}
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
override func viewDidLoad() {
|
||
view.backgroundColor = .clear
|
||
view.addSubview(sourceView)
|
||
|
||
sourceView.translatesAutoresizingMaskIntoConstraints = false
|
||
NSLayoutConstraint.activate([
|
||
sourceView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
|
||
sourceView.centerYAnchor.constraint(equalTo: view.bottomAnchor),
|
||
sourceView.widthAnchor.constraint(equalToConstant: 200),
|
||
sourceView.heightAnchor.constraint(equalToConstant: 200)
|
||
])
|
||
}
|
||
|
||
/// Don't use viewWillAppear due to the following warning:
|
||
/// Presenting view controller <QLPreviewController> from detached view controller <HostingController> is not supported,
|
||
/// and may result in incorrect safe area insets and a corrupt root presentation. Make sure <HostingController> is in
|
||
/// the view controller hierarchy before presenting from it. Will become a hard exception in a future release.
|
||
override func viewDidAppear(_ animated: Bool) {
|
||
super.viewDidAppear(animated)
|
||
|
||
guard self.previewController == nil else { return }
|
||
|
||
let previewController = QLPreviewController()
|
||
previewController.dataSource = self
|
||
previewController.delegate = self
|
||
present(previewController, animated: true)
|
||
|
||
self.previewController = previewController
|
||
}
|
||
|
||
// MARK: QLPreviewControllerDataSource
|
||
|
||
func numberOfPreviewItems(in controller: QLPreviewController) -> Int {
|
||
1
|
||
}
|
||
|
||
func previewController(_ controller: QLPreviewController, previewItemAt index: Int) -> QLPreviewItem {
|
||
previewItem
|
||
}
|
||
|
||
// MARK: QLPreviewControllerDelegate
|
||
|
||
func previewController(_ controller: QLPreviewController, editingModeFor previewItem: QLPreviewItem) -> QLPreviewItemEditingMode {
|
||
allowEditing ? .createCopy : .disabled
|
||
}
|
||
|
||
func previewController(_ controller: QLPreviewController, transitionViewFor item: any QLPreviewItem) -> UIView? {
|
||
sourceView
|
||
}
|
||
|
||
func previewControllerDidDismiss(_ controller: QLPreviewController) {
|
||
onDismiss()
|
||
}
|
||
}
|
||
}
|
||
|
||
/// Wraps a media file and title to be previewed with QuickLook.
|
||
class MediaPreviewItem: NSObject, QLPreviewItem {
|
||
let file: MediaFileHandleProxy
|
||
|
||
nonisolated var previewItemURL: URL? { // nonisolated as QuickLook can call from any thread (macOS 26).
|
||
file.url
|
||
}
|
||
|
||
nonisolated let previewItemTitle: String? // nonisolated as QuickLook can call from any thread (macOS 26).
|
||
|
||
init(file: MediaFileHandleProxy, title: String?) {
|
||
self.file = file
|
||
previewItemTitle = title
|
||
}
|
||
|
||
/// Loads the media at the given URL, guessing at a JPEG for callers such as avatars that don't know the real mime type.
|
||
static func load(from url: URL, title: String?, mimeType: String = "image/jpeg", using mediaProvider: MediaProviderProtocol) async -> MediaPreviewItem? {
|
||
guard let mediaSource = try? MediaSourceProxy(url: url, mimeType: mimeType),
|
||
case let .success(file) = await mediaProvider.loadFileFromSource(mediaSource) else {
|
||
return nil
|
||
}
|
||
|
||
return MediaPreviewItem(file: file, title: title)
|
||
}
|
||
}
|
||
|
||
// MARK: - Previews
|
||
|
||
struct PreviewView_Previews: PreviewProvider {
|
||
static let previewURL: URL = "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
|
||
static let previewItem = MediaPreviewItem(file: .unmanaged(url: previewURL),
|
||
title: "Important Document")
|
||
|
||
static var previews: some View {
|
||
MediaPreviewViewController(previewItem: previewItem,
|
||
allowEditing: false,
|
||
dismissalPublisher: .init()) { }
|
||
}
|
||
}
|