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

import SwiftUI
import UniformTypeIdentifiers

struct CopyableView: View {

    var title: LocalizedStringResource
    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)
                Text(title)
                    .font(.headline)
                    .foregroundColor(primaryTextColor)
                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
                // Very thin opacity lets user hover anywhere over the view, glassEffect doesn't allow.
                    .background(.white.opacity(0.01), in: 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 = 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()
}