secretive/Sources/Secretive/Views/Views/CopyableView.swift

import SwiftUI
import UniformTypeIdentifiers

struct CopyableView: View {

    var title: LocalizedStringResource
    var subtitle: String?
    var image: Image
    var text: String
    var showRevealInFinder = false

    @State private var interactionState: InteractionState = .normal

    var content: some View {
        VStack(alignment: .leading, spacing: 15) {
            HStack {
                image
                    .renderingMode(.template)
                    .imageScale(.large)
                    .foregroundColor(primaryTextColor)
                VStack(alignment: .leading) {
                    Text(title)
                        .font(.headline)
                        .foregroundColor(primaryTextColor)
                    if let subtitle {
                        Text(subtitle)
                            .font(.system(.subheadline, design: .monospaced))
                            .foregroundColor(secondaryTextColor)
                    }
                }
                Spacer()
                if interactionState != .normal {
                    HStack {
                        if showRevealInFinder {
                            revealInFinderButton
                        }
                        copyButton
                    }
                    .foregroundColor(secondaryTextColor)
                    .transition(.opacity)
                }
            }
            Divider()
                .ignoresSafeArea()
            Text(text)
                .fixedSize(horizontal: false, vertical: true)
                .foregroundColor(primaryTextColor)
                .multilineTextAlignment(.leading)
                .font(.system(.body, design: .monospaced))
        }
        .safeAreaPadding(20)
        ._background(interactionState: interactionState)
        .frame(minWidth: 150, maxWidth: .infinity)
    }

    var body: some View {
        content
        .onHover { hovering in
            withAnimation {
                interactionState = hovering ? .hovering : .normal
            }
        }
        .draggable(text) {
                content
                .lineLimit(3)
                .frame(maxWidth: 300)
                ._background(interactionState: .dragging)
        }
        .onTapGesture {
            copy()
            withAnimation {
                interactionState = .clicking
            }
        }
        .gesture(
            TapGesture()
                .onEnded {
                    withAnimation {
                        interactionState = .normal
                    }
                }
        )
    }

    @ViewBuilder
    var copyButton: some View {
        switch interactionState {
        case .hovering:
            Button(.copyableClickToCopyButton, systemImage: "doc.on.doc") {
                withAnimation {
                    // Button will eat the click, so we set interaction state manually.
                    interactionState = .clicking
                }
                copy()
            }
            .labelStyle(.iconOnly)
            .buttonStyle(.borderless)
        case .clicking:
            Image(systemName: "checkmark.circle.fill")
                .accessibilityLabel(String(localized: .copyableCopied))
        case .normal, .dragging:
            EmptyView()
        }
    }

    var revealInFinderButton: some View {
        Button(.revealInFinderButton, systemImage: "folder") {
            let (processedPath, folder) = text.normalizedPathAndFolder
            NSWorkspace.shared.selectFile(processedPath, inFileViewerRootedAtPath: folder)
        }
        .labelStyle(.iconOnly)
        .buttonStyle(.borderless)
    }

    var primaryTextColor: Color {
        switch interactionState {
        case .normal, .hovering, .dragging:
            return Color(.textColor)
        case .clicking:
            return .white
        }
    }

    var secondaryTextColor: Color {
        switch interactionState {
        case .normal, .hovering, .dragging:
            return Color(.secondaryLabelColor)
        case .clicking:
            return .white
        }
    }

    func copy() {
        NSPasteboard.general.declareTypes([.string], owner: nil)
        NSPasteboard.general.setString(text, forType: .string)
    }

}

fileprivate enum InteractionState {
    case normal, hovering, clicking, dragging
}

extension View {
       
    fileprivate func _background(interactionState: InteractionState) -> some View {
        modifier(BackgroundViewModifier(interactionState: interactionState))
    }
    
}

fileprivate struct BackgroundViewModifier: ViewModifier {
    
    @Environment(\.colorScheme) private var colorScheme
    @Environment(\.appearsActive) private var appearsActive

    let interactionState: InteractionState

    func body(content: Content) -> some View {
        if interactionState == .dragging {
            content
                .background(backgroundColor(interactionState: interactionState), in: RoundedRectangle(cornerRadius: 15))
        } else {
            if #available(macOS 26.0, *) {
                content
                    .contentShape(RoundedRectangle(cornerRadius: 15))
                    .glassEffect(.regular.tint(backgroundColor(interactionState: interactionState)), in: RoundedRectangle(cornerRadius: 15))
                    .mask(RoundedRectangle(cornerRadius: 15))
                    .shadow(color: .black.opacity(0.1), radius: 5)
            } else {
                content
                    .background(backgroundColor(interactionState: interactionState))
                    .cornerRadius(10)
            }
        }
    }
    
    func backgroundColor(interactionState: InteractionState) -> Color {
        guard appearsActive else { return Color.clear }
        if #available(macOS 26.0, *) {
            let base: Color
            if #available(macOS 27.0, *) {
                base = .clear
            } else {
                base = colorScheme == .dark ? Color(white: 0.2) : Color(white: 1)
            }
            switch interactionState {
            case .normal:
                return base
            case .hovering:
                return base.mix(with: .accentColor, by: colorScheme == .dark ? 0.2 : 0.1)
            case .clicking, .dragging:
                return base.mix(with: .accentColor, by: 0.8)
            }
        } else {
            switch interactionState {
            case .normal:
                return colorScheme == .dark ? Color(white: 0.2) : Color(white: 0.885)
            case .hovering:
                return colorScheme == .dark ? Color(white: 0.275) : Color(white: 0.82)
            case .clicking, .dragging:
                return .accentColor
            }
        }
    }

    
}

#Preview {
    VStack {
        CopyableView(title: .secretDetailSha256FingerprintLabel, image: Image(systemName: "figure.wave"), text: "Hello world.")
        CopyableView(title: .secretDetailSha256FingerprintLabel, image: Image(systemName: "figure.wave"), text: "Hello world.")
    }
        .padding()
}

#Preview {
    CopyableView(title: .secretDetailSha256FingerprintLabel, image: Image(systemName: "figure.wave"), text: "Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. Long text. ")
        .padding()
}