for-ios/Revolt/Components/Avatar.swift

//
//  Avatar.swift
//  Revolt
//
//  Created by Angelo on 14/10/2023.
//

import Foundation
import SwiftUI
import Kingfisher
import Types

struct Avatar: View {
    @EnvironmentObject var viewState: ViewState
    
    public var user: User
    public var member: Member? = nil
    public var masquerade: Masquerade? = nil
    public var webhook: MessageWebhook? = nil
    public var width: CGFloat = 32
    public var height: CGFloat = 32
    public var withPresence: Bool = false

    var source: LazyImageSource? {
        if let avatar = webhook?.avatar {
            return .id(avatar, "avatars")
        } else if let url = masquerade?.avatar {
            return .url(URL(string: url)!)
        } else if let file = member?.avatar ?? user.avatar {
            return .file(file)
        }
        
        return nil
    }

    var body: some View {
        ZStack(alignment: .bottomTrailing) {
            if ProcessInfo.processInfo.environment["XCODE_RUNNING_FOR_PREVIEWS"] == "1" {
                Image("Image")
                    .resizable()
                    .aspectRatio(contentMode: .fill)
                    .frame(width: width, height: height)
                    .clipped()
                    .clipShape(Circle())
            } else {
                LazyImage(
                    source: .url(viewState.resolveAvatarUrl(user: user, member: member, masquerade: masquerade)),
                    height: height,
                    width: width,
                    clipTo: Circle()
                )
            }
            
            if withPresence {
                ZStack(alignment: .center) {
                    Circle()
                        .foregroundStyle(.black)
                        .frame(width: width / 2.5, height: width / 2.5)
                        .blendMode(.destinationOut)

                    PresenceIndicator(presence: user.status?.presence, width: width / 3, height: height / 3)
                }
                    .padding(.bottom, -2)
                    .padding(.trailing, -2)
            }
        }
        .compositingGroup()
    }
}

class Avatar_Preview: PreviewProvider {
    static var viewState: ViewState = ViewState.preview()
    
    static var previews: some View {
        Avatar(user: viewState.currentUser!, withPresence: true)
            .environmentObject(viewState)
            .previewLayout(.sizeThatFits)
            .background(Theme.light.background.color)
        
        Avatar(user: viewState.currentUser!, withPresence: true)
            .environmentObject(viewState)
            .previewLayout(.sizeThatFits)
            .background(Theme.dark.background.color)
    }
}