Add ConnectedView, StoreConnector and StoreProvider

Sources/SwiftUIFlux/connector/ConnectedView.swift

@@ -0,0 +1,28 @@
+//
+//  File.swift
+//  
+//
+//  Created by Thomas Ricouard on 23/07/2019.
+//
+
+import SwiftUI
+
+public protocol ConnectedView: View {
+    associatedtype State: FluxState
+    associatedtype Props
+    associatedtype V: View
+
+    func map(state: State, dispatch: @escaping (Action) -> Void) -> Props
+    func body(props: Props) -> V
+}
+
+public extension ConnectedView {
+    func render(state: State, dispatch: @escaping (Action) -> Void) -> V {
+        let props = map(state: state, dispatch: dispatch)
+        return body(props: props)
+    }
+
+    var body: StoreConnector<State, V> {
+        return StoreConnector(content: render)
+    }
+}

Sources/SwiftUIFlux/connector/StoreConnector.swift

@@ -0,0 +1,17 @@
+//
+//  File.swift
+//  
+//
+//  Created by Thomas Ricouard on 23/07/2019.
+//
+
+import SwiftUI
+
+public struct StoreConnector<State: FluxState, V: View>: View {
+    @EnvironmentObject var store: Store<State>
+    let content: (State, @escaping (Action) -> Void) -> V
+
+    public var body: V {
+        content(store.state, store.dispatch(action:))
+    }
+}

Sources/SwiftUIFlux/connector/StoreProvider.swift

@@ -0,0 +1,22 @@
+//
+//  File.swift
+//  
+//
+//  Created by Thomas Ricouard on 23/07/2019.
+//
+
+import SwiftUI
+
+public struct StoreProvider<S: FluxState, V: View>: View {
+    public let store: Store<S>
+    public let content: () -> V
+
+    public init(store: Store<S>, content: @escaping () -> V) {
+        self.store = store
+        self.content = content
+    }
+
+    public var body: some View {
+        content().environmentObject(store)
+    }
+}

Tests/SwiftUIFluxTests/SwiftUIFluxTests.swift

@@ -1,5 +1,6 @@
 #if DEBUG
 import XCTest
+import SwiftUI
 @testable import SwiftUIFlux
 
 struct TestState: FluxState {
@@ -19,6 +20,31 @@ func testReducer(state: TestState, action: Action) -> TestState {
     return state
 }
 
+struct HomeView: ConnectedView {
+    struct Props {
+        let count: Int
+        let onIncrementCount: () -> Void
+    }
+
+    func text(props: Props) -> String{
+        return "\(props.count)"
+    }
+
+    func map(state: TestState, dispatch: @escaping (Action) -> Void) -> Props {
+        return Props(count: state.count,
+                     onIncrementCount: { dispatch(IncrementAction()) })
+    }
+
+    func body(props: Props) -> some View {
+        VStack {
+            Text(text(props: props))
+            Button(action: props.onIncrementCount) {
+                Text("Increment")
+            }
+        }
+    }
+}
+
 @available(iOS 13.0, *)
 final class SwiftUIFluxTests: XCTestCase {
     let store = Store<TestState>(reducer: testReducer, state: TestState())
@@ -30,6 +56,24 @@ final class SwiftUIFluxTests: XCTestCase {
             XCTAssert(self.store.state.count == 1, "Reduced state increment is not valid")
         }
     }
+
+    func testViewProps() {
+        let view = StoreProvider(store: store) {
+            HomeView()
+        }
+        store.dispatch(action: IncrementAction())
+        DispatchQueue.main.async {
+            var props = view.content().map(state: self.store.state, dispatch: self.store.dispatch(action:))
+            XCTAssert(props.count == 1, "View state is not correct")
+            props.onIncrementCount()
+            DispatchQueue.main.async {
+                props = view.content().map(state: self.store.state, dispatch: self.store.dispatch(action:))
+                XCTAssert(props.count == 2, "View state is not correct")
+            }
+
+        }
+
+    }
 
     static var allTests = [
         ("testExample", testStore),