yattee/Shared/Settings/InstanceFormView.swift

import SwiftUI

struct InstanceFormView: View {
    @Binding var savedInstanceID: Instance.ID?

    @State private var name = ""
    @State private var url = ""

    @State private var valid = false
    @State private var validated = false
    @State private var validationError: String?
    @State private var validationDebounce = Debounce()

    @FocusState private var nameFieldFocused: Bool

    @Environment(\.dismiss) private var dismiss

    @EnvironmentObject<InstancesModel> private var instancesModel

    var body: some View {
        VStack(alignment: .leading) {
            HStack(alignment: .center) {
                Text("Add Instance")
                    .font(.title2.bold())

                Spacer()

                Button("Cancel") {
                    dismiss()
                }
                #if !os(tvOS)
                    .keyboardShortcut(.cancelAction)
                #endif
            }
            .padding(.horizontal)

            Form {
                TextField("Name", text: $name, prompt: Text("Instance Name (optional)"))
                    .frame(maxWidth: 450)
                    .focused($nameFieldFocused)

                TextField("URL", text: $url, prompt: Text("https://invidious.home.net"))
                    .frame(maxWidth: 450)
            }
            #if os(macOS)
                .padding(.horizontal)
            #endif

            HStack {
                HStack(spacing: 4) {
                    Image(systemName: valid ? "checkmark.circle.fill" : "xmark.circle.fill")
                        .foregroundColor(valid ? .green : .red)
                    VStack(alignment: .leading) {
                        Text(valid ? "Connected successfully" : "Connection failed")
                        if !valid {
                            Text(validationError ?? "Unknown Error")
                                .font(.caption2)
                                .foregroundColor(.secondary)
                                .truncationMode(.tail)
                                .lineLimit(1)
                        }
                    }
                    .frame(minHeight: 40)
                }
                .opacity(validated ? 1 : 0)
                Spacer()

                Button("Save", action: submitForm)
                    .disabled(!valid)
                #if !os(tvOS)
                    .keyboardShortcut(.defaultAction)
                #endif
            }
            .padding(.horizontal)
        }
        .onChange(of: url) { _ in validate() }
        .onAppear(perform: initializeForm)
        #if os(iOS)
            .padding(.vertical)
        #else
            .frame(width: 400, height: 150)
        #endif
    }

    var validator: AccountValidator {
        AccountValidator(
            url: url,
            id: $url,
            valid: $valid,
            validated: $validated,
            error: $validationError
        )
    }

    func validate() {
        validationDebounce.invalidate()

        guard !url.isEmpty else {
            validator.reset()
            return
        }

        validationDebounce.debouncing(2) {
            validator.validateInstance()
        }
    }

    func initializeForm() {
        nameFieldFocused = true
    }

    func submitForm() {
        guard valid else {
            return
        }

        savedInstanceID = instancesModel.add(name: name, url: url).id

        dismiss()
    }
}

struct InstanceFormView_Previews: PreviewProvider {
    static var previews: some View {
        InstanceFormView(savedInstanceID: .constant(nil))
    }
}