yggdrasil-ios/YggdrasilSwiftUI/PeersView.swift

//
//  StatisticsView.swift
//  YggdrasilSwiftUI
//
//  Created by Neil on 10/02/2023.
//

import SwiftUI

struct PeersView: View {
    @ObservedObject private var appDelegate = Application.appDelegate
#if os(iOS)
    @Environment(\.editMode) var editMode
#endif
    
    @State private var isAddingPeer = false
    @State private var addPeerURI = ""
    
    var body: some View {
        Form {
            Section(content: {
                ForEach(Array(appDelegate.yggdrasilConfig.peers.enumerated()), id: \.offset) { index, peer in
                    HStack() {
                        TextField("tls://host:port", text: $appDelegate.yggdrasilConfig.peers[index])
                            .labelsHidden()
#if os(iOS)
                            .disabled(!editMode!.wrappedValue.isEditing)
#endif
#if os(macOS)
                        Spacer()
                        Button(role: .destructive) {
                            appDelegate.yggdrasilConfig.peers.remove(at: index)
                        } label: {
                            Image(systemName: "xmark.circle.fill")
                        }
                        .buttonStyle(.plain)
#endif
                    }
                }
                .onMove { indexSet, offset in
                    appDelegate.yggdrasilConfig.peers.move(fromOffsets: indexSet, toOffset: offset)
                }
                .onDelete { indexSet in
                    appDelegate.yggdrasilConfig.peers.remove(atOffsets: indexSet)
                }
                
#if os(macOS)
                Button {
                    appDelegate.yggdrasilConfig.peers.append("")
                } label: {
                    Label("Add peer", systemImage: "plus")
                }
                .buttonStyle(.plain)
                .foregroundColor(.accentColor)
#endif
                
                Text("Yggdrasil will automatically attempt to connect to configured peers when started. If you configure more than one peer, your device may carry traffic on behalf of other network nodes. Avoid this by configuring only a single peer. Data charges may apply when using mobile data.")
                    .font(.system(size: 11))
                    .foregroundColor(.gray)
            }, header: {
                Text("Configured peers")
            })
            
            Section(content: {
                Toggle(isOn: $appDelegate.yggdrasilConfig.multicastBeacons) {
                    VStack(alignment: .leading) {
                        Text("Discoverable over multicast")
                        Text("Make your device discoverable to other Yggdrasil nodes on the same Wi-Fi network.")
                            .font(.system(size: 11))
                            .foregroundColor(.gray)
                    }
                }
                Toggle(isOn: $appDelegate.yggdrasilConfig.multicastListen) {
                    VStack(alignment: .leading) {
                        Text("Search for multicast peers")
                        Text("Automatically connect to discoverable Yggdrasil nodes on the same Wi-Fi network.")
                            .font(.system(size: 11))
                            .foregroundColor(.gray)
                    }
                }
                VStack {
                    HStack {
                        Text("Multicast password")
                        TextField("None", text: $appDelegate.yggdrasilConfig.multicastPassword)
                            .labelsHidden()
                            .multilineTextAlignment(.trailing)
                    }
                    Text("If provided, this device will only automatically peer with other nodes that share the same password.")
                        .font(.system(size: 11))
                        .foregroundColor(.gray)
                        .frame(maxWidth: .infinity, alignment: .leading)
                }
            }, header: {
                Text("Local connectivity")
            })
        }
        .formStyle(.grouped)
        .navigationTitle("Peers")
#if os(iOS)
        .toolbar {
            if editMode!.wrappedValue.isEditing {
                Button("Add", systemImage: "plus") {
                    //appDelegate.yggdrasilConfig.peers.append("")
                    addPeerURI = ""
                    isAddingPeer.toggle()
                }.alert("Add new peer", isPresented: $isAddingPeer) {
                    TextField("tls://host:port", text: $addPeerURI)
                        .textInputAutocapitalization(.never)
                    Button("Add", action: addPeer)
                    Button("Cancel", role: .cancel) { }
                } message: {
                    Text("Specify the peer URI to add.")
                }
            }
            EditButton()
                .onChange(of: editMode!.wrappedValue) { edit in
                    if !edit.isEditing {
                        try? appDelegate.yggdrasilConfig.save(to: &appDelegate.vpnManager)
                    }
                }
        }
        .navigationBarTitleDisplayMode(.large)
#endif
    }
    
    func addPeer() {
        if addPeerURI != "" {
            appDelegate.yggdrasilConfig.peers.append(addPeerURI)
        }
        addPeerURI = ""
    }
}

struct PeersView_Previews: PreviewProvider {
    static var previews: some View {
        PeersView()
    }
}