wehub-resource-sync
95 lines
3.0 KiB
Swift
95 lines
3.0 KiB
Swift
// PR 3 — inline monospaced chip with click-to-copy. Used for endpoint URLs,
|
|
// shell commands, and aliases throughout the design.
|
|
|
|
import SwiftUI
|
|
import AppKit
|
|
|
|
struct CodeChip: View {
|
|
let value: String
|
|
var maxWidth: CGFloat? = nil
|
|
|
|
@Environment(\.omlxTheme) private var theme
|
|
@State private var copied = false
|
|
|
|
var body: some View {
|
|
Button(action: copy) {
|
|
HStack(spacing: 6) {
|
|
Text(value)
|
|
.font(.omlxMono(11.5, weight: .medium))
|
|
.foregroundStyle(theme.text)
|
|
.lineLimit(1)
|
|
.truncationMode(.middle)
|
|
Image(systemName: copied ? "checkmark" : "document.on.document")
|
|
.font(.system(size: 10, weight: .medium))
|
|
.foregroundStyle(copied ? theme.successText : theme.textSecondary)
|
|
.animation(.easeOut(duration: 0.12), value: copied)
|
|
}
|
|
.padding(.horizontal, 8)
|
|
.padding(.vertical, 3)
|
|
.frame(maxWidth: maxWidth, alignment: .leading)
|
|
.background(theme.codeBg)
|
|
.clipShape(RoundedRectangle(cornerRadius: 5, style: .continuous))
|
|
}
|
|
.buttonStyle(.plain)
|
|
.help("Click to copy")
|
|
}
|
|
|
|
private func copy() {
|
|
let pb = NSPasteboard.general
|
|
pb.clearContents()
|
|
pb.setString(value, forType: .string)
|
|
copied = true
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 1.4) {
|
|
copied = false
|
|
}
|
|
}
|
|
}
|
|
|
|
struct CopyIconButton: View {
|
|
let value: String
|
|
|
|
@Environment(\.omlxTheme) private var theme
|
|
@State private var copied = false
|
|
|
|
private var helpText: String {
|
|
String(localized: "common.copy_model_id",
|
|
defaultValue: "Copy model ID",
|
|
comment: "Tooltip and accessibility label for a button that copies a model identifier")
|
|
}
|
|
|
|
var body: some View {
|
|
Button(action: copy) {
|
|
Image(systemName: copied ? "checkmark" : "document.on.document")
|
|
.font(.system(size: 10.5, weight: .medium))
|
|
.foregroundStyle(copied ? theme.successText : theme.textSecondary)
|
|
.frame(width: 22, height: 22)
|
|
.contentShape(Rectangle())
|
|
.animation(.easeOut(duration: 0.12), value: copied)
|
|
}
|
|
.buttonStyle(.plain)
|
|
.help(helpText)
|
|
.accessibilityLabel(Text(helpText))
|
|
}
|
|
|
|
private func copy() {
|
|
let pb = NSPasteboard.general
|
|
pb.clearContents()
|
|
pb.setString(value, forType: .string)
|
|
copied = true
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 1.4) {
|
|
copied = false
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview("CodeChip") {
|
|
VStack(alignment: .leading, spacing: 10) {
|
|
CodeChip(value: "http://127.0.0.1:8000/v1")
|
|
CodeChip(value: "http://127.0.0.1:8000/health")
|
|
CodeChip(value: "OPENAI_BASE_URL=http://127.0.0.1:8000/v1", maxWidth: 280)
|
|
CopyIconButton(value: "mlx-community/Qwen3-8B-4bit")
|
|
}
|
|
.padding(24)
|
|
.omlxThemed()
|
|
}
|