166

Author: mbrandonw

0166-navigation-pt7/README.md

@@ -0,0 +1,5 @@
+## [Point-Free](https://www.pointfree.co)
+
+> #### This directory contains code from Point-Free Episode: [SwiftUI Navigation: Links, Part 2](https://www.pointfree.co/episodes/ep166-swiftui-navigation-links-part-2)
+>
+> Let’s explore “tag” and “selection”-based navigation links in SwiftUI. What are they for and how do they compare with the link and link helpers we’ve used so far? We will then take a step back to compare links with all of the other forms of navigation out there and propose a “Grand Unified Theory of Navigation.”

0166-navigation-pt7/SwiftUINavigation/SwiftUINavigation.xcodeproj/project.pbxproj

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

0166-navigation-pt7/SwiftUINavigation/SwiftUINavigation.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,11 @@
+{
+  "colors" : [
+    {
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

0166-navigation-pt7/SwiftUINavigation/SwiftUINavigation.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -0,0 +1,98 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "60x60"
+    },
+    {
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "76x76"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "76x76"
+    },
+    {
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "83.5x83.5"
+    },
+    {
+      "idiom" : "ios-marketing",
+      "scale" : "1x",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

0166-navigation-pt7/SwiftUINavigation/SwiftUINavigation/Assets.xcassets/AccentColor.colorset/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

0166-navigation-pt7/SwiftUINavigation/SwiftUINavigation/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,48 @@
+import SwiftUI
+
+enum Tab {
+  case one, inventory, three
+}
+
+class AppViewModel: ObservableObject {
+  @Published var inventoryViewModel: InventoryViewModel
+  @Published var selectedTab: Tab
+
+  init(
+    inventoryViewModel: InventoryViewModel = .init(),
+    selectedTab: Tab = .one
+  ) {
+    self.inventoryViewModel = inventoryViewModel
+    self.selectedTab = selectedTab
+  }
+}
+
+struct ContentView: View {
+  @ObservedObject var viewModel: AppViewModel
+
+  var body: some View {
+    TabView(selection: self.$viewModel.selectedTab) {
+      Button("Go to 2nd tab") {
+        self.viewModel.selectedTab = .inventory
+      }
+        .tabItem { Text("One") }
+        .tag(Tab.one)
+
+      NavigationView {
+        InventoryView(viewModel: self.viewModel.inventoryViewModel)
+      }
+        .tabItem { Text("Inventory") }
+        .tag(Tab.inventory)
+
+      Text("Three")
+        .tabItem { Text("Three") }
+        .tag(Tab.three)
+    }
+  }
+}
+
+struct ContentView_Previews: PreviewProvider {
+  static var previews: some View {
+    ContentView(viewModel: .init(selectedTab: .inventory))
+  }
+}

0166-navigation-pt7/SwiftUINavigation/SwiftUINavigation/Assets.xcassets/Contents.json

@@ -0,0 +1,191 @@
+import CasePaths
+import IdentifiedCollections
+import SwiftUI
+
+struct Item: Equatable, Identifiable {
+  let id = UUID()
+  var name: String
+  var color: Color?
+  var status: Status
+
+  enum Status: Equatable {
+    case inStock(quantity: Int)
+    case outOfStock(isOnBackOrder: Bool)
+
+    var isInStock: Bool {
+      guard case .inStock = self else { return false }
+      return true
+    }
+  }
+
+  struct Color: Equatable, Hashable {
+    var name: String
+    var red: CGFloat = 0
+    var green: CGFloat = 0
+    var blue: CGFloat = 0
+
+    static var defaults: [Self] = [
+      .red,
+      .green,
+      .blue,
+      .black,
+      .yellow,
+      .white,
+    ]
+
+    static let red = Self(name: "Red", red: 1)
+    static let green = Self(name: "Green", green: 1)
+    static let blue = Self(name: "Blue", blue: 1)
+    static let black = Self(name: "Black")
+    static let yellow = Self(name: "Yellow", red: 1, green: 1)
+    static let white = Self(name: "White", red: 1, green: 1, blue: 1)
+
+    var swiftUIColor: SwiftUI.Color {
+      .init(red: self.red, green: self.green, blue: self.blue)
+    }
+  }
+}
+
+class InventoryViewModel: ObservableObject {
+  @Published var inventory: IdentifiedArrayOf<ItemRowViewModel>
+  @Published var route: Route?
+  
+  enum Route: Equatable {
+    case add(Item)
+    case row(id: ItemRowViewModel.ID, route: ItemRowViewModel.Route)
+  }
+
+  init(
+    inventory: IdentifiedArrayOf<ItemRowViewModel> = [],
+    route: Route? = nil
+  ) {
+    self.inventory = []
+    self.route = route
+
+    for itemRowViewModel in inventory {
+      self.bind(itemRowViewModel: itemRowViewModel)
+    }
+  }
+
+  private func bind(itemRowViewModel: ItemRowViewModel) {
+    itemRowViewModel.onDelete = { [weak self, item = itemRowViewModel.item] in
+      withAnimation {
+        self?.delete(item: item)
+      }
+    }
+    itemRowViewModel.onDuplicate = { [weak self] item in
+      withAnimation {
+        self?.add(item: item)
+      }
+    }
+    itemRowViewModel.$route
+      .map { [id = itemRowViewModel.id] route in
+        route.map { Route.row(id: id, route: $0) }
+      }
+      .removeDuplicates()
+      .dropFirst()
+      .assign(to: &self.$route)
+    self.$route
+      .map { [id = itemRowViewModel.id] route in
+        guard
+          case let .row(id: routeRowId, route: route) = route,
+          routeRowId == id
+        else { return nil }
+        return route
+      }
+      .removeDuplicates()
+      .assign(to: &itemRowViewModel.$route)
+    self.inventory.append(itemRowViewModel)
+  }
+
+  func delete(item: Item) {
+    withAnimation {
+      _ = self.inventory.remove(id: item.id)
+    }
+  }
+
+  func add(item: Item) {
+    withAnimation {
+      self.bind(itemRowViewModel: .init(item: item))
+      self.route = nil
+    }
+  }
+
+  func addButtonTapped() {
+    self.route = .add(.init(name: "", color: nil, status: .inStock(quantity: 1)))
+
+    Task { @MainActor in
+      try await Task.sleep(nanoseconds: 500 * NSEC_PER_MSEC)
+      try (/Route.add).modify(&self.route) {
+        $0.name = "Bluetooth Keyboard"
+      }
+    }
+  }
+
+  func cancelButtonTapped() {
+    self.route = nil
+  }
+}
+
+struct InventoryView: View {
+  @ObservedObject var viewModel: InventoryViewModel
+  
+  var body: some View {
+    List {
+      ForEach(
+        self.viewModel.inventory,
+        content: ItemRowView.init(viewModel:)
+      )
+    }
+    .toolbar {
+      ToolbarItem(placement: .primaryAction) {
+        Button("Add") { self.viewModel.addButtonTapped() }
+      }
+    }
+    .navigationTitle("Inventory")
+    .sheet(unwrap: self.$viewModel.route.case(/InventoryViewModel.Route.add)) { $itemToAdd in
+      NavigationView {
+        ItemView(item: $itemToAdd)
+          .navigationTitle("Add")
+          .toolbar {
+            ToolbarItem(placement: .cancellationAction) {
+              Button("Cancel") { self.viewModel.cancelButtonTapped() }
+            }
+            ToolbarItem(placement: .primaryAction) {
+              Button("Save") { self.viewModel.add(item: itemToAdd) }
+            }
+          }
+      }
+    }
+  }
+}
+
+struct TestView: View {
+  @State var collection = [1, 2, 3]
+
+  var body: some View {
+    ForEach(self.$collection, id: \.self) { $element in
+
+    }
+  }
+}
+
+struct InventoryView_Previews: PreviewProvider {
+  static var previews: some View {
+    let keyboard = Item(name: "Keyboard", color: .blue, status: .inStock(quantity: 100))
+    
+    NavigationView {
+      InventoryView(
+        viewModel: .init(
+          inventory: [
+            .init(item: keyboard),
+            .init(item: Item(name: "Charger", color: .yellow, status: .inStock(quantity: 20))),
+            .init(item: Item(name: "Phone", color: .green, status: .outOfStock(isOnBackOrder: true))),
+            .init(item: Item(name: "Headphones", color: .green, status: .outOfStock(isOnBackOrder: false))),
+          ],
+          route: nil
+        )
+      )
+    }
+  }
+}