feat: hide proxy names

ClashX Dashboard/Views/ContentTabs/Proxies/ProxyGroupRowView.swift

@@ -10,6 +10,8 @@ struct ProxyGroupRowView: View {
 	
 	@ObservedObject var proxyGroup: DBProxyGroup
 
+	@EnvironmentObject var hideProxyNames: HideProxyNames
+	
     var body: some View {
 		NavigationLink {
 			ProxyGroupView(proxyGroup: proxyGroup)
@@ -21,7 +23,9 @@ struct ProxyGroupRowView: View {
 	var labelView: some View {
 		VStack(spacing: 2) {
 			HStack(alignment: .center) {
-				Text(proxyGroup.name)
+				Text(hideProxyNames.hide
+					 ? String(proxyGroup.id.prefix(8))
+					 : proxyGroup.name)
 					.font(.system(size: 15))
 				Spacer()
 				if let proxy = proxyGroup.currentProxy {
@@ -34,7 +38,11 @@ struct ProxyGroupRowView: View {
 			HStack {
 				Text(proxyGroup.type.rawValue)
 				Spacer()
-				Text(proxyGroup.now ?? "")
+				if let proxy = proxyGroup.currentProxy {
+					Text(hideProxyNames.hide
+						 ? String(proxy.id.prefix(8))
+						 : proxy.name)
+				}
 			}
 			.font(.system(size: 11))
 			.foregroundColor(.secondary)

ClashX Dashboard/Views/ContentTabs/Proxies/ProxyGroupView.swift

@@ -11,6 +11,8 @@ struct ProxyGroupView: View {
 	@ObservedObject var proxyGroup: DBProxyGroup
 	@EnvironmentObject var searchString: ProxiesSearchString
 	
+	@EnvironmentObject var hideProxyNames: HideProxyNames
+	
 	@State private var columnCount: Int = 3
 	@State private var isUpdatingSelect = false
 	@State private var selectable = false
@@ -56,7 +58,9 @@ struct ProxyGroupView: View {
 	
 	var proxyInfoView: some View {
 		HStack() {
-			Text(proxyGroup.name)
+			Text(hideProxyNames.hide
+				 ? String(proxyGroup.id.prefix(8))
+					: proxyGroup.name)
 				.font(.system(size: 17))
 			Text(proxyGroup.type.rawValue)
 				.font(.system(size: 13))

ClashX Dashboard/Views/ContentTabs/Proxies/ProxyItemView.swift

@@ -11,6 +11,8 @@ struct ProxyItemView: View {
 	@Binding var proxy: DBProxy
 	@State var selectable: Bool
 	
+	@EnvironmentObject var hideProxyNames: HideProxyNames
+	
 	init(proxy: Binding<DBProxy>, selectable: Bool) {
 		self._proxy = proxy
 		self.selectable = selectable
@@ -24,7 +26,9 @@ struct ProxyItemView: View {
 	var body: some View {
 		VStack {
 			HStack(alignment: .center) {
-				Text(proxy.name)
+				Text(hideProxyNames.hide
+					 ? String(proxy.id.prefix(8))
+					 : proxy.name)
 					.truncationMode(.tail)
 					.lineLimit(1)
 				Spacer(minLength: 6)

ClashX Dashboard/Views/ContentView.swift

@@ -6,11 +6,18 @@
 
 import SwiftUI
 
+class HideProxyNames: ObservableObject, Identifiable {
+	let id = UUID().uuidString
+	@Published var hide = false
+}
+
 struct ContentView: View {
 	
 	private let runningState = NotificationCenter.default.publisher(for: .init("ClashRunningStateChanged"))
 	@State private var isRunning = false
 	
+	@StateObject private var hideProxyNames = HideProxyNames()
+	
 	var body: some View {
 		Group {
 			if !isRunning {
@@ -24,6 +31,7 @@ struct ContentView: View {
 				}
 			}
 		}
+		.environmentObject(hideProxyNames)
 		.toolbar {
 			ToolbarItem(placement: .navigation) {
 				Button {
@@ -34,6 +42,15 @@ struct ContentView: View {
 				.help("Toggle Sidebar")
 				.disabled(!isRunning)
 			}
+			
+			ToolbarItem {
+				Button {
+					hideProxyNames.hide = !hideProxyNames.hide
+				} label: {
+					Image(systemName: hideProxyNames.hide ? "eyeglasses" : "wand.and.stars")
+				}
+				.disabled(!isRunning)
+			}
 		}
 		.onReceive(runningState) { _ in
 			isRunning = ConfigManager.shared.isRunning