Files
bsky-social-app/modules/expo-bluesky-context-menu/ios/ImagePreviewController.swift
T
Claude 1856c36221 Share expo-image cache; thumb placeholder; smoother dismiss
Two UX fixes for the peek preview:

1. Black flash on first peek — the preview VC now depends on SDWebImage
   directly (same version pinned by expo-image) and reads from
   `SDImageCache.shared`. On open it paints the fullsize synchronously if it's
   cached (common, since onPressIn prefetches), otherwise paints the thumb as a
   placeholder while the fullsize loads and swaps in. Also switches the image
   view to autoresizingMask so the dismiss animation interpolates cleanly
   without AutoLayout relayout mid-animation.

2. Two-stage dismiss animation on aspect-mismatched thumbnails — drop the
   explicit `previewForDismissingMenuWithConfiguration` override. With only
   the highlight provider implemented iOS reverses it end-to-end, which
   interpolates size and position together instead of snapping back to the
   preview's original size before translating.

https://claude.ai/code/session_015REmux3R9uuEMMJUHxTyQT
2026-05-25 14:35:14 +03:00

105 lines
3.7 KiB
Swift

import SDWebImage
import UIKit
/// Preview view controller shown during a peek. Renders a single image sized
/// to the provided aspect ratio, capped to the screen bounds.
///
/// The aspect ratio drives `preferredContentSize` so iOS animates directly to
/// the final size without the mid-flight stretch that happens when a mis-sized
/// snapshot is scaled up.
///
/// Image loading cooperates with expo-image by sharing
/// `SDImageCache.shared` and `SDWebImageManager.shared`:
/// 1. Query the cache synchronously for the fullsize — if it's there
/// (e.g. prefetched on press-in), paint it immediately.
/// 2. Else, paint the thumbnail (almost always cached — it's what the feed
/// renders) as a placeholder.
/// 3. Asynchronously load the fullsize and swap it in when it arrives.
/// This eliminates the "black flash" on first peek of an unloaded image.
final class ImagePreviewController: UIViewController {
private let imageURL: URL?
private let thumbURL: URL?
private let aspectRatio: CGFloat
private let imageView = UIImageView()
init(imageURL: URL?, thumbURL: URL?, aspectRatio: CGFloat) {
self.imageURL = imageURL
self.thumbURL = thumbURL
self.aspectRatio = aspectRatio.isFinite && aspectRatio > 0 ? aspectRatio : 1
super.init(nibName: nil, bundle: nil)
self.preferredContentSize = Self.sizeForAspect(self.aspectRatio)
}
required init?(coder: NSCoder) { fatalError("init(coder:) not supported") }
override func loadView() {
let root = UIView()
root.backgroundColor = .black
root.clipsToBounds = true
// Use autoresizing mask rather than AutoLayout so the imageView's frame
// interpolates cleanly during the dismiss animation — AutoLayout-driven
// relayout during a CALayer animation can cause a visible snap.
imageView.frame = root.bounds
imageView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
imageView.contentMode = .scaleAspectFit
imageView.backgroundColor = .black
root.addSubview(imageView)
self.view = root
primeImage()
}
// MARK: - Image loading
private func primeImage() {
// 1. Fullsize cache hit? Paint it immediately.
if let url = imageURL, let cached = cachedImage(for: url) {
imageView.image = cached
return
}
// 2. Thumb placeholder (almost always cached by the feed).
if let thumb = thumbURL, let cached = cachedImage(for: thumb) {
imageView.image = cached
}
// 3. Kick off the async fullsize load.
guard let url = imageURL else { return }
SDWebImageManager.shared.loadImage(
with: url,
options: [.retryFailed],
progress: nil
) { [weak self] image, _, _, _, _, _ in
guard let self = self, let image = image else { return }
DispatchQueue.main.async {
self.imageView.image = image
}
}
}
/// Synchronous cache lookup across memory + disk. Memory hits are instant;
/// disk hits incur a small read but remain on-thread (matches what SDWebImage
/// does when the cache policy permits).
private func cachedImage(for url: URL) -> UIImage? {
let key = SDWebImageManager.shared.cacheKey(for: url) ?? url.absoluteString
if let memory = SDImageCache.shared.imageFromMemoryCache(forKey: key) {
return memory
}
return SDImageCache.shared.imageFromDiskCache(forKey: key)
}
/// Caps the preview to a comfortable size within the current key window.
private static func sizeForAspect(_ aspect: CGFloat) -> CGSize {
let screen = UIScreen.main.bounds
let maxW = screen.width - 32
let maxH = screen.height * 0.7
var w = maxW
var h = w / aspect
if h > maxH {
h = maxH
w = h * aspect
}
return CGSize(width: w, height: h)
}
}