mastodon-ios/WidgetExtension/Variants/FollowersCount/FollowersCountWidgetView.swift

// Copyright © 2023 Mastodon gGmbH. All rights reserved.

import SwiftUI
import WidgetKit
import MastodonAsset
import MastodonLocalization
import LightChart

struct FollowersCountWidgetView: View {
    private let followersHistory = FollowersCountHistory.shared

    @Environment(\.widgetFamily) var family

    var entry: FollowersCountWidgetProvider.Entry

    var body: some View {
        if let account = entry.account {
            switch family {
            case .systemSmall:
                if let showChart = entry.configuration.showChart?.boolValue, showChart {
                    viewForSmallWidgetYesChart(account)
                } else {
                    viewForSmallWidgetNoChart(account)
                }
            case .accessoryRectangular:
                viewForAccessoryRectangular(account)
            case .accessoryCircular:
                viewForAccessoryCircular(account)
            default:
                Text(L10n.Widget.Common.unsupportedWidgetFamily)
            }
        } else {
            Text(L10n.Widget.Common.userNotLoggedIn)
                .multilineTextAlignment(.center)
                .font(.caption)
                .padding(.all, 20)
                .emptyWidgetBackground()
        }
    }
    
    private func viewForSmallWidgetNoChart(_ account: FollowersEntryAccountable) -> some View {
        HStack {
            VStack(alignment: .leading, spacing: 0) {
                Image(uiImage: account.avatarImage)
                    .resizable()
                    .frame(width: 50, height: 50)
                    .cornerRadius(12)
                    .padding(.bottom, 8)

                Text(account.followersCount.asAbbreviatedCountString())
                    .font(.largeTitle)
                    .lineLimit(1)
                    .truncationMode(.tail)
            
                Text(account.displayNameWithFallback)
                    .font(.system(size: UIFontMetrics.default.scaledValue(for: 13)))
                    .lineLimit(1)
                    .truncationMode(.tail)

                Text("@\(account.acct)")
                    .font(.caption2)
                    .foregroundColor(.secondary)
                    .lineLimit(1)
                    .truncationMode(.tail)
            }
            .padding(.leading, 20)
            .padding(.vertical, 16)
            Spacer()
        }
        .emptyWidgetBackground()
    }
    
    private func viewForSmallWidgetYesChart(_ account: FollowersEntryAccountable) -> some View {
        VStack(alignment: .leading, spacing: 0) {
            HStack {
                Image(uiImage: account.avatarImage)
                    .resizable()
                    .frame(width: 23, height: 23)
                    .cornerRadius(5)
                VStack(alignment: .leading) {
                    Text(account.displayNameWithFallback)
                        .font(.caption)
                        .lineLimit(1)
                        .truncationMode(.tail)

                    Text("@\(account.acct)")
                        .font(.caption2)
                        .foregroundColor(.secondary)
                        .lineLimit(1)
                        .truncationMode(.tail)
                }
                Spacer()
            }
            .padding(.leading, 20)

            ZStack {
                if let account = entry.account {
                    LightChartView(
                        data: followersHistory.chartValues(for: account),
                        type: .line,
                        visualType: .filled(color: Asset.Colors.Brand.blurple.swiftUIColor, lineWidth: 2),
                        offset: 0.8 /// this is the positive offset from the bottom edge of the graph (~80% above bottom level)
                    )
                }
                
                HStack {
                    VStack(alignment: .leading, spacing: 0) {
                        Spacer()
                        if let increaseCount = followersHistory.increaseCountString(for: account) {
                            Text(L10n.Widget.FollowersCount.followersToday(increaseCount))
                                .font(.system(size: UIFontMetrics.default.scaledValue(for: 12)))
                                .foregroundColor(.secondary)
                                .lineLimit(1)
                                .truncationMode(.tail)
                        }
                        
                        Text(account.followersCount.asAbbreviatedCountString())
                            .font(.largeTitle)
                            .lineLimit(1)
                            .truncationMode(.tail)
                        
                    }
                    Spacer()
                }
                .padding(.bottom, 16)
                .padding(.leading, 20)
            }
        }
        .padding(.top, 16)
        .emptyWidgetBackground()
    }
    
    private func viewForAccessoryRectangular(_ account: FollowersEntryAccountable) -> some View {
        HStack(spacing: 0) {
            VStack(alignment: .leading, spacing: 0) {
                HStack(alignment: .center) {
                    Image("BrandIcon")
                    Text(L10n.Widget.FollowersCount.title)
                        .font(.system(size: UIFontMetrics.default.scaledValue(for: 15), weight: .semibold))
                }
                .padding(.top, 6)

                Text(account.followersCount.asAbbreviatedCountString())
                    .font(.system(size: UIFontMetrics.default.scaledValue(for: 43)))
                    .lineLimit(1)
                    .truncationMode(.tail)
            }
            Spacer()
        }
        .emptyWidgetBackground()
    }
    
    private func viewForAccessoryCircular(_ account :FollowersEntryAccountable) -> some View {
        ZStack {
            VStack {
                Image("BrandIcon")

                Text(account.followersCount.asAbbreviatedCountString())
                    .font(.system(size: UIFontMetrics.default.scaledValue(for: 15)))
                    .lineLimit(1)
                    .truncationMode(.tail)
            }
        }
        .widgetBackground(AccessoryWidgetBackground())
    }
}