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/Toast/ToastCardView.swift
+++ b/Yattee/Views/Toast/ToastCardView.swift
@@ -0,0 +1,162 @@
+//
+//  ToastCardView.swift
+//  Yattee
+//
+//  Individual toast notification card component.
+//
+
+import SwiftUI
+
+/// A single toast notification card.
+struct ToastCardView: View {
+    let toast: Toast
+    let onDismiss: () -> Void
+    let onAction: (() async -> Void)?
+
+    @State private var isAnimating = false
+
+    var body: some View {
+        HStack(spacing: 12) {
+            // Leading icon or progress indicator
+            leadingIcon
+
+            // Title and optional subtitle
+            VStack(alignment: .leading, spacing: 2) {
+                Text(toast.title)
+                    .font(.subheadline)
+                    .fontWeight(.semibold)
+                if let subtitle = toast.subtitle {
+                    Text(subtitle)
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                        .lineLimit(1)
+                }
+            }
+
+            // Action button (if present)
+            if let action = toast.action {
+                actionButton(action)
+            }
+
+            // Dismiss button (macOS only - iOS uses swipe)
+            #if os(macOS)
+            dismissButton
+            #endif
+        }
+        .padding(.horizontal, 16)
+        .padding(.vertical, 12)
+        .frame(maxWidth: 400, alignment: .leading)
+        .glassBackground(.regular, in: .capsule, fallback: .regularMaterial)
+        .shadow(color: .black.opacity(0.15), radius: 10, y: 4)
+        .scaleEffect(isAnimating ? 1 : 0.9)
+        .onAppear {
+            withAnimation(.spring(response: 0.3, dampingFraction: 0.7)) {
+                isAnimating = true
+            }
+        }
+    }
+
+    @ViewBuilder
+    private var leadingIcon: some View {
+        // Use fixed frame to prevent size changes when switching between spinner and icon
+        Group {
+            // If icon is explicitly set, show it (used for success/error states after update)
+            if let icon = toast.icon {
+                Image(systemName: icon)
+                    .foregroundStyle(toast.iconColor ?? .primary)
+                    .font(.title3)
+            } else if toast.category == .loading || toast.category == .remoteControl {
+                // Show spinner for loading/remoteControl when no icon is set
+                ProgressView()
+                    .controlSize(.small)
+                    #if os(iOS) || os(macOS)
+                    .tint(.primary)
+                    #endif
+            }
+        }
+        .frame(width: 22, height: 22)
+    }
+
+    @ViewBuilder
+    private func actionButton(_ action: ToastAction) -> some View {
+        Button {
+            Task {
+                await onAction?()
+            }
+        } label: {
+            HStack(spacing: 4) {
+                if let systemImage = action.systemImage {
+                    Image(systemName: systemImage)
+                        .font(.caption)
+                }
+                Text(action.label)
+                    .font(.caption)
+                    .fontWeight(.semibold)
+            }
+            .foregroundStyle(.white)
+            .padding(.horizontal, 10)
+            .padding(.vertical, 6)
+            .background(Color.accentColor)
+            .clipShape(Capsule())
+        }
+        .buttonStyle(.plain)
+    }
+
+    #if os(macOS)
+    private var dismissButton: some View {
+        Button {
+            onDismiss()
+        } label: {
+            Image(systemName: "xmark")
+                .font(.caption.weight(.medium))
+                .foregroundStyle(.secondary)
+        }
+        .buttonStyle(.plain)
+    }
+    #endif
+}
+
+// MARK: - Preview
+
+#Preview {
+    VStack(spacing: 16) {
+        ToastCardView(
+            toast: Toast(
+                category: .loading,
+                title: "Loading Video"
+            ),
+            onDismiss: {},
+            onAction: nil
+        )
+
+        ToastCardView(
+            toast: Toast(
+                category: .success,
+                title: "Download Completed",
+                subtitle: "My Awesome Video Title",
+                icon: "checkmark.circle.fill",
+                iconColor: .green
+            ),
+            onDismiss: {},
+            onAction: nil
+        )
+
+        ToastCardView(
+            toast: Toast(
+                category: .sponsorBlock,
+                title: "Skipping Sponsor",
+                subtitle: "30 seconds",
+                icon: "forward.fill",
+                iconColor: .green,
+                action: ToastAction(
+                    label: "Undo",
+                    systemImage: "arrow.uturn.backward"
+                ) {}
+            ),
+            onDismiss: {},
+            onAction: {}
+        )
+    }
+    .padding()
+    .background(Color.gray.opacity(0.3))
+}