feat(apple): native SwiftUI app for iOS and macOS

Add a native SwiftUI VniDrop app (Send/Receive/Settings) talking to the Rust core via generated UniFFI Swift bindings, plus the uniffi-bindgen helper crate. iOS uses a TabView, macOS a NavigationSplitView sidebar.
2026-08-05 02:29:55 +02:00 · 2026-07-18 22:06:30 +02:00
parent 601cbc486e
commit ea376a382b
68 changed files with 8650 additions and 1 deletions
--- a/apple/VniDrop/UI/Components/Components.swift
+++ b/apple/VniDrop/UI/Components/Components.swift
@@ -0,0 +1,112 @@
+import SwiftUI
+
+// MARK: - StatusPill
+
+enum PillTone { case neutral, success, warning, destructive, brand }
+
+struct StatusPill: View {
+	let label: String
+	var tone: PillTone = .neutral
+
+	private var color: Color {
+		switch tone {
+		case .neutral: return .secondary
+		case .success, .brand: return VniDropColors.brandPurple
+		case .warning: return .orange
+		case .destructive: return .red
+		}
+	}
+
+	var body: some View {
+		HStack(spacing: 5) {
+			Circle().fill(color).frame(width: 6, height: 6)
+			Text(label).font(.caption).fontWeight(.medium).foregroundStyle(color).lineLimit(1)
+		}
+		.padding(.horizontal, 9).padding(.vertical, 4)
+		.background(color.opacity(0.14), in: Capsule())
+	}
+}
+
+// MARK: - ProgressRow
+
+struct ProgressRow: View {
+	let labelKey: String
+	let progress: Double?
+	var detail: String? = nil
+
+	var body: some View {
+		VStack(alignment: .leading, spacing: 4) {
+			HStack {
+				Text(LocalizedStringKey(labelKey)).font(.subheadline).lineLimit(1)
+				Spacer()
+				if let progress {
+					Text("\(Int(progress * 100))%").font(.caption).foregroundStyle(.secondary)
+				}
+			}
+			if let detail {
+				Text(detail).font(.caption).foregroundStyle(.secondary).lineLimit(1)
+			}
+			if let progress {
+				ProgressView(value: progress)
+			} else {
+				ProgressView().progressViewStyle(.linear)
+			}
+		}
+		.frame(maxWidth: .infinity)
+	}
+}
+
+// MARK: - Field
+
+/// Labeled text field using native styling. Renders cleanly both inside a `Form`
+/// row and standalone (e.g. inside a sheet).
+struct Field: View {
+	let label: String
+	@Binding var value: String
+	var minLines: Int = 1
+	var enabled: Bool = true
+
+	var body: some View {
+		VStack(alignment: .leading, spacing: 6) {
+			Text(label).font(.subheadline).foregroundStyle(.secondary)
+			Group {
+				if minLines > 1 {
+					TextField(label, text: $value, axis: .vertical)
+						.lineLimit(minLines, reservesSpace: true)
+				} else {
+					TextField(label, text: $value)
+				}
+			}
+			.textFieldStyle(.roundedBorder)
+			.disabled(!enabled)
+		}
+	}
+}
+
+// MARK: - EmptyStateView
+
+/// Native-styled empty state (iOS 16 compatible; avoids iOS 17
+/// `ContentUnavailableView`).
+struct EmptyStateView<Actions: View>: View {
+	let systemImage: String
+	let title: String
+	let message: String
+	@ViewBuilder var actions: () -> Actions
+
+	var body: some View {
+		VStack(spacing: 12) {
+			Image(systemName: systemImage)
+				.font(.system(size: 52))
+				.foregroundStyle(.secondary)
+			Text(title).font(.title2).fontWeight(.semibold).multilineTextAlignment(.center)
+			Text(message)
+				.font(.body).foregroundStyle(.secondary)
+				.multilineTextAlignment(.center)
+				.frame(maxWidth: 420)
+			actions().padding(.top, 4)
+		}
+		.frame(maxWidth: .infinity)
+		.padding(.horizontal, 24)
+		.padding(.vertical, 48)
+	}
+}