swift-composable-architecture-mirror/Examples/CaseStudies/SwiftUICaseStudies/00-RootView.swift

import ComposableArchitecture
import SwiftUI

struct RootView: View {
  let store: StoreOf<Root>

  var body: some View {
    NavigationStack {
      Form {
        Section(header: Text("Getting started")) {
          NavigationLink(
            "Basics",
            destination: CounterDemoView(
              store: self.store.scope(
                state: \.counter,
                action: Root.Action.counter
              )
            )
          )

          NavigationLink(
            "Combining reducers",
            destination: TwoCountersView(
              store: self.store.scope(
                state: \.twoCounters,
                action: Root.Action.twoCounters
              )
            )
          )

          NavigationLink(
            "Bindings",
            destination: BindingBasicsView(
              store: self.store.scope(
                state: \.bindingBasics,
                action: Root.Action.bindingBasics
              )
            )
          )

          NavigationLink(
            "Form bindings",
            destination: BindingFormView(
              store: self.store.scope(
                state: \.bindingForm,
                action: Root.Action.bindingForm
              )
            )
          )

          NavigationLink(
            "Optional state",
            destination: OptionalBasicsView(
              store: self.store.scope(
                state: \.optionalBasics,
                action: Root.Action.optionalBasics
              )
            )
          )

          NavigationLink(
            "Shared state",
            destination: SharedStateView(
              store: self.store.scope(
                state: \.shared,
                action: Root.Action.shared
              )
            )
          )

          NavigationLink(
            "Alerts and Confirmation Dialogs",
            destination: AlertAndConfirmationDialogView(
              store: self.store.scope(
                state: \.alertAndConfirmationDialog,
                action: Root.Action.alertAndConfirmationDialog
              )
            )
          )

          NavigationLink(
            "Focus State",
            destination: FocusDemoView(
              store: self.store.scope(
                state: \.focusDemo,
                action: Root.Action.focusDemo
              )
            )
          )

          NavigationLink(
            "Animations",
            destination: AnimationsView(
              store: self.store.scope(
                state: \.animation,
                action: Root.Action.animation
              )
            )
          )
        }

        Section(header: Text("Effects")) {
          NavigationLink(
            "Basics",
            destination: EffectsBasicsView(
              store: self.store.scope(
                state: \.effectsBasics,
                action: Root.Action.effectsBasics
              )
            )
          )

          NavigationLink(
            "Cancellation",
            destination: EffectsCancellationView(
              store: self.store.scope(
                state: \.effectsCancellation,
                action: Root.Action.effectsCancellation)
            )
          )

          NavigationLink(
            "Long-living effects",
            destination: LongLivingEffectsView(
              store: self.store.scope(
                state: \.longLivingEffects,
                action: Root.Action.longLivingEffects
              )
            )
          )

          NavigationLink(
            "Refreshable",
            destination: RefreshableView(
              store: self.store.scope(
                state: \.refreshable,
                action: Root.Action.refreshable
              )
            )
          )

          NavigationLink(
            "Timers",
            destination: TimersView(
              store: self.store.scope(
                state: \.timers,
                action: Root.Action.timers
              )
            )
          )

          NavigationLink(
            "Web socket",
            destination: WebSocketView(
              store: self.store.scope(
                state: \.webSocket,
                action: Root.Action.webSocket
              )
            )
          )
        }

        Section(header: Text("Navigation")) {
          NavigationLink(
            "Stack",
            destination: NavigationDemoView(
              store: self.store.scope(
                state: \.navigationStack,
                action: Root.Action.navigationStack
              )
            )
          )

          NavigationLink(
            "Navigate and load data",
            destination: NavigateAndLoadView(
              store: self.store.scope(
                state: \.navigateAndLoad,
                action: Root.Action.navigateAndLoad
              )
            )
          )

          NavigationLink(
            "Lists: Navigate and load data",
            destination: NavigateAndLoadListView(
              store: self.store.scope(
                state: \.navigateAndLoadList,
                action: Root.Action.navigateAndLoadList
              )
            )
          )

          NavigationLink(
            "Sheets: Present and load data",
            destination: PresentAndLoadView(
              store: self.store.scope(
                state: \.presentAndLoad,
                action: Root.Action.presentAndLoad
              )
            )
          )

          NavigationLink(
            "Sheets: Load data then present",
            destination: LoadThenPresentView(
              store: self.store.scope(
                state: \.loadThenPresent,
                action: Root.Action.loadThenPresent
              )
            )
          )

          NavigationLink(
            "Multiple destinations",
            destination: MultipleDestinationsView(
              store: self.store.scope(
                state: \.multipleDestinations,
                action: Root.Action.multipleDestinations
              )
            )
          )
        }

        Section(header: Text("Higher-order reducers")) {
          NavigationLink(
            "Reusable favoriting component",
            destination: EpisodesView(
              store: self.store.scope(
                state: \.episodes,
                action: Root.Action.episodes
              )
            )
          )

          NavigationLink(
            "Reusable offline download component",
            destination: CitiesView(
              store: self.store.scope(
                state: \.map,
                action: Root.Action.map
              )
            )
          )

          NavigationLink(
            "Lifecycle",
            destination: LifecycleDemoView(
              store: self.store.scope(
                state: \.lifecycle,
                action: Root.Action.lifecycle
              )
            )
          )

          NavigationLink(
            "Elm-like subscriptions",
            destination: ClockView(
              store: self.store.scope(
                state: \.clock,
                action: Root.Action.clock
              )
            )
          )

          NavigationLink(
            "Recursive state and actions",
            destination: NestedView(
              store: self.store.scope(
                state: \.nested,
                action: Root.Action.nested
              )
            )
          )
        }
      }
      .navigationTitle("Case Studies")
      .onAppear { self.store.send(.onAppear) }
    }
  }
}

// MARK: - SwiftUI previews

struct RootView_Previews: PreviewProvider {
  static var previews: some View {
    RootView(
      store: Store(initialState: Root.State()) {
        Root()
      }
    )
  }
}