Refactor Dashboard

2025-11-26 22:25:51 +08:00
parent 2e2fc223bf
commit f6d14dbb8a
27 changed files with 773 additions and 742 deletions
@@ -0,0 +1,174 @@
+import Libbox
+import Library
+import SwiftUI
+#if canImport(UIKit)
+    import UIKit
+#endif
+
+public struct ExtensionStatusView: View {
+    @EnvironmentObject private var commandClient: CommandClient
+
+    @State private var columnCount: Int = 4
+    @State private var alert: Alert?
+
+    private let infoFont = Font.system(.caption, design: .monospaced)
+
+    public init() {}
+    public var body: some View {
+        if columnCount == 1 {
+            ScrollView {
+                body0
+            }
+        } else {
+            body0
+        }
+    }
+
+    public var body0: some View {
+        viewBuilder {
+            VStack {
+                LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: columnCount), alignment: .leading) {
+                    if ApplicationLibrary.inPreview {
+                        StatusItem(String(localized: "Status")) {
+                            StatusLine(String(localized: "Memory"), "6.4 MB")
+                            StatusLine(String(localized: "Goroutines"), "89")
+                        }
+                        StatusItem(String(localized: "Connections")) {
+                            StatusLine(String(localized: "Inbound"), "34")
+                            StatusLine(String(localized: "Outbound"), "28")
+                        }
+                        StatusItem(String(localized: "Traffic")) {
+                            StatusLine(String(localized: "Uplink"), "38 B/s")
+                            StatusLine(String(localized: "Downlink"), "249 MB/s")
+                        }
+                        StatusItem(String(localized: "Traffic Total")) {
+                            StatusLine(String(localized: "Uplink"), "52 MB")
+                            StatusLine(String(localized: "Downlink"), "5.6 GB")
+                        }
+                    } else if let message = commandClient.status {
+                        StatusItem(String(localized: "Status")) {
+                            StatusLine(String(localized: "Memory"), LibboxFormatMemoryBytes(message.memory))
+                            StatusLine(String(localized: "Goroutines"), "\(message.goroutines)")
+                        }
+                        StatusItem(String(localized: "Connections")) {
+                            StatusLine(String(localized: "Inbound"), "\(message.connectionsIn)")
+                            StatusLine(String(localized: "Outbound"), "\(message.connectionsOut)")
+                        }
+                        if message.trafficAvailable {
+                            StatusItem(String(localized: "Traffic")) {
+                                StatusLine(String(localized: "Uplink"), "\(LibboxFormatBytes(message.uplink))/s")
+                                StatusLine(String(localized: "Downlink"), "\(LibboxFormatBytes(message.downlink))/s")
+                            }
+                            StatusItem(String(localized: "Traffic Total")) {
+                                StatusLine(String(localized: "Uplink"), LibboxFormatBytes(message.uplinkTotal))
+                                StatusLine(String(localized: "Downlink"), LibboxFormatBytes(message.downlinkTotal))
+                            }
+                        }
+                    } else {
+                        StatusItem(String(localized: "Status")) {
+                            StatusLine(String(localized: "Memory"), "...")
+                            StatusLine(String(localized: "Goroutines"), "...")
+                        }
+                        StatusItem(String(localized: "Connections")) {
+                            StatusLine(String(localized: "Inbound"), "...")
+                            StatusLine(String(localized: "Outbound"), "...")
+                        }
+                    }
+                }.background {
+                    GeometryReader { geometry in
+                        Rectangle()
+                            .fill(.clear)
+                            .frame(height: 1)
+                            .onChangeCompat(of: geometry.size.width) { newValue in
+                                updateColumnCount(newValue)
+                            }
+                            .onAppear {
+                                updateColumnCount(geometry.size.width)
+                            }
+                    }.padding()
+                }
+            }
+            .frame(alignment: .topLeading)
+            .padding([.top, .leading, .trailing])
+        }
+        .alertBinding($alert)
+    }
+
+    private func updateColumnCount(_ width: Double) {
+        let v = Int(Int(width) / 155)
+        let new = v <= 1 ? 1 : (v > 4 ? 4 : (v % 2 == 0 ? v : v - 1))
+
+        if new != columnCount {
+            columnCount = new
+        }
+    }
+
+    private struct StatusItem<T>: View where T: View {
+        @Environment(\.colorScheme) private var colorScheme
+
+        private let title: String
+        @ViewBuilder private let content: () -> T
+
+        init(_ title: String, @ViewBuilder content: @escaping () -> T) {
+            self.title = title
+            self.content = content
+        }
+
+        var body: some View {
+            VStack(alignment: .leading) {
+                HStack {
+                    Text(title)
+                        .font(.headline)
+                    Spacer()
+                }.padding(.bottom, 8)
+                content()
+            }
+            .frame(minWidth: 125, alignment: .topLeading)
+            #if os(tvOS)
+                .padding(EdgeInsets(top: 20, leading: 26, bottom: 20, trailing: 26))
+            #else
+                .padding(EdgeInsets(top: 10, leading: 13, bottom: 10, trailing: 13))
+            #endif
+                .background(backgroundColor)
+                .cornerRadius(10)
+        }
+
+        private var backgroundColor: Color {
+            #if os(iOS)
+                return Color(uiColor: .secondarySystemGroupedBackground)
+            #elseif os(macOS)
+                return Color(nsColor: .textBackgroundColor)
+            #elseif os(tvOS)
+                switch colorScheme {
+                case .dark:
+                    return Color(uiColor: .black)
+                default:
+                    return Color(uiColor: .white)
+                }
+            #else
+                return Color.clear
+            #endif
+        }
+    }
+
+    private struct StatusLine: View {
+        private let name: String
+        private let value: String
+
+        init(_ name: String, _ value: String) {
+            self.name = name
+            self.value = value
+        }
+
+        var body: some View {
+            HStack {
+                Text(name)
+                    .font(.subheadline)
+                    .foregroundColor(.secondary)
+                Spacer()
+                Text(value)
+                    .font(.subheadline)
+            }
+        }
+    }
+}