mirror of https://github.com/maxgoedjen/secretive
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
4.0 KiB
136 lines
4.0 KiB
import SwiftUI
|
|
import UniformTypeIdentifiers
|
|
|
|
struct CopyableView: View {
|
|
|
|
var title: String
|
|
var image: Image
|
|
var text: String
|
|
|
|
@State private var interactionState: InteractionState = .normal
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading) {
|
|
HStack {
|
|
image
|
|
.renderingMode(.template)
|
|
.imageScale(.large)
|
|
.foregroundColor(primaryTextColor)
|
|
Text(title)
|
|
.font(.headline)
|
|
.foregroundColor(primaryTextColor)
|
|
Spacer()
|
|
if interactionState != .normal {
|
|
Text(hoverText)
|
|
.bold()
|
|
.textCase(.uppercase)
|
|
.foregroundColor(secondaryTextColor)
|
|
.transition(.opacity)
|
|
}
|
|
|
|
}
|
|
.padding(EdgeInsets(top: 20, leading: 20, bottom: 10, trailing: 20))
|
|
Divider()
|
|
Text(text)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.foregroundColor(primaryTextColor)
|
|
.padding(EdgeInsets(top: 10, leading: 20, bottom: 20, trailing: 20))
|
|
.multilineTextAlignment(.leading)
|
|
.font(.system(.body, design: .monospaced))
|
|
}
|
|
.background(backgroundColor)
|
|
.frame(minWidth: 150, maxWidth: .infinity)
|
|
.cornerRadius(10)
|
|
.onHover { hovering in
|
|
withAnimation {
|
|
interactionState = hovering ? .hovering : .normal
|
|
}
|
|
}
|
|
.onDrag {
|
|
NSItemProvider(item: NSData(data: text.data(using: .utf8)!), typeIdentifier: UTType.utf8PlainText.identifier)
|
|
}
|
|
.onTapGesture {
|
|
copy()
|
|
withAnimation {
|
|
interactionState = .clicking
|
|
}
|
|
}
|
|
.gesture(
|
|
TapGesture()
|
|
.onEnded {
|
|
withAnimation {
|
|
interactionState = .normal
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
var hoverText: String {
|
|
switch interactionState {
|
|
case .hovering:
|
|
return "Click to Copy"
|
|
case .clicking:
|
|
return "Copied"
|
|
case .normal:
|
|
fatalError()
|
|
}
|
|
}
|
|
|
|
var backgroundColor: Color {
|
|
let color: NSColor
|
|
switch interactionState {
|
|
case .normal:
|
|
color = .windowBackgroundColor
|
|
case .hovering:
|
|
color = .unemphasizedSelectedContentBackgroundColor
|
|
case .clicking:
|
|
color = .selectedContentBackgroundColor
|
|
}
|
|
return Color(color)
|
|
}
|
|
|
|
var primaryTextColor: Color {
|
|
let color: NSColor
|
|
switch interactionState {
|
|
case .normal, .hovering:
|
|
color = .textColor
|
|
case .clicking:
|
|
color = .white
|
|
}
|
|
return Color(color)
|
|
}
|
|
|
|
var secondaryTextColor: Color {
|
|
let color: NSColor
|
|
switch interactionState {
|
|
case .normal, .hovering:
|
|
color = .secondaryLabelColor
|
|
case .clicking:
|
|
color = .white
|
|
}
|
|
return Color(color)
|
|
}
|
|
|
|
func copy() {
|
|
NSPasteboard.general.declareTypes([.string], owner: nil)
|
|
NSPasteboard.general.setString(text, forType: .string)
|
|
}
|
|
|
|
private enum InteractionState {
|
|
case normal, hovering, clicking
|
|
}
|
|
|
|
}
|
|
|
|
#if DEBUG
|
|
|
|
struct CopyableView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
Group {
|
|
CopyableView(title: "Title", image: Image(systemName: "figure.wave"), text: "Hello world.")
|
|
CopyableView(title: "Title", 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. ")
|
|
}
|
|
}
|
|
}
|
|
|
|
#endif
|
|
|