sing-box-for-apple/ApplicationLibrary/Views/Dashboard/Components/ExtensionStatusView.swift

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: AlertState?

    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 {
        Group {
            VStack {
                LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: columnCount), alignment: .leading) {
                    if Variant.screenshotMode {
                        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])
        }
        .alert($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>: 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)
            }
        }
    }
}