Yattee v2 rewrite

2026-02-20 01:39:46 +00:00 · 2026-02-08 18:31:16 +01:00
parent 20d0cfc0c7
commit 05f921d605
1043 changed files with 163875 additions and 68430 deletions
--- a/Yattee/Views/Components/SourceListContainer.swift
+++ b/Yattee/Views/Components/SourceListContainer.swift
@@ -0,0 +1,144 @@
+//
+//  SourceListContainer.swift
+//  Yattee
+//
+//  Container for source list views with inset/plain styling.
+//
+
+import SwiftUI
+
+/// A container that handles inset/plain list styling for source views.
+///
+/// Simplified version of VideoListContainer for simpler source rows.
+struct SourceListContainer<Header: View, Content: View>: View {
+    let listStyle: VideoListStyle
+
+    @ViewBuilder let header: () -> Header
+    @ViewBuilder let content: () -> Content
+
+    /// Corner radius for card container in inset style.
+    private let cardCornerRadius: CGFloat = 10
+
+    /// Horizontal padding for card container.
+    private let cardHorizontalPadding: CGFloat = 16
+
+    /// Bottom padding for card container.
+    private let cardBottomPadding: CGFloat = 16
+
+    var body: some View {
+        #if os(tvOS)
+        // tvOS: Simple ScrollView without background overlay
+        ScrollView {
+            LazyVStack(spacing: 0) {
+                header()
+                content()
+            }
+        }
+        #else
+        // iOS/macOS: Background overlay pattern
+        backgroundStyle.color
+            .ignoresSafeArea()
+            .overlay(
+                ScrollView {
+                    LazyVStack(spacing: 0) {
+                        header()
+
+                        if listStyle == .inset {
+                            insetCardContent
+                        } else {
+                            plainContent
+                        }
+                    }
+                }
+            )
+        #endif
+    }
+
+    // MARK: - Private
+
+    private var backgroundStyle: ListBackgroundStyle {
+        listStyle == .inset ? .grouped : .plain
+    }
+
+    private var insetCardContent: some View {
+        LazyVStack(spacing: 0) {
+            content()
+        }
+        .background(ListBackgroundStyle.card.color)
+        .clipShape(RoundedRectangle(cornerRadius: cardCornerRadius))
+        .padding(.horizontal, cardHorizontalPadding)
+        .padding(.bottom, cardBottomPadding)
+    }
+
+    private var plainContent: some View {
+        LazyVStack(spacing: 0) {
+            content()
+        }
+        .padding(.bottom, cardBottomPadding)
+    }
+}
+
+// MARK: - Convenience Initializers
+
+extension SourceListContainer where Header == EmptyView {
+    /// Creates a source list container without a header.
+    init(
+        listStyle: VideoListStyle,
+        @ViewBuilder content: @escaping () -> Content
+    ) {
+        self.listStyle = listStyle
+        self.header = { EmptyView() }
+        self.content = content
+    }
+}
+
+// MARK: - Preview
+
+#Preview("Inset Style") {
+    SourceListContainer(listStyle: .inset) {
+        Text("Header")
+            .padding()
+    } content: {
+        ForEach(0..<5) { index in
+            SourceListRow(isLast: index == 4, listStyle: .inset) {
+                HStack(spacing: 12) {
+                    Image(systemName: "server.rack")
+                        .font(.title2)
+                        .foregroundStyle(.blue)
+                        .frame(width: 32)
+                    VStack(alignment: .leading) {
+                        Text("Source \(index + 1)")
+                            .font(.headline)
+                        Text("example.com")
+                            .font(.caption)
+                            .foregroundStyle(.secondary)
+                    }
+                    Spacer()
+                }
+            }
+        }
+    }
+}
+
+#Preview("Plain Style") {
+    SourceListContainer(listStyle: .plain) {
+        ForEach(0..<5) { index in
+            SourceListRow(isLast: index == 4, listStyle: .plain) {
+                HStack(spacing: 12) {
+                    Image(systemName: "server.rack")
+                        .font(.title2)
+                        .foregroundStyle(.blue)
+                        .frame(width: 32)
+                    VStack(alignment: .leading) {
+                        Text("Source \(index + 1)")
+                            .font(.headline)
+                        Text("example.com")
+                            .font(.caption)
+                            .foregroundStyle(.secondary)
+                    }
+                    Spacer()
+                }
+            }
+        }
+    }
+}