Mobile Widgets

struct ProjectStatusProvider: TimelineProvider {

    func getTimeline(
        in context: Context,
        completion: @escaping (Timeline<ProjectEntry>) -> Void
    ) {
        Task {
            // Fetch fresh data from your service
            let status = try? await ProjectService.fetchStatus()

            let entry = ProjectEntry(
                date: .now,
                status: status ?? .placeholder
            )

            // Reload no more than every 15 minutes
            let nextUpdate = Calendar.current.date(
                byAdding: .minute, value: 15, to: .now
            )!

            let timeline = Timeline(
                entries: [entry],
                policy: .after(nextUpdate)
            )
            completion(timeline)
        }
    }
}

import WidgetKit
import SwiftUI

// 1. Entry — the data snapshot
struct ActivityEntry: TimelineEntry {
    let date: Date
    let steps: Int
    let goal: Int

    var progress: Double { min(Double(steps) / Double(goal), 1) }
    var isPlaceholder: Bool { steps == 0 }
}

// 2. View — renders the snapshot
struct ActivityWidgetView: View {
    var entry: ActivityEntry

    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            HStack(spacing: 6) {
                Image(systemName: "figure.walk")
                    .font(.system(size: 12, weight: .semibold))
                    .foregroundStyle(.accent)
                Text("ACTIVITY")
                    .font(.system(size: 10, weight: .semibold))
                    .foregroundStyle(.secondary)
                    .tracking(0.04)
            }

            Spacer()

            Text(entry.steps, format: .number)
                .font(.system(size: 34, weight: .bold, design: .rounded))
                .foregroundStyle(.primary)

            Text("steps today")
                .font(.system(size: 12))
                .foregroundStyle(.secondary)

            ProgressView(value: entry.progress)
                .tint(.accent)
                .padding(.top, 8)

            Text("\(Int(entry.progress * 100))% of goal")
                .font(.system(size: 10))
                .foregroundStyle(.secondary)
                .padding(.top, 4)
        }
        .padding(16)
        .containerBackground(for: .widget) { Color(.systemBackground) }
    }
}

// 3. Widget definition
struct ActivityWidget: Widget {
    let kind = "ActivityWidget"

    var body: some WidgetConfiguration {
        StaticConfiguration(kind: kind, provider: ActivityProvider()) { entry in
            ActivityWidgetView(entry: entry)
        }
        .configurationDisplayName("Activity")
        .description("Today's step count and goal progress.")
        .supportedFamilies([.systemSmall, .systemMedium])
    }
}