1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
import SwiftUI
struct TrackerView: View {
// @Environment(\.modelContext) private var modelContext
// @Query private var items: [Item]
@Environment(HotlineState.self) private var appState
@Environment(HotlineClient.self) private var hotline
@Environment(HotlineTrackerClient.self) private var tracker
@Environment(\.colorScheme) var colorScheme
@State private var selectedServer: HotlineServer?
func shouldDisplayDescription(server: HotlineServer) -> Bool {
guard let name = server.name, let desc = server.description else {
return false
}
return desc.count > 0 && desc != name && !desc.contains(/^-+/)
}
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
}
}
var body: some View {
@Bindable var config = appState
@Bindable var client = hotline
ScrollView {
LazyVStack(alignment: .leading) {
ForEach(tracker.servers) { server in
VStack(alignment: .leading) {
HStack(alignment: .firstTextBaseline) {
Image(systemName: "globe.americas.fill").font(.title3)
VStack(alignment: .leading) {
Text(server.name!).font(.title3).fontWeight(.medium)
if shouldDisplayDescription(server: server) {
Spacer()
Text(server.description!).opacity(0.4).font(.system(size: 16))
}
Spacer()
Text("\(server.address)").opacity(0.2).font(.system(size: 13))
}
Spacer()
Text("\(server.users)").opacity(0.2).font(.system(size: 16)).fontWeight(.medium)
}
if server == selectedServer {
Spacer(minLength: 16)
if hotline.server == server && hotline.connectionStatus != .disconnected {
ProgressView("", value: connectionStatusToProgress(status: hotline.connectionStatus))
}
else {
Button("Connect") {
hotline.connect(to: server)
}
.bold()
.padding(EdgeInsets(top: 16, leading: 24, bottom: 16, trailing: 24))
.frame(maxWidth: .infinity)
.foregroundColor(.black)
.background(LinearGradient(gradient: Gradient(colors: [Color(white: 0.95), Color(white: 0.91)]), startPoint: .top, endPoint: .bottom))
.overlay(
RoundedRectangle(cornerRadius: 10.0).stroke(.black, lineWidth: 3).opacity(0.4)
)
.cornerRadius(10.0)
}
}
}
.multilineTextAlignment(.leading)
.padding()
.background(colorScheme == .dark ? Color(white: 0.1) : .white)
.cornerRadius(20)
.shadow(color: Color(white: 0.0, opacity: 0.1), radius: 16, x: 0, y: 10)
.onTapGesture {
withAnimation(.bouncy(duration: 0.25, extraBounce: 0.2)) {
selectedServer = server
}
}
}
.padding(EdgeInsets(top: 4, leading: 16, bottom: 4, trailing: 16))
}
}
.fullScreenCover(isPresented: Binding(get: { return hotline.connectionStatus == .loggedIn }, set: { _ in }), onDismiss: {
hotline.disconnect()
}) {
ServerView()
}
.background(colorScheme == .dark ? .black : Color(white: 0.95))
.frame(maxWidth: .infinity)
.task {
tracker.fetch()
}
.refreshable {
await withCheckedContinuation { continuation in
tracker.fetch() {
continuation.resume()
}
}
}
.navigationTitle("Tracker")
.navigationBarTitleDisplayMode(.inline)
}
}
#Preview {
TrackerView()
.environment(HotlineClient())
.environment(HotlineTrackerClient(tracker: HotlineTracker("hltracker.com")))
.environment(HotlineState())
// .modelContainer(for: Item.self, inMemory: true)
}
|
