Fix invalid on-appear calls in tab views

App/Sources/App.swift

@@ -15,7 +15,7 @@ struct App: SwiftUI.App {
       shape: ShapeState(type: .square),
       preview: PreviewState()
     ),
-    reducer: tabsReducer,
+    reducer: tabsReducer.debug(),
     environment: ()
   )
 

Color/Sources/ColorAction.swift

@@ -3,4 +3,5 @@ public enum ColorAction: Equatable {
   case didUpdateGreen(Double)
   case didUpdateBlue(Double)
   case apply
+  case onAppear
 }

Color/Sources/ColorReducer.swift

@@ -16,5 +16,8 @@ public let colorReducer = Reducer<ColorState, ColorAction, Void> { state, action
 
   case .apply:
     return .none
+
+  case .onAppear:
+    return .none
   }
 }

Common/Package.swift

@@ -15,7 +15,7 @@ let package = Package(
   dependencies: [
     .package(
       url: "https://github.com/pointfreeco/swift-composable-architecture.git",
-      from: "0.13.0"
+      from: "0.17.0"
     )
   ],
   targets: [

Preview/Sources/PreviewAction.swift

@@ -1,3 +1,4 @@
 public enum PreviewAction: Equatable {
   case reset
+  case onAppear
 }

Preview/Sources/PreviewReducer.swift

@@ -6,5 +6,8 @@ public let previewReducer = Reducer<PreviewState, PreviewAction, Void> { state,
     state.color = nil
     state.shape = nil
     return .none
+
+  case .onAppear:
+    return .none
   }
 }

Preview/Sources/PreviewView.swift

@@ -12,37 +12,39 @@ public struct PreviewView: View {
 
   public var body: some View {
     WithViewStore(store) { viewStore in
-      if let color = viewStore.color,
-         let shape = viewStore.shape {
-        VStack {
-          Group {
-            switch shape {
-            case .circle:
-              Circle()
+      Group {
+        if let color = viewStore.color,
+           let shape = viewStore.shape {
+          VStack {
+            Group {
+              switch shape {
+              case .circle:
+                Circle()
 
-            case .square:
-              Rectangle()
+              case .square:
+                Rectangle()
+              }
             }
-          }
-          .aspectRatio(1, contentMode: .fit)
-          .padding()
-          .foregroundColor(Color(
-            .displayP3,
-            red: color.red,
-            green: color.green,
-            blue: color.blue,
-            opacity: 1
-          ))
+            .aspectRatio(1, contentMode: .fit)
+            .padding()
+            .foregroundColor(Color(
+              .displayP3,
+              red: color.red,
+              green: color.green,
+              blue: color.blue,
+              opacity: 1
+            ))
 
-          Button(action: { viewStore.send(.reset) }) {
-            Text("Reset")
-              .padding()
+            Button(action: { viewStore.send(.reset) }) {
+              Text("Reset")
+                .padding()
+            }
+          }
+        } else {
+          VStack {
+            Text("No preview").font(.title)
+            Text("Apply color and shape first")
           }
-        }
-      } else {
-        VStack {
-          Text("No preview").font(.title)
-          Text("Apply color and shape first")
         }
       }
     }

Shape/Sources/ShapeAction.swift

@@ -1,4 +1,5 @@
 public enum ShapeAction: Equatable {
   case didSelectType(ShapeType)
   case apply
+  case onAppear
 }

Shape/Sources/ShapeReducer.swift

@@ -8,5 +8,8 @@ public let shapeReducer = Reducer<ShapeState, ShapeAction, Void> { state, action
 
   case .apply:
     return .none
+
+  case .onAppear:
+    return .none
   }
 }

Tabs/Sources/Tab.swift

@@ -1,4 +1,4 @@
-public enum Tab: Int, CaseIterable {
+public enum Tab: Int, CaseIterable, Equatable {
   case color
   case shape
   case preview

Tabs/Sources/TabsView.swift

@@ -12,7 +12,7 @@ public struct TabsView: View {
   let store: Store<TabsState, TabsAction>
 
   public var body: some View {
-    WithViewStore(store) { viewStore in
+    WithViewStore(store.scope(state: TabsViewState.init(state:))) { viewStore in
       TabView(selection: viewStore.binding(
         get: \.selectedTab,
         send: TabsAction.didSelectTab
@@ -55,18 +55,27 @@ public struct TabsView: View {
         state: \.color,
         action: TabsAction.color
       ))
+      .onAppear {
+        ViewStore(store.stateless).send(.color(.onAppear))
+      }
 
     case .shape:
       ShapeView(store: store.scope(
         state: \.shape,
         action: TabsAction.shape
       ))
+      .onAppear {
+        ViewStore(store.stateless).send(.shape(.onAppear))
+      }
 
     case .preview:
       PreviewView(store: store.scope(
         state: \.preview,
         action: TabsAction.preview
       ))
+      .onAppear {
+        ViewStore(store.stateless).send(.preview(.onAppear))
+      }
     }
   }
 }

Tabs/Sources/TabsViewState.swift

@@ -0,0 +1,7 @@
+struct TabsViewState: Equatable {
+  init(state: TabsState) {
+    selectedTab = state.selectedTab
+  }
+
+  var selectedTab: Tab
+}