Rork Max で Apple Watch のコンプリケーションを WidgetKit で実装する

import WidgetKit
import SwiftUI
 
struct StreakEntry: TimelineEntry {
    let date: Date
    let streak: Int
    // Smart Stack 用の重要度。数値が高いほど前面に出やすい
    let relevance: TimelineEntryRelevance?
}
 
struct StreakProvider: TimelineProvider {
    func placeholder(in context: Context) -> StreakEntry {
        StreakEntry(date: Date(), streak: 0, relevance: nil)
    }
 
    func getSnapshot(in context: Context, completion: @escaping (StreakEntry) -> Void) {
        completion(StreakEntry(date: Date(), streak: SharedStore.loadStreak(), relevance: nil))
    }
 
    func getTimeline(in context: Context, completion: @escaping (Timeline<StreakEntry>) -> Void) {
        let streak = SharedStore.loadStreak()
        // 連続記録が伸びているほど Smart Stack で前に出す
        let score: Float = streak >= 7 ? 80 : (streak >= 3 ? 40 : 10)
        let entry = StreakEntry(
            date: Date(),
            streak: streak,
            relevance: TimelineEntryRelevance(score: score)
        )
        // 次の更新は1時間後。watchOS の更新予算を尊重する
        let next = Calendar.current.date(byAdding: .hour, value: 1, to: Date())!
        completion(Timeline(entries: [entry], policy: .after(next)))
    }
}

struct StreakComplicationView: View {
    @Environment(\.widgetFamily) private var family
    let entry: StreakEntry
 
    var body: some View {
        switch family {
        case .accessoryCircular:
            Gauge(value: Double(min(entry.streak, 30)), in: 0...30) {
                Image(systemName: "flame.fill")
            } currentValueLabel: {
                Text("\(entry.streak)")
            }
            .gaugeStyle(.accessoryCircular)
 
        case .accessoryRectangular:
            VStack(alignment: .leading) {
                Label("連続記録", systemImage: "flame.fill")
                    .font(.headline)
                Text("\(entry.streak) 日継続中")
                    .font(.caption)
            }
 
        case .accessoryInline:
            Label("\(entry.streak)日", systemImage: "flame.fill")
 
        default:
            Text("\(entry.streak)")
        }
    }
}

@main
struct StreakComplication: Widget {
    var body: some WidgetConfiguration {
        StaticConfiguration(kind: "StreakComplication", provider: StreakProvider()) { entry in
            StreakComplicationView(entry: entry)
                .containerBackground(.fill.tertiary, for: .widget)
        }
        .configurationDisplayName("連続記録")
        .description("習慣の連続日数を文字盤に表示します。")
        .supportedFamilies([
            .accessoryCircular,
            .accessoryRectangular,
            .accessoryInline,
            .accessoryCorner
        ])
    }
}