Add Async image loading

Examples/Time Travel/SwiftUITimeTravel/TodoList/Internal Views/AddItemView.swift

@@ -0,0 +1,40 @@
+import SwiftUI
+
+struct AddItemView: View {
+    
+    @EnvironmentObject var store: Store<TodoState>
+    
+    var body: some View {
+        
+        let textBinding = Binding<String>(
+            getValue: { self.store.state.partialItemName },
+            setValue: { self.store.dispatch(event: .changePartialItemName($0)) })
+        
+        return VStack(spacing: 16) {
+            TextField(textBinding, placeholder: Text("Title"))
+            Button(action: {
+                self.store.dispatch(event: .addItem)
+            }) {
+                HStack {
+                    Spacer()
+                    Text("Add").padding([.top, .bottom], 8.0)
+                    Spacer()
+                }
+
+                }
+                .relativeWidth(1.0)
+                .background(Color.accentColor)
+                .disabled(store.state.partialItemName.isEmpty)
+                .foregroundColor(.white)
+                .cornerRadius(8.0)
+        }
+        .padding()
+    }
+}
+#if DEBUG
+struct AddItemView_Previews : PreviewProvider {
+    static var previews: some View {
+        AddItemView()
+    }
+}
+#endif

Examples/Time Travel/SwiftUITimeTravel/TodoList/Internal Views/ModalDimmingView.swift

@@ -0,0 +1,27 @@
+import SwiftUI
+
+struct ModalDimmingView : View {
+    
+    @EnvironmentObject var store: Store<TodoState>
+    
+    var body: some View {
+        Color
+            .black
+            .relativeWidth(1.0)
+            .relativeHeight(1.0)
+            .opacity(0.3)
+            .edgesIgnoringSafeArea([.bottom, .top])
+            .transition(.opacity)
+            .tapAction {
+                self.store.dispatch(event: .cancelCreatingItem)
+            }
+    }
+}
+
+#if DEBUG
+struct ModalDimmingView_Previews : PreviewProvider {
+    static var previews: some View {
+        ModalDimmingView()
+    }
+}
+#endif

Examples/Time Travel/SwiftUITimeTravel/TodoList/Internal Views/TodoListItemView.swift

@@ -0,0 +1,26 @@
+import SwiftUI
+
+struct TodoListItemView : View {
+    
+    @EnvironmentObject var store: Store<TodoState>
+    
+    let item: TodoItem
+
+    var body: some View {
+        let binding = Binding(
+            getValue: { self.item.isFinished },
+            setValue: { self.store.dispatch(event: .setItemDone(identifier: self.item.id, isDone: $0)) })
+        
+        return Toggle(isOn: binding) {
+            Text(item.title)
+        }
+    }
+}
+
+#if DEBUG
+struct TodoListItemView_Previews : PreviewProvider {
+    static var previews: some View {
+        TodoListItemView(item: TodoItem(id: UUID(), title: "Test", isFinished: false))
+    }
+}
+#endif

Examples/Time Travel/SwiftUITimeTravel/TodoList/Model/TodoItem.swift

@@ -0,0 +1,7 @@
+import SwiftUI
+
+struct TodoItem: Identifiable {
+    var id: UUID
+    var title: String
+    var isFinished: Bool
+}

Examples/Time Travel/SwiftUITimeTravel/TodoList/Model/TodoState.swift

@@ -0,0 +1,39 @@
+import SwiftUI
+
+struct TodoState {
+    var isCreatingItem: Bool = false
+    var partialItemName: String = ""
+    var todoItems: [TodoItem] = []
+}
+
+extension TodoState: StateMachine {
+    
+    enum Event {
+        case startCreatingItem
+        case cancelCreatingItem
+        case changePartialItemName(String)
+        case addItem
+        case setItemDone(identifier: UUID, isDone: Bool)
+    }
+    
+    mutating func update(with event: TodoState.Event) {
+        switch event {
+        case .addItem:
+            todoItems.append(TodoItem(id: UUID(), title: partialItemName, isFinished: false))
+            partialItemName = ""
+            isCreatingItem = false
+        case .changePartialItemName(let name):
+            partialItemName = name
+        case .cancelCreatingItem:
+            isCreatingItem = false
+        case .startCreatingItem:
+            isCreatingItem = true
+            partialItemName = ""
+        case .setItemDone(let identifier, let isDone):
+            if let index = todoItems.firstIndex(where: { $0.id == identifier }) {
+                todoItems[index].isFinished = isDone
+            }
+        }
+    }
+    
+}

Examples/Time Travel/SwiftUITimeTravel/TodoList/TodoListView.swift

@@ -0,0 +1,43 @@
+import SwiftUI
+
+struct TodoListView : View {
+    
+    @EnvironmentObject var store: Store<TodoState>
+    
+    var body: some View {
+        ZStack {
+            NavigationView {
+                List(store.state.todoItems) { item in TodoListItemView(item: item) }
+                    .navigationBarTitle(Text("Todo List"))
+                    .navigationBarItems(trailing: Button(action: {
+                        withAnimation {
+                            self.store.dispatch(event: .startCreatingItem)
+                        }
+                    }, label: { Image(systemName: "plus.circle") })) }
+            
+            if store.state.isCreatingItem {
+                
+                ModalDimmingView()
+                
+                VStack {
+                    Spacer()
+                    AddItemView()
+                        .relativeWidth(1.0)
+                        .background(Color.white)
+                        .cornerRadius(12.0)
+                        .shadow(radius: 16.0)
+                        .padding()
+                    Spacer()
+                }
+                .transition(.move(edge: .bottom))
+            }
+        }
+    }
+}
+#if DEBUG
+struct TodoListView_Previews : PreviewProvider {
+    static var previews: some View {
+        TodoListView()
+    }
+}
+#endif