// // https://mczachurski.dev // Copyright © 2023 Marcin Czachurski and the repository contributors. // Licensed under the MIT License. // import SwiftUI import MastodonKit import NukeUI struct ImageRowAsync: View { @State public var statusViewModel: StatusViewModel @State private var imageHeight: Double @State private var imageWidth: Double @State private var heightWasPrecalculated: Bool init(statusViewModel: StatusViewModel) { self.statusViewModel = statusViewModel // Calculate size of frame (first from cache, then from metadata). if let firstAttachment = statusViewModel.mediaAttachments.first, let size = ImageSizeService.shared.get(for: firstAttachment.url) { self.imageWidth = size.width self.imageHeight = size.height self.heightWasPrecalculated = true } else if let firstAttachment = statusViewModel.mediaAttachments.first, let imgHeight = (firstAttachment.meta as? ImageMetadata)?.original?.height, let imgWidth = (firstAttachment.meta as? ImageMetadata)?.original?.width { let size = ImageSizeService.shared.calculate(for: firstAttachment.url, width: imgWidth, height: imgHeight) self.imageWidth = size.width self.imageHeight = size.height self.heightWasPrecalculated = true } else { self.imageWidth = UIScreen.main.bounds.width self.imageHeight = UIScreen.main.bounds.width * 0.75 heightWasPrecalculated = false } } var body: some View { if let attachment = statusViewModel.mediaAttachments.first { ZStack { LazyImage(url: attachment.url) { state in if let image = state.image { if self.statusViewModel.sensitive { ContentWarning(blurhash: attachment.blurhash, spoilerText: self.statusViewModel.spoilerText) { image } } else { image } } else if state.error != nil { ZStack { Rectangle() .fill(Color.placeholderText) .scaledToFill() VStack(alignment: .center) { Spacer() Text("Cannot download image") .foregroundColor(.systemBackground) Spacer() } } .frame(width: self.imageWidth, height: self.imageHeight) } else { VStack(alignment: .center) { BlurredImage(blurhash: attachment.blurhash) } .frame(width: self.imageWidth, height: self.imageHeight) } } .priority(.high) .onSuccess { imageResponse in self.recalculateSizeOfDownloadedImage(imageResponse: imageResponse) } if let count = self.statusViewModel.mediaAttachments.count, count > 1 { BottomRight { Text("1 / \(count)") .padding(.horizontal, 6) .padding(.vertical, 3) .font(.caption2) .foregroundColor(.black) .background(.ultraThinMaterial, in: Capsule()) }.padding() } } .frame(width: self.imageWidth, height: self.imageHeight) } else { EmptyView() } } private func recalculateSizeOfDownloadedImage(imageResponse: ImageResponse) { guard heightWasPrecalculated == false else { return } if let attachment = statusViewModel.mediaAttachments.first { let size = ImageSizeService.shared.calculate(for: attachment.url, width: imageResponse.image.size.width, height: imageResponse.image.size.height) self.imageWidth = size.width self.imageHeight = size.height } } }