Add LicensesView component with License model
This commit is contained in:
parent
41b3174c3b
commit
9a0ebe2f55
105
Sources/Bedrock/Views/Settings/LicensesView.swift
Normal file
105
Sources/Bedrock/Views/Settings/LicensesView.swift
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
//
|
||||||
|
// LicensesView.swift
|
||||||
|
// Bedrock
|
||||||
|
//
|
||||||
|
// Created by Matt Bruce on 1/4/26.
|
||||||
|
//
|
||||||
|
|
||||||
|
import SwiftUI
|
||||||
|
|
||||||
|
// MARK: - License Model
|
||||||
|
|
||||||
|
/// Represents an open source license for a third-party library
|
||||||
|
public struct License: Identifiable, Sendable {
|
||||||
|
public let id: String
|
||||||
|
public let name: String
|
||||||
|
public let url: String
|
||||||
|
public let licenseType: String
|
||||||
|
public let description: String
|
||||||
|
|
||||||
|
public init(
|
||||||
|
name: String,
|
||||||
|
url: String,
|
||||||
|
licenseType: String,
|
||||||
|
description: String
|
||||||
|
) {
|
||||||
|
self.id = name
|
||||||
|
self.name = name
|
||||||
|
self.url = url
|
||||||
|
self.licenseType = licenseType
|
||||||
|
self.description = description
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Licenses View
|
||||||
|
|
||||||
|
/// A reusable view for displaying open source licenses
|
||||||
|
public struct LicensesView: View {
|
||||||
|
public let licenses: [License]
|
||||||
|
public let backgroundColor: Color
|
||||||
|
public let cardBackgroundColor: Color
|
||||||
|
public let cardBorderColor: Color
|
||||||
|
public let accentColor: Color
|
||||||
|
public let navigationTitle: String
|
||||||
|
|
||||||
|
public init(
|
||||||
|
licenses: [License],
|
||||||
|
backgroundColor: Color = .Surface.overlay,
|
||||||
|
cardBackgroundColor: Color = .Surface.card,
|
||||||
|
cardBorderColor: Color = .Border.subtle,
|
||||||
|
accentColor: Color = .Accent.primary,
|
||||||
|
navigationTitle: String = String(localized: "Open Source Licenses")
|
||||||
|
) {
|
||||||
|
self.licenses = licenses
|
||||||
|
self.backgroundColor = backgroundColor
|
||||||
|
self.cardBackgroundColor = cardBackgroundColor
|
||||||
|
self.cardBorderColor = cardBorderColor
|
||||||
|
self.accentColor = accentColor
|
||||||
|
self.navigationTitle = navigationTitle
|
||||||
|
}
|
||||||
|
|
||||||
|
public var body: some View {
|
||||||
|
ScrollView {
|
||||||
|
VStack(alignment: .leading, spacing: Design.Spacing.large) {
|
||||||
|
ForEach(licenses) { license in
|
||||||
|
licenseCard(license)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.padding(Design.Spacing.large)
|
||||||
|
}
|
||||||
|
.background(backgroundColor)
|
||||||
|
.navigationTitle(navigationTitle)
|
||||||
|
.navigationBarTitleDisplayMode(.inline)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func licenseCard(_ license: License) -> some View {
|
||||||
|
SettingsCard(backgroundColor: cardBackgroundColor, borderColor: cardBorderColor) {
|
||||||
|
VStack(alignment: .leading, spacing: Design.Spacing.small) {
|
||||||
|
Text(license.name)
|
||||||
|
.font(.system(size: Design.BaseFontSize.medium, weight: .bold))
|
||||||
|
.foregroundStyle(.white)
|
||||||
|
|
||||||
|
Text(license.description)
|
||||||
|
.font(.system(size: Design.BaseFontSize.caption))
|
||||||
|
.foregroundStyle(.white.opacity(Design.Opacity.strong))
|
||||||
|
|
||||||
|
HStack {
|
||||||
|
Label(license.licenseType, systemImage: "doc.text")
|
||||||
|
.font(.system(size: Design.BaseFontSize.xSmall))
|
||||||
|
.foregroundStyle(accentColor)
|
||||||
|
|
||||||
|
Spacer()
|
||||||
|
|
||||||
|
if let linkURL = URL(string: license.url) {
|
||||||
|
Link(destination: linkURL) {
|
||||||
|
Label(String(localized: "View on GitHub"), systemImage: "arrow.up.right.square")
|
||||||
|
.font(.system(size: Design.BaseFontSize.xSmall))
|
||||||
|
.foregroundStyle(accentColor)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.padding(.top, Design.Spacing.xSmall)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -489,6 +489,63 @@ SettingsNavigationRow(
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
### LicensesView
|
||||||
|
|
||||||
|
A reusable view for displaying open source licenses used in your app.
|
||||||
|
|
||||||
|
**Step 1: Define licenses in your app**
|
||||||
|
|
||||||
|
```swift
|
||||||
|
import Bedrock
|
||||||
|
|
||||||
|
extension License {
|
||||||
|
static let appLicenses: [License] = [
|
||||||
|
License(
|
||||||
|
name: "MijickCamera",
|
||||||
|
url: "https://github.com/Mijick/Camera",
|
||||||
|
licenseType: "Apache 2.0 License",
|
||||||
|
description: "Camera framework for SwiftUI."
|
||||||
|
),
|
||||||
|
License(
|
||||||
|
name: "RevenueCat",
|
||||||
|
url: "https://github.com/RevenueCat/purchases-ios",
|
||||||
|
licenseType: "MIT License",
|
||||||
|
description: "In-app subscriptions made easy."
|
||||||
|
)
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Step 2: Create app-specific wrapper view**
|
||||||
|
|
||||||
|
```swift
|
||||||
|
struct AppLicensesView: View {
|
||||||
|
var body: some View {
|
||||||
|
LicensesView(
|
||||||
|
licenses: License.appLicenses,
|
||||||
|
backgroundColor: AppSurface.overlay,
|
||||||
|
cardBackgroundColor: AppSurface.card,
|
||||||
|
cardBorderColor: AppBorder.subtle,
|
||||||
|
accentColor: AppAccent.primary
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
**Step 3: Navigate to it from settings**
|
||||||
|
|
||||||
|
```swift
|
||||||
|
SettingsNavigationRow(
|
||||||
|
title: "Open Source Licenses",
|
||||||
|
subtitle: "Third-party libraries used in this app",
|
||||||
|
backgroundColor: .clear
|
||||||
|
) {
|
||||||
|
AppLicensesView()
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
### SettingsSegmentedPicker
|
### SettingsSegmentedPicker
|
||||||
|
|
||||||
A segmented picker with title, subtitle, and optional accessory (follows the same pattern as `SettingsToggle` and `SettingsSlider`).
|
A segmented picker with title, subtitle, and optional accessory (follows the same pattern as `SettingsToggle` and `SettingsSlider`).
|
||||||
@ -825,6 +882,7 @@ SettingsCard(backgroundColor: AppSurface.card, borderColor: AppBorder.subtle) {
|
|||||||
| `SelectableRow` | Card selection | `title`, `isSelected`, `badge` |
|
| `SelectableRow` | Card selection | `title`, `isSelected`, `badge` |
|
||||||
| `BadgePill` | Price/tag badges | `text`, `isSelected` |
|
| `BadgePill` | Price/tag badges | `text`, `isSelected` |
|
||||||
| `iCloudSyncSettingsView` | iCloud sync controls | `viewModel: CloudSyncable`, colors |
|
| `iCloudSyncSettingsView` | iCloud sync controls | `viewModel: CloudSyncable`, colors |
|
||||||
|
| `LicensesView` | Open source licenses | `licenses: [License]`, colors |
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user