| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422 |
- import Algorithms
- import SwiftDate
- import SwiftUI
- private enum PredictionType: Hashable {
- case iob
- case cob
- case zt
- case uam
- }
- struct MainChartView: View {
- private enum Config {
- static let screenHours = 6
- static let basalHeight: CGFloat = 60
- static let topYPadding: CGFloat = 20
- static let bottomYPadding: CGFloat = 50
- static let maxGlucose = 450
- static let yLinesCount = 5
- }
- @Binding var glucose: [BloodGlucose]
- @Binding var suggestion: Suggestion?
- @Binding var basals: [PumpHistoryEvent]
- @Binding var hours: Int
- @Binding var maxBasal: Decimal
- let units: GlucoseUnits
- @State var didAppearTrigger = false
- @State private var glucoseDots: [CGRect] = []
- @State private var predictionDots: [PredictionType: [CGRect]] = [:]
- @State private var basalPoints: [CGPoint] = []
- @State private var basalPath = Path()
- private var dateDormatter: DateFormatter {
- let formatter = DateFormatter()
- formatter.timeStyle = .short
- return formatter
- }
- private var glucoseFormatter: NumberFormatter {
- let formatter = NumberFormatter()
- formatter.numberStyle = .decimal
- formatter.maximumFractionDigits = 1
- return formatter
- }
- private var basalFormatter: NumberFormatter {
- let formatter = NumberFormatter()
- formatter.numberStyle = .decimal
- formatter.maximumFractionDigits = 2
- return formatter
- }
- // MARK: - Views
- var body: some View {
- GeometryReader { geo in
- ZStack(alignment: .leading) {
- // Y grid
- Path { path in
- let range = glucoseYRange(fullSize: geo.size)
- let step = (range.maxY - range.minY) / CGFloat(Config.yLinesCount)
- for line in 0 ... Config.yLinesCount {
- path.move(to: CGPoint(x: 0, y: range.minY + CGFloat(line) * step))
- path.addLine(to: CGPoint(x: geo.size.width, y: range.minY + CGFloat(line) * step))
- }
- }.stroke(Color.secondary, lineWidth: 0.2)
- ScrollView(.horizontal, showsIndicators: false) {
- ScrollViewReader { scroll in
- ZStack(alignment: .top) {
- basalChart(fullSize: geo.size)
- mainChart(fullSize: geo.size).id("End")
- .onChange(of: glucose) { _ in
- scroll.scrollTo("End", anchor: .trailing)
- }
- .onChange(of: suggestion) { _ in
- scroll.scrollTo("End", anchor: .trailing)
- }
- .onChange(of: basals) { _ in
- scroll.scrollTo("End", anchor: .trailing)
- }
- .onAppear {
- // add trigger to the end of main queue
- DispatchQueue.main.async {
- scroll.scrollTo("End", anchor: .trailing)
- didAppearTrigger = true
- }
- }
- }
- }
- }
- // Y glucose labels
- ForEach(0 ..< Config.yLinesCount + 1) { line -> AnyView in
- let range = glucoseYRange(fullSize: geo.size)
- let yStep = (range.maxY - range.minY) / CGFloat(Config.yLinesCount)
- let valueStep = Double(range.maxValue - range.minValue) / Double(Config.yLinesCount)
- let value = round(Double(range.maxValue) - Double(line) * valueStep) *
- (units == .mmolL ? Double(GlucoseUnits.exchangeRate) : 1)
- return Text(glucoseFormatter.string(from: value as NSNumber)!)
- .position(CGPoint(x: geo.size.width - 12, y: range.minY + CGFloat(line) * yStep))
- .font(.caption2)
- .asAny()
- }
- }
- }
- }
- private func basalChart(fullSize: CGSize) -> some View {
- ZStack {
- basalPath.fill(Color.blue)
- basalPath.stroke(Color.blue, lineWidth: 1)
- Text(lastBasalRateString)
- .foregroundColor(.blue)
- .font(.caption2)
- .position(CGPoint(x: lastBasalPoint(fullSize: fullSize).x + 25, y: Config.basalHeight / 2))
- }
- .drawingGroup()
- .frame(width: fullGlucoseWidth(viewWidth: fullSize.width) + additionalWidth(viewWidth: fullSize.width))
- .frame(maxHeight: Config.basalHeight)
- .background(Color.secondary.opacity(0.1))
- .onChange(of: basals) { _ in
- calculateBasalPoints(fullSize: fullSize)
- }
- .onChange(of: maxBasal) { _ in
- calculateBasalPoints(fullSize: fullSize)
- }
- .onChange(of: didAppearTrigger) { _ in
- calculateBasalPoints(fullSize: fullSize)
- }
- }
- private func mainChart(fullSize: CGSize) -> some View {
- Group {
- VStack {
- ZStack {
- // X grid
- Path { path in
- for hour in 0 ..< hours + hours {
- let x = firstHourPosition(viewWidth: fullSize.width) +
- oneSecondStep(viewWidth: fullSize.width) *
- CGFloat(hour) * CGFloat(1.hours.timeInterval)
- path.move(to: CGPoint(x: x, y: 0))
- path.addLine(to: CGPoint(x: x, y: fullSize.height - 20))
- }
- }
- .stroke(Color.secondary, lineWidth: 0.2)
- glucosePath(fullSize: fullSize)
- predictions(fullSize: fullSize)
- }
- ZStack {
- // X time labels
- ForEach(0 ..< hours + hours) { hour in
- Text(dateDormatter.string(from: firstHourDate().addingTimeInterval(hour.hours.timeInterval)))
- .font(.caption)
- .position(
- x: firstHourPosition(viewWidth: fullSize.width) +
- oneSecondStep(viewWidth: fullSize.width) *
- CGFloat(hour) * CGFloat(1.hours.timeInterval),
- y: 10.0
- )
- .foregroundColor(.secondary)
- }
- }.frame(maxHeight: 20)
- }
- }
- .frame(width: fullGlucoseWidth(viewWidth: fullSize.width) + additionalWidth(viewWidth: fullSize.width))
- }
- private func glucosePath(fullSize: CGSize) -> some View {
- Path { path in
- for rect in glucoseDots {
- path.addEllipse(in: rect)
- }
- }
- .fill(Color.green)
- .onChange(of: glucose) { _ in
- calculateGlucoseDots(fullSize: fullSize)
- }
- .onChange(of: didAppearTrigger) { _ in
- calculateGlucoseDots(fullSize: fullSize)
- }
- }
- private func predictions(fullSize: CGSize) -> some View {
- Group {
- Path { path in
- for rect in predictionDots[.iob] ?? [] {
- path.addEllipse(in: rect)
- }
- }.stroke(Color.blue)
- Path { path in
- for rect in predictionDots[.cob] ?? [] {
- path.addEllipse(in: rect)
- }
- }.stroke(Color.yellow)
- Path { path in
- for rect in predictionDots[.zt] ?? [] {
- path.addEllipse(in: rect)
- }
- }.stroke(Color.purple)
- Path { path in
- for rect in predictionDots[.uam] ?? [] {
- path.addEllipse(in: rect)
- }
- }.stroke(Color.orange)
- }
- .onChange(of: suggestion) { _ in
- calculatePredictionDots(fullSize: fullSize, type: .iob)
- calculatePredictionDots(fullSize: fullSize, type: .cob)
- calculatePredictionDots(fullSize: fullSize, type: .zt)
- calculatePredictionDots(fullSize: fullSize, type: .uam)
- }
- .onChange(of: didAppearTrigger) { _ in
- calculatePredictionDots(fullSize: fullSize, type: .iob)
- calculatePredictionDots(fullSize: fullSize, type: .cob)
- calculatePredictionDots(fullSize: fullSize, type: .zt)
- calculatePredictionDots(fullSize: fullSize, type: .uam)
- }
- }
- // MARK: - Calculations
- private func calculateGlucoseDots(fullSize: CGSize) {
- glucoseDots = glucose.concurrentMap { value -> CGRect in
- let position = glucoseToCoordinate(value, fullSize: fullSize)
- return CGRect(x: position.x - 2, y: position.y - 2, width: 4, height: 4)
- }
- }
- private func calculatePredictionDots(fullSize: CGSize, type: PredictionType) {
- let values: [Int] = { () -> [Int] in
- switch type {
- case .iob:
- return suggestion?.predictions?.iob ?? []
- case .cob:
- return suggestion?.predictions?.cob ?? []
- case .zt:
- return suggestion?.predictions?.zt ?? []
- case .uam:
- return suggestion?.predictions?.uam ?? []
- }
- }()
- var index = 0
- predictionDots[type] = values.map { value -> CGRect in
- let position = predictionToCoordinate(value, fullSize: fullSize, index: index)
- index += 1
- return CGRect(x: position.x - 2, y: position.y - 2, width: 4, height: 4)
- }
- }
- private func calculateBasalPoints(fullSize: CGSize) {
- basalPoints = basals.chunks(ofCount: 2).compactMap { chunk -> CGPoint? in
- let chunk = Array(chunk)
- guard chunk.count == 2, chunk[0].type == .tempBasal, chunk[1].type == .tempBasalDuration else { return nil }
- let timeBegin = chunk[0].timestamp
- let rateCost = Config.basalHeight / CGFloat(maxBasal)
- let x = timeToXCoordinate(timeBegin.timeIntervalSince1970, fullSize: fullSize)
- let y = Config.basalHeight - CGFloat(chunk[0].rate ?? 0) * rateCost
- return CGPoint(x: x, y: y)
- }
- basalPath = Path { path in
- var yPoint: CGFloat = Config.basalHeight
- path.move(to: CGPoint(x: 0, y: yPoint))
- for point in basalPoints {
- path.addLine(to: CGPoint(x: point.x, y: yPoint))
- path.addLine(to: point)
- yPoint = point.y
- }
- let lastPoint = lastBasalPoint(fullSize: fullSize)
- path.addLine(to: lastPoint)
- path.addLine(to: CGPoint(x: lastPoint.x, y: Config.basalHeight))
- path.addLine(to: CGPoint(x: 0, y: Config.basalHeight))
- }
- }
- private func lastBasalPoint(fullSize: CGSize) -> CGPoint {
- let lastBasal = Array(basals.suffix(2))
- guard lastBasal.count == 2 else {
- return .zero
- }
- let endBasalTime = lastBasal[0].timestamp.timeIntervalSince1970 + (lastBasal[1].durationMin?.minutes.timeInterval ?? 0)
- let rateCost = Config.basalHeight / CGFloat(maxBasal)
- let x = timeToXCoordinate(endBasalTime, fullSize: fullSize)
- let y = Config.basalHeight - CGFloat(lastBasal[0].rate ?? 0) * rateCost
- return CGPoint(x: x, y: y)
- }
- private var lastBasalRateString: String {
- let lastBasal = Array(basals.suffix(2))
- guard lastBasal.count == 2 else {
- return ""
- }
- let lastRate = lastBasal[0].rate ?? 0
- return (basalFormatter.string(from: lastRate as NSNumber) ?? "0") + " U/h"
- }
- private func fullGlucoseWidth(viewWidth: CGFloat) -> CGFloat {
- viewWidth * CGFloat(hours) / CGFloat(Config.screenHours)
- }
- private func additionalWidth(viewWidth: CGFloat) -> CGFloat {
- guard let predictions = suggestion?.predictions,
- let deliveredAt = suggestion?.deliverAt,
- let last = glucose.last
- else {
- return 0
- }
- let iob = predictions.iob?.count ?? 0
- let zt = predictions.zt?.count ?? 0
- let cob = predictions.cob?.count ?? 0
- let uam = predictions.uam?.count ?? 0
- let max = [iob, zt, cob, uam].max() ?? 0
- let lastDeltaTime = last.dateString.timeIntervalSince(deliveredAt)
- let additionalTime = CGFloat(TimeInterval(max) * 5.minutes.timeInterval - lastDeltaTime)
- let oneSecondWidth = oneSecondStep(viewWidth: viewWidth)
- return additionalTime * oneSecondWidth
- }
- private func oneSecondStep(viewWidth: CGFloat) -> CGFloat {
- viewWidth / (CGFloat(Config.screenHours) * CGFloat(1.hours.timeInterval))
- }
- private func maxPredValue() -> Int {
- [
- suggestion?.predictions?.cob ?? [],
- suggestion?.predictions?.iob ?? [],
- suggestion?.predictions?.zt ?? [],
- suggestion?.predictions?.uam ?? []
- ]
- .flatMap { $0 }
- .max() ?? Config.maxGlucose
- }
- private func minPredValue() -> Int {
- [
- suggestion?.predictions?.cob ?? [],
- suggestion?.predictions?.iob ?? [],
- suggestion?.predictions?.zt ?? [],
- suggestion?.predictions?.uam ?? []
- ]
- .flatMap { $0 }
- .min() ?? 0
- }
- private func glucoseToCoordinate(_ glucoseEntry: BloodGlucose, fullSize: CGSize) -> CGPoint {
- let x = timeToXCoordinate(glucoseEntry.dateString.timeIntervalSince1970, fullSize: fullSize)
- let y = glucoseToYCoordinate(glucoseEntry.glucose ?? 0, fullSize: fullSize)
- return CGPoint(x: x, y: y)
- }
- private func predictionToCoordinate(_ pred: Int, fullSize: CGSize, index: Int) -> CGPoint {
- guard let deliveredAt = suggestion?.deliverAt else {
- return .zero
- }
- let predTime = deliveredAt.timeIntervalSince1970 + TimeInterval(index) * 5.minutes.timeInterval
- let x = timeToXCoordinate(predTime, fullSize: fullSize)
- let y = glucoseToYCoordinate(pred, fullSize: fullSize)
- return CGPoint(x: x, y: y)
- }
- private func timeToXCoordinate(_ time: TimeInterval, fullSize: CGSize) -> CGFloat {
- let xOffset = -(
- glucose.first?.dateString.timeIntervalSince1970 ?? Date()
- .addingTimeInterval(-1.days.timeInterval).timeIntervalSince1970
- )
- let stepXFraction = fullGlucoseWidth(viewWidth: fullSize.width) / CGFloat(hours.hours.timeInterval)
- let x = CGFloat(time + xOffset) * stepXFraction
- return x
- }
- private func glucoseToYCoordinate(_ glucoseValue: Int, fullSize: CGSize) -> CGFloat {
- let topYPaddint = Config.topYPadding + Config.basalHeight
- let bottomYPadding = Config.bottomYPadding
- let maxValue = max(glucose.compactMap(\.glucose).max() ?? Config.maxGlucose, maxPredValue())
- let minValue = min(glucose.compactMap(\.glucose).min() ?? 0, minPredValue())
- let stepYFraction = (fullSize.height - topYPaddint - bottomYPadding) / CGFloat(maxValue - minValue)
- let yOffset = CGFloat(minValue) * stepYFraction
- let y = fullSize.height - CGFloat(glucoseValue) * stepYFraction + yOffset - bottomYPadding
- return y
- }
- private func glucoseYRange(fullSize: CGSize) -> (minValue: Int, minY: CGFloat, maxValue: Int, maxY: CGFloat) {
- let topYPaddint = Config.topYPadding + Config.basalHeight
- let bottomYPadding = Config.bottomYPadding
- let maxValue = max(glucose.compactMap(\.glucose).max() ?? Config.maxGlucose, maxPredValue())
- let minValue = min(glucose.compactMap(\.glucose).min() ?? 0, minPredValue())
- let stepYFraction = (fullSize.height - topYPaddint - bottomYPadding) / CGFloat(maxValue - minValue)
- let yOffset = CGFloat(minValue) * stepYFraction
- let maxY = fullSize.height - CGFloat(minValue) * stepYFraction + yOffset - bottomYPadding
- let minY = fullSize.height - CGFloat(maxValue) * stepYFraction + yOffset - bottomYPadding
- return (minValue: minValue, minY: minY, maxValue: maxValue, maxY: maxY)
- }
- private func firstHourDate() -> Date {
- let firstDate = glucose.first?.dateString ?? Date()
- return firstDate.dateTruncated(from: .minute)!
- }
- private func firstHourPosition(viewWidth: CGFloat) -> CGFloat {
- let firstDate = glucose.first?.dateString ?? Date()
- let firstHour = firstHourDate()
- let lastDeltaTime = firstHour.timeIntervalSince(firstDate)
- let oneSecondWidth = oneSecondStep(viewWidth: viewWidth)
- return oneSecondWidth * CGFloat(lastDeltaTime)
- }
- }
|