Fix focusing of in-game menu buttons for tvOS and implement basics of…

… VideoSettingsView for tvOS (which doesn't have any built-in Slider view)

Sources/Client/Views/Play/InGameMenu.swift

@@ -6,15 +6,38 @@ struct InGameMenu: View {
     case settings
   }
 
-  #if os(tvOS)
-  @Namespace var focusNamespace
-  #endif
-
   @EnvironmentObject var appState: StateWrapper<AppState>
 
   @Binding var presented: Bool
   @State var state: InGameMenuState = .menu
 
+  @FocusState var focusState: FocusElements?
+
+  func moveFocus(_ direction: MoveCommandDirection) {
+    if let focusState = focusState {
+      let step: Int
+      switch direction {
+        case .down:
+          step = 1
+        case .up:
+          step = -1
+        case .left, .right:
+          return
+      }
+      let count = FocusElements.allCases.count
+      // Add an extra count before taking the modulo cause Swift's mod operator isn't
+      // the real mathematical modulo.
+      let index = (focusState.rawValue + step + count) % count
+      self.focusState = FocusElements.allCases[index]
+    }
+  }
+
+  enum FocusElements: Int, CaseIterable {
+    case backToGame
+    case settings
+    case disconnect
+  }
+
   init(presented: Binding<Bool>) {
     _presented = presented
   }
@@ -31,19 +54,20 @@ struct InGameMenu: View {
                 }
                   #if !os(tvOS)
                   .keyboardShortcut(.escape, modifiers: [])
-                  #else
-                  .prefersDefaultFocus(in: focusNamespace)
                   #endif
+                  .focused($focusState, equals: .backToGame)
                   .buttonStyle(PrimaryButtonStyle())
 
                 Button("Settings") { 
                   state = .settings
                 }
+                  .focused($focusState, equals: .settings)
                   .buttonStyle(SecondaryButtonStyle())
 
                 Button("Disconnect") {
                   appState.update(to: .serverList)
                 }
+                  .focused($focusState, equals: .disconnect)
                   .buttonStyle(SecondaryButtonStyle())
               }
               #if !os(tvOS)
@@ -57,10 +81,10 @@ struct InGameMenu: View {
         }
           .frame(width: geometry.size.width, height: geometry.size.height)
           .background(Color.black.opacity(0.702), alignment: .center)
-          #if os(tvOS)
+          .onAppear {
+            focusState = .backToGame
+          }
           .focusSection()
-          .focusScope(focusNamespace)
-          #endif
       }
     }
   }

Sources/Client/Views/Play/JoinServerAndThen.swift

@@ -80,12 +80,17 @@ struct JoinServerAndThen<Content: View>: View {
             HStack {
               ProgressView(value: Double(received) / Double(total))
               Text("\(received) of \(total)")
-            }.frame(maxWidth: 200)
+            }
+            #if !os(tvOS)
+            .frame(maxWidth: 200)
+            #endif
           }
 
           Button("Cancel", action: cancel)
             .buttonStyle(SecondaryButtonStyle())
+            #if !os(tvOS)
             .frame(width: 150)
+            #endif
         case .joined:
           if let client = client {
             content(client)

Sources/Client/Views/Settings/SettingsView.swift

@@ -24,7 +24,7 @@ struct SettingsView: View {
     self.isInGame = isInGame
     self.done = done
 
-    #if os(iOS)
+    #if os(iOS) || os(tvOS)
       // On iOS, the navigation isn't a split view, so we should show the settings page selection
       // view first instead of auto-selecting the first page.
       self._currentPage = State(initialValue: landingPage)
@@ -36,13 +36,14 @@ struct SettingsView: View {
   var body: some View {
     NavigationView {
       List {
-        #if !os(tvOS)
         NavigationLink(
           "Video",
           destination: VideoSettingsView().padding(),
           tag: SettingsState.video,
           selection: $currentPage
         )
+
+        #if !os(tvOS)
         NavigationLink(
           "Controls",
           destination: ControlsSettingsView().padding(),

Sources/Client/Views/Settings/VideoSettingsView.swift

@@ -1,27 +1,38 @@
 import SwiftUI
 import DeltaCore
 
-#if !os(tvOS)
 struct VideoSettingsView: View {
   @EnvironmentObject var managedConfig: ManagedConfig
 
   var body: some View {
     ScrollView {
       HStack {
         Text("Render distance: \(managedConfig.render.renderDistance)")
-        Spacer()
-        Slider(
-          value: Binding {
-            Float(managedConfig.render.renderDistance)
-          } set: { newValue in
-            managedConfig.render.renderDistance = Int(newValue.rounded())
-          },
-          in: 0...32,
-          step: 1
-        )
-          .frame(width: 220)
+        ProgressView(value: Double(managedConfig.render.renderDistance) / 32)
+        // Slider(
+        //   value: Binding {
+        //     Float(managedConfig.render.renderDistance)
+        //   } set: { newValue in
+        //     managedConfig.render.renderDistance = Int(newValue.rounded())
+        //   },
+        //   in: 0...32,
+        //   step: 1
+        // )
+        //   .frame(width: 220)
+      }
+      .focusable()
+      .onMoveCommand { direction in
+        switch direction {
+          case .left:
+            managedConfig.render.renderDistance -= 1
+          case .right:
+            managedConfig.render.renderDistance += 1
+          default:
+            break
+        }
       }
 
+      #if !os(tvOS)
       HStack {
         Text("FOV: \(Int(managedConfig.render.fovY.rounded()))")
         Spacer()
@@ -35,6 +46,7 @@ struct VideoSettingsView: View {
         )
           .frame(width: 220)
       }
+      #endif
 
       HStack {
         Text("Render mode")
@@ -49,23 +61,30 @@ struct VideoSettingsView: View {
         #elseif os(iOS) || os(tvOS)
           .pickerStyle(DefaultPickerStyle())
         #endif
+        #if !os(tvOS)
           .frame(width: 220)
+        #endif
       }
 
-      HStack {
-        Text("Order independent transparency")
-        Spacer()
-        Toggle(
-          "Order independent transparency",
-          isOn: $managedConfig.render.enableOrderIndependentTransparency
-        )
-          .labelsHidden()
-          .toggleStyle(.switch)
-          .frame(width: 220)
-      }
+      // Order independent transparency doesn't work on tvOS yet (our implementation uses a Metal
+      // feature which isn't supported on tvOS).
+      #if !os(tvOS)
+        HStack {
+          Text("Order independent transparency")
+          Spacer()
+          Toggle(
+            "Order independent transparency",
+            isOn: $managedConfig.render.enableOrderIndependentTransparency
+          )
+            .labelsHidden()
+            .toggleStyle(.switch)
+            .frame(width: 220)
+        }
+      #endif
     }
+    #if !os(tvOS)
     .frame(width: 450)
+    #endif
     .navigationTitle("Video")
   }
 }
-#endif