wallet/apps/mobile/ios/Widgets/TokenPriceWidget.swift

//
//  TokenPriceWidget.swift
//  TokenPriceWidget
//
//  Created by Eric Huang on 6/22/23.
//

import WidgetKit
import SwiftUI
import Intents
import WidgetsCore
import Apollo
import Charts

let placeholderPriceHistory = [
  PriceHistory(timestamp: 1689792001, price: 2161),
  PriceHistory(timestamp: 1689792245, price: 2160),
  PriceHistory(timestamp: 1689792571, price: 2163),
  PriceHistory(timestamp: 1689792894, price: 2164),
  PriceHistory(timestamp: 1689793209, price: 2166),
  PriceHistory(timestamp: 1689793465, price: 2163),
  PriceHistory(timestamp: 1689793781, price: 2164),
  PriceHistory(timestamp: 1689794035, price: 2163),
  PriceHistory(timestamp: 1689794381, price: 2164),
  PriceHistory(timestamp: 1689794701, price: 2167),
  PriceHistory(timestamp: 1689794997, price: 2167),
  PriceHistory(timestamp: 1689795264, price: 2165)
]
let previewEntry = TokenPriceEntry(
  date: Date(),
  configuration: TokenPriceConfigurationIntent(), 
  currency: WidgetConstants.currencyUsd,
  spotPrice: 2165,
  pricePercentChange: -9.87,
  symbol: "ETH",
  logo: UIImage(url: URL(string: "https://token-icons.s3.amazonaws.com/eth.png")),
  backgroundColor: ColorExtraction.extractImageColorWithSpecialCase(
    imageURL: "https://token-icons.s3.amazonaws.com/eth.png"
  ),
  tokenPriceHistory: TokenPriceHistoryResponse(priceHistory: placeholderPriceHistory, price: 2165, pricePercentChange24h: -9.87)
)

let placeholderEntry = TokenPriceEntry(
  date: previewEntry.date,
  configuration: previewEntry.configuration,
  currency: previewEntry.currency,
  spotPrice: previewEntry.spotPrice,
  pricePercentChange: previewEntry.pricePercentChange,
  symbol: previewEntry.symbol,
  logo: nil,
  backgroundColor: nil,
  tokenPriceHistory: previewEntry.tokenPriceHistory
)

let refreshMinutes = 5
let displayName = "Token Prices"
let description = "Keep up to date on your favorite tokens."


struct Provider: IntentTimelineProvider {
  
  func getEntry(configuration: TokenPriceConfigurationIntent, context: Context, isSnapshot: Bool) async throws -> TokenPriceEntry {
    let entryDate = Date()
    async let tokenPriceRequest = isSnapshot ?
      await DataQueries.fetchTokenPriceData(chain: WidgetConstants.ethereumChain, address: nil) :
      await DataQueries.fetchTokenPriceData(chain: configuration.selectedToken?.chain ?? "", address: configuration.selectedToken?.address)
    async let conversionRequest = await DataQueries.fetchCurrencyConversion(
<<<<<<< HEAD
      toCurrency: LuxUserDefaults.readI18n().currency)
=======
      toCurrency: UniswapUserDefaults.readI18n().currency)
>>>>>>> upstream/main
    
    let (tokenPriceResponse, conversionResponse) = try await (tokenPriceRequest, conversionRequest)
    
    let spotPrice = tokenPriceResponse.spotPrice != nil ?
      tokenPriceResponse.spotPrice! * conversionResponse.conversionRate : nil
    let pricePercentChange = tokenPriceResponse.pricePercentChange
    let symbol = tokenPriceResponse.symbol
    let logo = UIImage(url: URL(string: tokenPriceResponse.logoUrl ?? ""))
    var backgroundColor: UIColor? = nil
    if let logoUrl = tokenPriceResponse.logoUrl {
      backgroundColor = ColorExtraction.extractImageColorWithSpecialCase(imageURL: logoUrl)
    }
    var tokenPriceHistory: TokenPriceHistoryResponse? = nil
    
    tokenPriceHistory = isSnapshot ?
    try await DataQueries.fetchTokenPriceHistoryData(
      chain: WidgetConstants.ethereumChain,
      address: nil) :
    try await DataQueries.fetchTokenPriceHistoryData(
      chain: configuration.selectedToken?.chain ?? WidgetConstants.ethereumChain,
      address: configuration.selectedToken?.address)
    
    return TokenPriceEntry(
      date: entryDate,
      configuration: configuration,
      currency: conversionResponse.currency,
      spotPrice: tokenPriceHistory?.price ?? spotPrice,
      pricePercentChange: tokenPriceHistory?.pricePercentChange24h ?? pricePercentChange,
      symbol: symbol,
      logo: logo,
      backgroundColor: backgroundColor,
      tokenPriceHistory: tokenPriceHistory
    )
  }
  
  func placeholder(in context: Context) -> TokenPriceEntry {
    return placeholderEntry
  }
  
  func getSnapshot(for configuration: TokenPriceConfigurationIntent, in context: Context, completion: @escaping (TokenPriceEntry) -> ()) {
    Task {
      let entry = try await getEntry(configuration: configuration, context: context, isSnapshot: true)
      completion(entry)
    }
  }
  
  func getTimeline(for configuration: TokenPriceConfigurationIntent, in context: Context, completion: @escaping (Timeline<Entry>) -> ()) {
    Metrics.logWidgetConfigurationChange()
    Task {
      let entry = try await getEntry(configuration: configuration, context: context, isSnapshot: false)
      let nextDate = Calendar.current.date(byAdding: .minute, value: refreshMinutes, to: entry.date)!
      let timeline = Timeline(entries: [entry], policy: .after(nextDate))
      completion(timeline)
    }
  }
}

struct TokenPriceEntry: TimelineEntry {
  let date: Date
  let configuration: TokenPriceConfigurationIntent
  let currency: String
  let spotPrice: Double?
  let pricePercentChange: Double?
  let symbol: String
  let logo: UIImage?
  let backgroundColor: UIColor?
  let tokenPriceHistory: TokenPriceHistoryResponse?
}

struct TokenPriceWidgetEntryView: View {
  @Environment(\.widgetFamily) var family
  // redactionReasons stores context on how a widget is being asked to render covering data invalidation, loading and placeholders, and privacy reasons.
  // We use any reason to mean we should render a full placeholder UI
  @Environment(\.redactionReasons) var reasons
  @Environment(\.colorScheme) var colorScheme
  
  var entry: Provider.Entry
  
  func widgetPriceHeader(isPlaceholder: Bool) -> some View {
    return HStack(alignment: .top) {
      if (!isPlaceholder) {
        if let logo = entry.logo {
          Image(uiImage: logo).withIconStyle(background: .white, border: entry.backgroundColor != nil ? Color(entry.backgroundColor!) : Color.widgetTokenShadow)
        } else {
          Placeholder.Circle(width: 40, height: 40)
        }
        Spacer()
        Text(entry.symbol)
          .withHeading3Style()
          .padding(.vertical, 2)
      } else {
        Placeholder.Circle(width: 40, height: 40)
        Spacer()
        Placeholder.Rectangle(width: 24, height: 16)
      }
    }
  }
  
  func priceSection(isPlaceholder: Bool) -> some View {
    return VStack(alignment: .leading, spacing: 0) {
      if (!isPlaceholder && entry.spotPrice != nil && entry.pricePercentChange != nil) {
<<<<<<< HEAD
        let i18nSettings = LuxUserDefaults.readI18n()
=======
        let i18nSettings = UniswapUserDefaults.readI18n()
>>>>>>> upstream/main
        Text(
          NumberFormatter.fiatTokenDetailsFormatter(
            price: entry.spotPrice,
            locale: Locale(identifier: i18nSettings.locale),
            currencyCode: entry.currency
          )
        )
          .withHeading1Style()
          .frame(minHeight: 28)
          .minimumScaleFactor(0.3)
          .padding(.bottom, 4)
        PricePercentChangeTextWithIcon(pricePercentChange: entry.pricePercentChange)
          .padding(.bottom, 8)
          .padding([.trailing, .leading], 4)
      } else {
        Placeholder.Rectangle(width: 108, height: 22)
          .padding(.bottom, 4)
        Placeholder.Rectangle(width: 75, height: 22)
          .padding(.bottom, 8)
          .padding(.trailing, 4)
      }
    }
  }
  
  func timeStamp() -> some View {
    return Text("\(Date().formatted(date: .omitted, time: .shortened).lowercased())")
      .withHeading3Style()
  }
  
  func smallWidget() -> some View {
    let body = ZStack {
      VStack(alignment: .leading, spacing: 0) {
        widgetPriceHeader(isPlaceholder: false).padding(.bottom, 2)
        Spacer()
        priceSection(isPlaceholder: false).padding(.bottom, 2)
        timeStamp()
      }
      .withMaxFrame()
    }
    
    if #available(iOSApplicationExtension 17.0, *) {
      return body
    } else {
      return body.padding(12)
    }
  }
  
  func smallWidgetPlaceholder() -> some View {
    let body = ZStack {
      VStack(alignment: .leading, spacing: 0) {
        widgetPriceHeader(isPlaceholder: true).padding(.bottom, 12)
        Spacer()
        priceSection(isPlaceholder: true)
      }
      .withMaxFrame()
    }
    
    if #available(iOSApplicationExtension 17.0, *) {
      return body
    } else {
      return body.padding(12)
    }
  }
  
  func mediumWidget() -> some View {
    let body = ZStack {
      VStack(alignment: .leading, spacing: 0) {
        widgetPriceHeader(isPlaceholder: false).padding(.bottom, 4)
        Spacer()
        HStack(alignment: .top, spacing: 32) {
          if let spotPrice = entry.spotPrice {
            widgetPriceHistoryChart(priceHistory: entry.tokenPriceHistory?.priceHistory ?? [], spotPrice: spotPrice)
              .frame(width: 115.0, height: 50.0)
          } else {
            Placeholder.Rectangle(width: 115, height: 50)
          }
          priceSection(isPlaceholder: false)
        }
        .padding(.bottom, 2)
        timeStamp()
      }
      .withMaxFrame()
    }
    
    if #available(iOSApplicationExtension 17.0, *) {
      return body
    } else {
      return body.padding(16)
    }
  }
  
  func mediumWidgetPlaceholder() -> some View {
    let body = ZStack {
      VStack(alignment: .leading, spacing: 0) {
        widgetPriceHeader(isPlaceholder: true).padding(.bottom, 8)
        Spacer()
        HStack(alignment: .top, spacing: 32) {
          Placeholder.Rectangle(width: 115, height: 50)
          priceSection(isPlaceholder: true)
        }
      }
      .withMaxFrame()
    }
    
    if #available(iOSApplicationExtension 17.0, *) {
      return body
    } else {
      return body.padding(16)
    }
  }
  
  func widgetColor() -> Color {
    if let color = entry.backgroundColor {
      return Color(color)
    } else {
      return Color.UNI
    }
  }
  
  func placeholderColor() -> Color {
    Color(colorScheme == .light ? .white : UIColor(.surface1))
  }
  
  var body: some View {
<<<<<<< HEAD
    let deeplinkURL = URL(string: "lux://widget/#/tokens/\(entry.configuration.selectedToken?.chain?.lowercased() ?? "")/\(entry.configuration.selectedToken?.address ?? "NATIVE")")
=======
    let deeplinkURL = URL(string: "uniswap://widget/#/tokens/\(entry.configuration.selectedToken?.chain?.lowercased() ?? "")/\(entry.configuration.selectedToken?.address ?? "NATIVE")")
>>>>>>> upstream/main
    let shouldRenderPlaceholder = !reasons.isEmpty
    let body = ZStack {
      switch family {
      case .systemMedium:
        if (!shouldRenderPlaceholder) {
          mediumWidget()
        } else {
          mediumWidgetPlaceholder()
        }
      default:
        if (!shouldRenderPlaceholder) {
          smallWidget()
        } else {
          smallWidgetPlaceholder()
        }
      }
    }.widgetURL(deeplinkURL)
    
    if #available(iOSApplicationExtension 17.0, *) {
      return body.containerBackground(for: .widget) {
        if (!shouldRenderPlaceholder) {
          widgetColor()
        } else {
          placeholderColor()
        }
      }
    } else {
      if (!shouldRenderPlaceholder) {
        return body.background(widgetColor())
      } else {
        return body.background(placeholderColor())
      }
    }
  }
}

struct TokenPriceWidget: Widget {
  let kind: String = "TokenPriceWidget"
  
  var body: some WidgetConfiguration {
    IntentConfiguration(kind: kind, intent: TokenPriceConfigurationIntent.self, provider: Provider()) { entry in
      TokenPriceWidgetEntryView(entry: entry)
    }
    .configurationDisplayName(displayName)
    .description(description)
    .supportedFamilies([.systemSmall, .systemMedium])
  }
}

struct TokenPriceWidget_Previews: PreviewProvider {
  static var previews: some View {
    Group{
      TokenPriceWidgetEntryView(entry: previewEntry)
        .previewContext(WidgetPreviewContext(family: .systemSmall))
      TokenPriceWidgetEntryView(entry: previewEntry)
        .previewContext(WidgetPreviewContext(family: .systemMedium))
    }
  }
}