CloudSyncStatusView.swift

import Foundation
import SwiftUI
import CoreData

class CloudKitSyncMonitor: ObservableObject {
    @Published var syncStatus: SyncStatus = .unknown
    
    // Keep track of active sync events to know when we are truly done
    private var activeEventIdentifiers: Set<UUID> = []

    enum SyncStatus: String {
        case unknown = "Desconocido"
        case syncing = "Sincronizando"
        case synced = "Sincronizado"
        case error = "Error"
    }

    init() {
        setupNotificationObservers()
    }

    private func setupNotificationObservers() {
        NotificationCenter.default.addObserver(
            forName: NSPersistentCloudKitContainer.eventChangedNotification,
            object: nil,
            queue: .main) { [weak self] notification in
                self?.handleCloudKitNotification(notification)
        }
    }

    private func handleCloudKitNotification(_ notification: Notification) {
        guard let cloudEvent = notification.userInfo?[NSPersistentCloudKitContainer.eventNotificationUserInfoKey] as? NSPersistentCloudKitContainer.Event else {
            return
        }

        if cloudEvent.endDate == nil {
            // Event started
            activeEventIdentifiers.insert(cloudEvent.identifier)
            syncStatus = .syncing
        } else {
            // Event ended
            activeEventIdentifiers.remove(cloudEvent.identifier)
            
            if let error = cloudEvent.error {
                // If any event errors, we show error state
                print("CloudKit Sync Error: \(error.localizedDescription)")
                syncStatus = .error
            } else if activeEventIdentifiers.isEmpty {
                // Only switch to synced if no other events are active
                syncStatus = .synced
            }
        }
    }
}

struct CloudSyncStatusView: View {
    @ObservedObject var syncMonitor: CloudKitSyncMonitor

    var body: some View {
        VStack(alignment: .leading) {
            Text("iCloud sync")
                .font(.headline)
                .foregroundColor(.secondary)

            HStack {
                VStack(alignment: .leading, spacing: 10) {
                    HStack {
                        Text(statusMessage)
                            .font(.body)
                            .foregroundColor(.primary)
                        Spacer()
                    }


                    HStack {
                        Image(systemName: "icloud")
                        Text(syncMonitor.syncStatus == .synced ? "Synced with iCloud" : "Syncing with iCloud...")
                    }
                    .font(.caption)
                    .foregroundColor(.secondary)
                }
                Spacer()
            }
            .padding()
            .background(Color(.systemBackground))
            .cornerRadius(10)
            .shadow(radius: 1)
        }
        .padding(.vertical, 5)
    }

    var statusMessage: String {
        switch syncMonitor.syncStatus {
        case .unknown:
            return "Unknown synchronization status."
        case .syncing:
            return "Synchronization with iCloud may take a few minutes to initially upload your data."
        case .synced:
            return "Your data is synchronized with iCloud."
        case .error:
            return "Unfortunately, iCloud is not the most reliable service, so problems can occur. We apologize for any inconvenience this may cause."
        }
    }
}

#Preview {
    CloudSyncStatusView(syncMonitor: .init())
}