Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nathantannar4/engine

Engine makes it easier to create idiomatic APIs and Views that feel natural in SwiftUI without sacrificing performance
https://github.com/nathantannar4/engine

apple ios iphone macos swift swiftui

Last synced: 2 days ago
JSON representation

Engine makes it easier to create idiomatic APIs and Views that feel natural in SwiftUI without sacrificing performance

Awesome Lists containing this project

README

        

# Engine

A performance driven framework for developing SwiftUI frameworks and apps. `Engine` makes it easier to create idiomatic APIs and Views that feel natural in SwiftUI without sacrificing performance.

## See Also

- [Turbocharger](https://github.com/nathantannar4/Turbocharger)
- [Ignition](https://github.com/nathantannar4/Ignition)
- [Transmission](https://github.com/nathantannar4/Transmission)

## Requirements

- Deployment target: iOS 13.0, macOS 10.15, tvOS 13.0, watchOS 6.0 or visionOS 1.0
- Xcode 15+

## Installation

### Xcode Projects

Select `File` -> `Swift Packages` -> `Add Package Dependency` and enter `https://github.com/nathantannar4/Engine`.

### Swift Package Manager Projects

You can add `Engine` as a package dependency in your `Package.swift` file:

```swift
let package = Package(
//...
dependencies: [
.package(url: "https://github.com/nathantannar4/Engine"),
],
targets: [
.target(
name: "YourPackageTarget",
dependencies: [
.product(name: "Engine", package: "Engine"),
.product(name: "EngineMacros", package: "Engine"), // Optional
],
//...
),
//...
],
//...
)
```

### Xcode Cloud / Github Actions / Fastlane / CI

`EngineMacros` includes a Swift macro, which requires user validation to enable or the build will fail. When configuring your CI, pass the flag `-skipMacroValidation` to `xcodebuild` to fix this.

## Introduction to Engine

For some sample code to get started with `Engine`, build and run the included "Example" project.

### Custom View Styles with @StyledView

```swift
public macro StyledView()

/// A protocol intended to be used with the ``@StyledView`` macro define a
/// ``ViewStyle`` and all it's related components.
public protocol StyledView: View { }
```

With the `@StyledView` macro nearly any `View` can be transformed into one that has `ViewStyle` style support. Simply attach the macro to any `StyledView`.

> Xcode's syntax highlighting currently does not work for types generated by a macro

[Open StyledView.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/StyledView.swift)

#### Examples

```swift
import EngineMacros

@StyledView
struct LabeledView: StyledView {
var label: Label
var content: Content

var body: some View {
HStack {
label

content
}
}
}

extension View {
func labelViewStyle(_ style: Style) -> some View {
modifier(LabelViewStyleModifier(style))
}
}

struct VerticalLabeledViewStyle: LabeledViewStyle {
func makeBody(configuration: LabeledViewStyleConfiguration) -> some View {
VStack {
configuration.label

configuration.content
}
}
}

struct BorderedLabeledViewStyle: LabeledViewStyle {
func makeBody(configuration: LabeledViewStyleConfiguration) -> some View {
LabeledView(configuration)
.border(Color.red)
}
}
```

### Custom View Styles with ViewStyle

Alternatively you can implement these manually, which is necessary for some optional features of a `ViewStyle`. For example, a `ViewStyledView` can have a `body` which is necessary to implement if you want the styled view to have a root implementation that every style would be applied on - such as a `ViewModifier` that is always added.

```swift
public protocol ViewStyle {
associatedtype Configuration
associatedtype Body: View

@ViewBuilder
func makeBody(configuration: Configuration) -> Body
}

public protocol ViewStyledView: View {
associatedtype Configuration
var configuration: Configuration { get }

associatedtype DefaultStyle: ViewStyle where DefaultStyle.Configuration == Configuration
static var defaultStyle: DefaultStyle { get }
}
```

A view style makes developing reusable components easier. This can be especially useful for framework developers who want a component to have a customizable appearance. Look no further than SwiftUI itself. With `Engine`, you can bring the same functionality to your app or framework by adopting the `ViewStyle` protocol. Unlike some other styling solutions you made have come across, `ViewStyle` works without relying on `AnyView` so it is very performant.

[Open ViewStyle.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/ViewStyle.swift)

#### Examples

You can use the `ViewStyle` APIs to make components that share common behavior and/or styling, such as font/colors, while allowing for complete customization of the appearance and layout. For example, this `StepperView` is a component that defaults to `Stepper` but allows for a different custom styling to be used.

```swift
// 1. Define the style
protocol StepperViewStyle: ViewStyle where Configuration == StepperViewStyleConfiguration {
}

// 2. Define the style's configuration
struct StepperViewStyleConfiguration {
struct Label: ViewAlias { } // This lets the `StepperView` type erase the `Label` when used with a `StepperViewStyle`
var label: Label { .init() }

var onIncrement: () -> Void
var onDecrement: () -> Void
}

// 3. Define the default style
struct DefaultStepperViewStyle: StepperViewStyle {
func makeBody(configuration: StepperViewStyleConfiguration) -> some View {
Stepper {
configuration.label
} onIncrement: {
configuration.onIncrement()
} onDecrement: {
configuration.onDecrement()
}
}
}

// 4. Define your custom styles
struct InlineStepperViewStyle: StepperViewStyle {
func makeBody(configuration: StepperViewStyleConfiguration) -> some View {
HStack {
Button {
configuration.onDecrement()
} label: {
Image(systemName: "minus.circle.fill")
}

configuration.label

Button {
configuration.onIncrement()
} label: {
Image(systemName: "plus.circle.fill")
}
}
.accessibilityElement(children: .combine)
.accessibilityAdjustableAction { direction in
switch direction {
case .increment:
configuration.onIncrement()
case .decrement:
configuration.onDecrement()
default:
break
}
}
}
}

// 5. Add an extension to set the styles
extension View {
func stepperViewStyle(_ style: Style) -> some View {
styledViewStyle(StepperViewBody.self, style: style)
}
}

// 6. Define the component
struct StepperView: View {
var label: Label
var onIncrement: () -> Void
var onDecrement: () -> Void

init(
@ViewBuilder label: () -> Label,
onIncrement: @escaping () -> Void,
onDecrement: @escaping () -> Void
) {
self.label = label()
self.onIncrement = onIncrement
self.onDecrement = onDecrement
}

var body: some View {
StepperViewBody(
configuration: .init(
onIncrement: onIncrement,
onDecrement: onDecrement
)
)
.viewAlias(StepperViewStyleConfiguration.Label.self) {
label
}
}
}

extension StepperView where Label == StepperViewStyleConfiguration.Label {
init(_ configuration: StepperViewStyleConfiguration) {
self.label = configuration.label
self.onIncrement = configuration.onIncrement
self.onDecrement = configuration.onDecrement
}
}

// 7. Define the component as a `ViewStyledView`.
struct StepperViewBody: ViewStyledView {
var configuration: StepperViewStyleConfiguration

// Implementing `body` is optional and only neccesary if you would
// like some default styling or modifiers that would be applied
// regardless of the style used
var body: some View {
StepperView(configuration)
// This styling will apply to every `StepperView` regardless of the style used
.padding(4)
.background(
RoundedRectangle(cornerRadius: 8)
.stroke(Color.secondary)
)
}

static var defaultStyle: DefaultStepperViewStyle {
DefaultStepperViewStyle()
}
}

// 8. Define a default style based on the `StyleContext` (Optional)
struct AutomaticStepperViewStyle: StepperViewStyle {
func makeBody(configuration: StepperViewStyleConfiguration) -> some View {
StepperView(configuration)
.styledViewStyle(
StepperViewBody.self,
style: InlineStepperViewStyle(),
predicate: .scrollView // Use the inline style when in a ScrollView
)
.styledViewStyle(
StepperViewBody.self,
style: DefaultStepperViewStyle() // If no predicate matches, use the default
)
}
}
```

[Open Examples](https://github.com/nathantannar4/Engine/blob/main/Example/Example/ViewStyleExamples.swift)

### Style Context

```swift
public protocol StyleContext {
/// Alternative style contexts that should also be matched against
static var aliases: [StyleContext.Type] { get }

/// Returns if the style context matches
static func evaluate(_ input: StyleContextInputs) -> Bool
}

/// A modifier that applies the `Modifier` only when the`StyleContext` matches
/// the current style context of the view.
@frozen
public struct StyleContextConditionalModifier<
Context: StyleContext,
Modifier: ViewModifier
>: ViewModifier {

@inlinable
public init(predicate: Context, @ViewModifierBuilder modifier: () -> Modifier)
}

/// A modifier that statically applies the `StyleContext`to the view hierarchy.
///
/// See Also:
/// - ``StyleContext``
@frozen
public struct StyleContextModifier<
Context: StyleContext
>: ViewModifier {

@inlinable
public init()
}
```

A `StyleContext` can be used to conditionally apply `ViewModifier`. This is done statically, without the use of `AnyView`.

SwiftUI automatically defines a `StyleContext` for views including, but not limited to, `ScrollView` and `List`. But you can also define your own `StyleContext`.

#### Examples

```swift
struct ContentView: View {
var body: some View {
ScrollView {
Text("Hello, World")
.modifier(
StyleContextConditionalModifier(predicate: .none) {
// This modifier will not be applied
BackgroundModifier(color: .red)
}
)
.modifier(
StyleContextConditionalModifier(predicate: .scrollView) {
// This modifier would be applied
BackgroundModifier(color: .blue)
}
)
}

Text("Hello, World")
.modifier(
StyleContextConditionalModifier(predicate: .none) {
// This modifier would be applied
BackgroundModifier(color: .red)
}
)
.modifier(
StyleContextConditionalModifier(predicate: .scrollView) {
// This modifier will not be applied
BackgroundModifier(color: .blue)
}
)
}
}
```

A great usecase for `StyleContext` is when paired with custom view styles!

[Open StyleContext.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/StyleContext.swift)

### Shapes

```swift
@frozen
public struct AnyShape: Shape {
@inlinable
public init(shape: S)
}

/// A custom parameter attribute that constructs a `Shape` from closures.
@resultBuilder
public struct ShapeBuilder { }

extension View {

/// Sets a clipping shape for this view.
@inlinable
public func clipShape(
style: FillStyle = FillStyle(),
@ShapeBuilder shape: () -> S
) -> some View

/// Defines the content shape for hit testing.
@inlinable
public func contentShape(
eoFill: Bool = false,
@ShapeBuilder shape: () -> S
) -> some View

/// Sets the content shape for this view.
@available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
@inlinable
public func contentShape(
_ kind: ContentShapeKinds,
eoFill: Bool = false,
@ShapeBuilder shape: () -> S
) -> some View
}
```

A backwards compatible `AnyShape` type erasure.

### View Input

```swift
public protocol ViewAlias: View where Body == Never {
associatedtype DefaultBody: View = EmptyView
@MainActor @ViewBuilder var defaultBody: DefaultBody { get }
}

extension View {

/// Statically type-erases `Source` to be resolved by the ``ViewAlias``.
@inlinable
public func viewAlias<
Alias: ViewAlias,
Source: View
>(
_ : Alias.Type,
@ViewBuilder source: () -> Source
) -> some View
}
```

A ``ViewAlias`` is can be defined statically by one of its ancestors. Because ``ViewAlias`` is guaranteed to be static it can be used for type-erasure without the performance impacts associated with `AnyView`.

[Open ViewAlias.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/ViewAlias.swift)

### View Output

```swift
@available(iOS 14.0, macOS 11.0, tvOS 14.0, watchOS 7.0, *)
public protocol ViewOutputKey {
associatedtype Content: View = AnyView
typealias Value = ViewOutputList
static func reduce(value: inout Value, nextValue: () -> Value)
}

extension View {

/// A modifier that writes a `Source` view to a ``ViewOutputKey``
@available(iOS 14.0, macOS 11.0, tvOS 14.0, watchOS 7.0, *)
@inlinable
public func viewOutput<
Key: ViewOutputKey,
Source: View
>(
_ : Key.Type,
@ViewBuilder source: () -> Source
) -> some View where Key.Content == Source
```

A `ViewOutputKey` allows for a descendent view to return one or more views to a parent view.

[Open ViewOutputKey.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/ViewOutputKey.swift)

```swift
@available(iOS 14.0, macOS 11.0, tvOS 14.0, watchOS 7.0, *)
public protocol ViewOutputAlias: View where Body == Never {
associatedtype Content: View = AnyView
associatedtype DefaultBody: View = EmptyView
@MainActor @ViewBuilder var defaultBody: DefaultBody { get }
}

extension View {

/// Statically defines the `Source` to be resolved by the ``ViewOutputAlias``.
@available(iOS 14.0, macOS 11.0, tvOS 14.0, watchOS 7.0, *)
@inlinable
public func viewOutputAlias<
Alias: ViewOutputAlias,
Source: View
>(
_ : Alias.Type,
@ViewBuilder source: () -> Source
) -> some View where Alias.Content == Source
}
```

A `ViewOutputAlias` is a more streamlined variant of `ViewOutputKey` that only supports returning a single view from a descendent.

[Open ViewOutputAlias.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/ViewOutputAlias.swift)

### Variadic Views

```swift
@frozen
public struct VariadicViewAdapter: View {

@inlinable
public init(
@ViewBuilder source: () -> Source,
@ViewBuilder content: @escaping (VariadicView) -> Content
)
}
```

A variadic view allows many possibilities with SwiftUI to be unlocked, as it permits a transform of a single view into a collection of subviews. To learn more [MovingParts](https://movingparts.io/variadic-views-in-swiftui) has a great block post on the subject.

[Open VariadicView.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/VariadicView.swift)

#### Examples

You can use `VariadicViewAdapter` to write components like a custom picker view.

```swift
enum Fruit: Hashable, CaseIterable {
case apple
case orange
case banana
}

struct FruitPicker: View {
@State var selection: Fruit = .apple

var body: some View {
PickerView(selection: $selection) {
ForEach(Fruit.allCases, id: \.self) { fruit in
Text(fruit.rawValue)
}
}
.buttonStyle(.plain)
}
}

struct PickerView: View {
@Binding var selection: Selection
@ViewBuilder var content: Content

var body: some View {
VariadicViewAdapter {
content
} content: { source in
ForEachSubview(source) { index, subview in
HStack {
// This works since the ForEach ID is the Fruit (ie Selection) type
let isSelected: Bool = selection == subview.id(as: Selection.self)
if isSelected {
Image(systemName: "checkmark")
}

Button {
selection = subview.id(as: Selection.self)!
} label: {
subview
}
}
}
}
}
}
```

[Open Examples](https://github.com/nathantannar4/Engine/blob/main/Example/Example/VariadicViewExamples.swift)

### Availability

```swift
public protocol VersionedView: View where Body == Never {
associatedtype V5Body: View = V4Body

@available(iOS 17.0, macOS 14.0, tvOS 17.0, watchOS 10.0, visionOS 1.0, *)
@ViewBuilder var v5Body: V5Body { get }

associatedtype V4Body: View = V3Body

@available(iOS 16.0, macOS 13.0, tvOS 16.0, watchOS 9.0, *)
@ViewBuilder var v4Body: V4Body { get }

associatedtype V3Body: View = V2Body

@available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
@ViewBuilder var v3Body: V3Body { get }

associatedtype V2Body: View = V1Body

@available(iOS 14.0, macOS 11.0, tvOS 14.0, watchOS 7.0, *)
@ViewBuilder var v2Body: V2Body { get }

associatedtype V1Body: View = EmptyView

@ViewBuilder var v1Body: V1Body { get }
}
```

Supporting multiple release versions for SwiftUI can be tricky. If a modifier or view is available in a newer release, you have probably used `if #available(...)`. While this works, it is not performant since `@ViewBuilder` will turn this into an `AnyView`. Moreover, the code can become harder to read. For this reason, `Engine` has `VersionedView` and `VersionedViewModifier` for writing views with a `body` that can be different based on release availability.

[Open VersionedView.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/VersionedView.swift)

#### Examples

You can use `VersionedViewModifier` to help adopt newer SwiftUI APIs with less friction. Such as adopting a new view type like `Grid`, while still supporting older iOS versions with a custom grid view; or using new view modifiers which due to the required `if #available(...)` checks can force you to refactor your code.

```swift
struct ContentView: VersionedView {
@available(iOS 16.0, macOS 13.0, tvOS 16.0, watchOS 9.0, *)
var v4Body: some View {
Grid {
// ...
}
}

var v1Body: some View {
CustomGridView {
// ...
}
}
}

struct UnderlineModifier: VersionedViewModifier {
@available(iOS 16.0, macOS 13.0, tvOS 16.0, watchOS 9.0, *)
func v4Body(content: Content) -> some View {
content.underline()
}

// Add support for a semi-equivalent version for iOS 13-15
func v1Body(content: Content) -> some View {
content
.background(
Rectangle()
.frame(height: 1)
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .bottom)
)
}
}

struct UnderlineButtonStyle: ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label
.modifier(UnderlineIfAvailableModifier()) // #if #available(...) not required
}
}

struct ContentView: View {
var body: some View {
Button {
// ....
} label: {
Text("Underline if #available")
}
.buttonStyle(UnderlineButtonStyle())
}
}
```

[Open VersionedViewModifier.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/VersionedViewModifier.swift)

### Static Conditionals

```swift
public protocol StaticCondition {
static var value: Bool { get }
}

@frozen
public struct StaticConditionalContent<
Condition: StaticCondition,
TrueContent: View,
FalseContent: View
>: View {

@inlinable
public init(
_ : Condition.Type = Condition.self,
@ViewBuilder then: () -> TrueContent,
@ViewBuilder otherwise: () -> FalseContent
)
}

@frozen
public struct StaticConditionalModifier<
Condition: StaticCondition,
TrueModifier: ViewModifier,
FalseModifier: ViewModifier
>: ViewModifier {

@inlinable
public init(
_ : Condition.Type = Condition.self,
@ViewModifierBuilder then: () -> TrueModifier,
@ViewModifierBuilder otherwise: () -> FalseModifier
)
}
```

Should you ever have a modifier or view that is conditional upon a static flag, `Engine` provides `StaticConditionalContent` and `StaticConditionalModifier`. A great example is a view or modifier is different depending on the user interface idiom. When you use an `if/else` in a `@ViewBuilder`, the Swift compiler doesn't know that the condition is static. So SwiftUI will need to be ready for the condition to change, which can hinder performance needlessly if you know the condition is static.

[Open StaticConditionalContent.swift](https://github.com/nathantannar4/Engine/blob/main/Sources/Engine/Sources/StaticConditionalContent.swift)

#### Examples

You can use `StaticConditionalContent` to gate features or content to Debug or Testflight builds without impacting your production build performance.

```swift
struct IsDebug: StaticCondition {
static var value: Bool {
#if DEBUG
return true
#else
return false
#endif
}
}

struct ProfileView: View {
var body: some View {
StaticConditionalContent(IsDebug.self) { // More performant than `if IsDebug.value ...`
NewProfileView()
} otherwise: {
LegacyProfileView()
}
}
}
```

[Open More Examples](https://github.com/nathantannar4/Engine/blob/main/Example/Example/StaticConditionalExamples.swift)

### EngineCore

The visitor pattern enables casting from a generic type T to a protocol with an associated type so that the concrete type can be utilized.

```swift
struct ViewAccessor: ViewVisitor {
var input: Any

var output: AnyView {
func project(_ input: T) -> AnyView {
var visitor = Visitor(input: input)
let conformance = ViewProtocolDescriptor.conformance(of: T.self)!
conformance.visit(visitor: &visitor)
return visitor.output
}
return _openExistential(input, do: project)
}

struct Visitor: ViewVisitor {
var input: T
var output: AnyView!

mutating func visit(type: Content.Type) {
let view = unsafeBitCast(input, to: Content.self)
output = AnyView(view)
}
}
}

let value: Any = Text("Hello, World!")
let accessor = ViewAccessor(input: value)
let view = accessor.output
print(view) // AnyView(Text("Hello, World!"))
```

## License

Distributed under the BSD 2-Clause License. See ``LICENSE.md`` for more information.