0.10.6

Sources/Shared/UI/Components/PhotoAttachmentPreview.swift

@@ -0,0 +1,133 @@
+import SwiftUI
+
+#if os(iOS)
+import UIKit
+#elseif os(macOS)
+import AppKit
+#endif
+
+@MainActor
+struct PhotoAttachmentPreview: View {
+    @ObservedObject var model: AppModel
+    let message: ChatMessage
+    let onFallbackTap: () -> Void
+
+    private let islandWidth: CGFloat = 268
+
+    var body: some View {
+        Button(action: openViewer) {
+            ZStack {
+                Color.secondary.opacity(0.12)
+                thumbnail
+                    .padding(6)
+
+                if model.isMediaPreviewLoading(message) {
+                    ProgressView()
+                        .tint(.white)
+                        .controlSize(.large)
+                        .padding(15)
+                        .background(.black.opacity(0.34), in: Circle())
+                }
+
+                VStack {
+                    HStack {
+                        Spacer()
+                        Image(systemName: "arrow.up.left.and.arrow.down.right")
+                            .font(.caption.weight(.bold))
+                            .foregroundStyle(.white)
+                            .padding(7)
+                            .background(.black.opacity(0.42), in: Circle())
+                    }
+                    Spacer()
+                    HStack(spacing: 6) {
+                        if let filename = message.localFilename {
+                            Text(filename)
+                                .lineLimit(1)
+                        }
+                        Spacer(minLength: 6)
+                        Text(sizeText)
+                            .monospacedDigit()
+                    }
+                    .font(.caption2.weight(.semibold))
+                    .foregroundStyle(.white)
+                    .padding(.horizontal, 8)
+                    .padding(.vertical, 5)
+                    .background(.black.opacity(0.48), in: Capsule())
+                }
+                .padding(9)
+            }
+            .frame(width: islandWidth, height: islandHeight)
+            .clipShape(RoundedRectangle(cornerRadius: 20, style: .continuous))
+            .overlay(
+                RoundedRectangle(cornerRadius: 20, style: .continuous)
+                    .stroke(Color.secondary.opacity(0.18), lineWidth: 1)
+            )
+            .contentShape(RoundedRectangle(cornerRadius: 20, style: .continuous))
+        }
+        .buttonStyle(.plain)
+        .padding(.vertical, 5)
+        .task(id: message.remoteAttachmentURL) {
+            await model.prepareMediaPreview(message)
+        }
+        .accessibilityElement(children: .ignore)
+        .accessibilityLabel("Фото, \(sizeText)")
+        .accessibilityHint("Открывает фото на весь экран")
+    }
+
+    @ViewBuilder
+    private var thumbnail: some View {
+        if let data = model.mediaThumbnail(for: message) {
+#if os(iOS)
+            if let image = ChatMediaImageCache.image(for: message, data: data) {
+                Image(uiImage: image)
+                    .resizable()
+                    .scaledToFit()
+            }
+#elseif os(macOS)
+            if let image = ChatMediaImageCache.image(for: message, data: data) {
+                Image(nsImage: image)
+                    .resizable()
+                    .scaledToFit()
+            }
+#endif
+        } else {
+            Image(systemName: "photo.fill")
+                .font(.system(size: 42, weight: .medium))
+                .foregroundStyle(.secondary)
+        }
+    }
+
+    private var sizeText: String {
+        guard let byteCount = message.byteCount else { return "Фото" }
+        return ByteCountFormatter.string(fromByteCount: Int64(byteCount), countStyle: .file)
+    }
+
+    private var islandHeight: CGFloat {
+        let contentWidth = islandWidth - 12
+        let naturalHeight = contentWidth / thumbnailAspectRatio + 12
+        return min(max(naturalHeight, 164), 328)
+    }
+
+    private var thumbnailAspectRatio: CGFloat {
+        guard let data = model.mediaThumbnail(for: message) else { return 4 / 3 }
+#if os(iOS)
+        guard let image = ChatMediaImageCache.image(for: message, data: data),
+              image.size.height > 0 else { return 4 / 3 }
+        return max(0.45, min(2.2, image.size.width / image.size.height))
+#elseif os(macOS)
+        guard let image = ChatMediaImageCache.image(for: message, data: data),
+              image.size.height > 0 else { return 4 / 3 }
+        return max(0.45, min(2.2, image.size.width / image.size.height))
+#endif
+    }
+
+    private func openViewer() {
+        Task {
+            await model.presentMediaViewer(message)
+            if model.mediaViewerItem?.id != message.id,
+               message.remoteAttachmentURL == nil {
+                onFallbackTap()
+            }
+        }
+    }
+}