Beginnings of a UI for macOS as well as some visual changes to iOS client. :)

1 files changed, 191 insertions, 0 deletions

diff --git a/Hotline/macOS/TrackerView.swift b/Hotline/macOS/TrackerView.swift
new file mode 100644
index 0000000..684dd6a
--- /dev/null
+++ b/Hotline/macOS/TrackerView.swift
@@ -0,0 +1,191 @@
+import SwiftUI
+
+struct TrackerView: View {
+  
+  //  @Environment(\.modelContext) private var modelContext
+  //  @Query private var items: [Item]
+  
+//  @Environment(Hotline.self) private var model: Hotline
+  @Environment(\.colorScheme) var colorScheme
+  @Environment(\.openWindow) private var openWindow
+  
+  private var client = HotlineTrackerClient()
+  
+  @MainActor
+  func updateServers() async {
+    let fetchedServers: [HotlineServer] = await self.client.fetchServers(address: "hltracker.com", port: Tracker.defaultPort)
+    
+    var newServers: [Server] = []
+    
+    for s in fetchedServers {
+      if let serverName = s.name {
+        newServers.append(Server(name: serverName, description: s.description, address: s.address, port: Int(s.port), users: Int(s.users)))
+      }
+    }
+    
+    self.servers = newServers
+  }
+  
+//  private var model = Hotline(trackerClient: HotlineTrackerClient(), client: HotlineClient())
+  
+  //  @State private var tracker = Tracker(address: "hltracker.com", service: trackerService)
+  
+  @State private var servers: [Server] = []
+//  @State private var selectedServer: Server?
+  
+  @State private var selection: Server.ID? = nil
+  
+  @State private var scrollOffset: CGFloat = CGFloat.zero
+  @State private var initialLoadComplete = false
+  @State private var refreshing = false
+  @State private var topBarOpacity: Double = 1.0
+  @State private var connectVisible = false
+  @State private var connectDismissed = true
+  @State private var serverVisible = false
+  
+  func shouldDisplayDescription(server: Server) -> Bool {
+    guard let desc = server.description else {
+      return false
+    }
+    
+    return desc.count > 0 && desc != server.name
+  }
+  
+  func connectionStatusToProgress(status: HotlineClientStatus) -> Double {
+    switch status {
+    case .disconnected:
+      return 0.0
+    case .connecting:
+      return 0.1
+    case .connected:
+      return 0.25
+    case .loggingIn:
+      return 0.5
+    case .loggedIn:
+      return 1.0
+    }
+  }
+  
+  func inverseLerp(lower: Double, upper: Double, v: Double) -> Double {
+    return (v - lower) / (upper - lower)
+  }
+  
+//  func updateServers() async {
+    //    "hltracker.com"
+    //    "tracker.preterhuman.net"
+    //    "hotline.ubersoft.org"
+    //    "tracked.nailbat.com"
+    //    "hotline.duckdns.org"
+    //    "tracked.agent79.org"
+//    self.servers = await model.getServerList(tracker: "hltracker.com")
+//  }
+  
+  var body: some View {
+    //    ZStack(alignment: .center) {
+    //      VStack(alignment: .center) {
+    //        ZStack(alignment: .top) {
+    //          HStack(alignment: .center) {
+    //            Button {
+    //              connectVisible = true
+    //              connectDismissed = false
+    //            } label: {
+    //              Text(Image(systemName: "gearshape.fill"))
+    //                .symbolRenderingMode(.hierarchical)
+    //                .foregroundColor(.primary)
+    //                .font(.title2)
+    //                .padding(.leading, 16)
+    //            }
+    //            .sheet(isPresented: $connectVisible) {
+    //              connectDismissed = true
+    //            } content: {
+    ////              TrackerConnectView()
+    //            }
+    //            Spacer()
+    //          }
+    //          .frame(height: 40.0)
+    //          Image("Hotline")
+    //            .resizable()
+    //            .renderingMode(.template)
+    //            .foregroundColor(Color(hex: 0xE10000))
+    //            .scaledToFit()
+    //            .frame(width: 40.0, height: 40.0)
+    //          HStack(alignment: .center) {
+    //            Spacer()
+    //            Button {
+    //              connectVisible = true
+    //              connectDismissed = false
+    //            } label: {
+    //              Text(Image(systemName: "point.3.connected.trianglepath.dotted"))
+    //                .symbolRenderingMode(.hierarchical)
+    //                .foregroundColor(.primary)
+    //                .font(.title2)
+    //                .padding(.trailing, 16)
+    //            }
+    //            .sheet(isPresented: $connectVisible) {
+    //              connectDismissed = true
+    //            } content: {
+    //              TrackerConnectView()
+    //            }
+    //          }
+    //          .frame(height: 40.0)
+    //        }
+    //        .padding()
+    //
+    //        Spacer()
+    //      }
+    //      .opacity(inverseLerp(lower: -50, upper: 0, v: scrollOffset))
+    //      .opacity(scrollOffset > 65 ? 0.0 : 1.0)
+    //      .opacity(topBarOpacity)
+    //      .zIndex(scrollOffset > 0 ? 1 : 3)
+    Table(of: Server.self, selection: $selection) {
+      TableColumn("Name") { server in
+        HStack {
+          Text(Image(systemName: "globe.americas.fill"))
+          Text(server.name!)
+        }
+      }
+      .width(min: 80, ideal: 150)
+      
+      TableColumn("Status") { server in
+        if server.users > 0 {
+          Text("\(server.users)")
+        }
+        else {
+          Text("")
+        }
+
+      }
+      .width(50)
+      .alignment(.center)
+      
+      TableColumn("Description") { server in
+        Text(server.description ?? "")
+      }
+    } rows: {
+      ForEach(self.servers) { server in
+        TableRow(server)
+      }
+    }
+    .contextMenu(forSelectionType: Server.ID.self) { items in
+        // ...
+    } primaryAction: { items in
+      guard
+        let selectionID = items.first,
+        let selectedServer = self.servers.first(where: { $0.id == selectionID })
+      else {
+        return
+      }
+      
+      openWindow(value: selectedServer)
+    }
+    .navigationTitle("Servers")
+    .task {
+      await updateServers()
+      initialLoadComplete = true
+    }
+  }
+}
+
+#Preview {
+  TrackerView()
+}