SkeletonableView

SkeletonableView.swfit

public struct SkeletonableView<Content: View, Model: Collection>: View {
    
    private var data: Model
    private var placeholder: Model
    @State private var timeoutRemaining: Int = 5
    private let content: (Model) -> Content
    private let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()

    public init(data: Model,
                placeholder: Model,
                @ViewBuilder content: @escaping (Model) -> Content) {
        self.data = data
        self.placeholder = placeholder
        self.content = content
    }

    public var body: some View {
        Group {
            if data.isEmpty == true, timeoutRemaining > 0 {
                content(placeholder)
                    .redacted(reason: .placeholder)
                    .allowsHitTesting(false)

            } else {
                content(data)
            }
        }
        .onReceive(timer) { _ in
            if timeoutRemaining != 0 {
                withAnimation {
                    timeoutRemaining -= 1
                }
            }
        }
    }
}