|
|
@@ -0,0 +1,393 @@
|
|
|
+import Cocoa
|
|
|
+
|
|
|
+// MARK: - Root
|
|
|
+
|
|
|
+final class SettingsView: NSView {
|
|
|
+ init() {
|
|
|
+ super.init(frame: .zero)
|
|
|
+ wantsLayer = true
|
|
|
+ layer?.backgroundColor = AppTheme.background.cgColor
|
|
|
+ translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ setup()
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+
|
|
|
+ private func setup() {
|
|
|
+ let scrollView = NSScrollView()
|
|
|
+ scrollView.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ scrollView.hasVerticalScroller = true
|
|
|
+ scrollView.autohidesScrollers = true
|
|
|
+ scrollView.drawsBackground = false
|
|
|
+ scrollView.borderType = .noBorder
|
|
|
+
|
|
|
+ let document = FlippedSettingsDocumentView()
|
|
|
+ document.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ let panel = SettingsPanelView()
|
|
|
+ panel.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ let stack = NSStackView()
|
|
|
+ stack.orientation = .vertical
|
|
|
+ stack.alignment = .leading
|
|
|
+ stack.spacing = 28
|
|
|
+ stack.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ let appSection = makeSection(title: "App", card: makeAppCard())
|
|
|
+ let aboutSection = makeSection(title: "About", card: makeAboutCard())
|
|
|
+ stack.addArrangedSubview(appSection)
|
|
|
+ stack.addArrangedSubview(aboutSection)
|
|
|
+
|
|
|
+ [appSection, aboutSection].forEach { section in
|
|
|
+ section.widthAnchor.constraint(equalTo: stack.widthAnchor).isActive = true
|
|
|
+ }
|
|
|
+
|
|
|
+ panel.addSubview(stack)
|
|
|
+ document.addSubview(panel)
|
|
|
+ scrollView.documentView = document
|
|
|
+ addSubview(scrollView)
|
|
|
+
|
|
|
+ let guide = scrollView.contentView
|
|
|
+ NSLayoutConstraint.activate([
|
|
|
+ scrollView.leadingAnchor.constraint(equalTo: leadingAnchor),
|
|
|
+ scrollView.trailingAnchor.constraint(equalTo: trailingAnchor),
|
|
|
+ scrollView.topAnchor.constraint(equalTo: topAnchor),
|
|
|
+ scrollView.bottomAnchor.constraint(equalTo: bottomAnchor),
|
|
|
+
|
|
|
+ document.topAnchor.constraint(equalTo: guide.topAnchor),
|
|
|
+ document.leadingAnchor.constraint(equalTo: guide.leadingAnchor),
|
|
|
+ document.trailingAnchor.constraint(equalTo: guide.trailingAnchor),
|
|
|
+ document.widthAnchor.constraint(equalTo: guide.widthAnchor),
|
|
|
+
|
|
|
+ panel.topAnchor.constraint(equalTo: document.topAnchor, constant: 8),
|
|
|
+ panel.leadingAnchor.constraint(equalTo: document.leadingAnchor, constant: 24),
|
|
|
+ panel.trailingAnchor.constraint(equalTo: document.trailingAnchor, constant: -24),
|
|
|
+ panel.bottomAnchor.constraint(equalTo: document.bottomAnchor, constant: -32),
|
|
|
+ panel.widthAnchor.constraint(equalTo: document.widthAnchor, constant: -48),
|
|
|
+
|
|
|
+ stack.leadingAnchor.constraint(equalTo: panel.leadingAnchor, constant: 28),
|
|
|
+ stack.trailingAnchor.constraint(equalTo: panel.trailingAnchor, constant: -28),
|
|
|
+ stack.topAnchor.constraint(equalTo: panel.topAnchor, constant: 28),
|
|
|
+ stack.bottomAnchor.constraint(equalTo: panel.bottomAnchor, constant: -28),
|
|
|
+ stack.widthAnchor.constraint(equalTo: panel.widthAnchor, constant: -56),
|
|
|
+ ])
|
|
|
+ }
|
|
|
+
|
|
|
+ private func makeSection(title: String, card: NSView) -> NSView {
|
|
|
+ let container = NSStackView()
|
|
|
+ container.orientation = .vertical
|
|
|
+ container.alignment = .leading
|
|
|
+ container.spacing = 12
|
|
|
+ container.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ let label = NSTextField(labelWithString: title)
|
|
|
+ label.font = AppTheme.semiboldFont(size: 18)
|
|
|
+ label.textColor = AppTheme.textPrimary
|
|
|
+ label.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ container.addArrangedSubview(label)
|
|
|
+ container.addArrangedSubview(card)
|
|
|
+ card.widthAnchor.constraint(equalTo: container.widthAnchor).isActive = true
|
|
|
+ return container
|
|
|
+ }
|
|
|
+
|
|
|
+ private func makeAppCard() -> NSView {
|
|
|
+ let card = SettingsGroupCard()
|
|
|
+
|
|
|
+ card.addRow(SettingsActionRow(symbolName: "square.and.arrow.up", title: "Share App") {
|
|
|
+ guard let url = Bundle.main.bundleURL as URL? else { return }
|
|
|
+ let picker = NSSharingServicePicker(items: [url])
|
|
|
+ if let view = NSApp.keyWindow?.contentView {
|
|
|
+ picker.show(relativeTo: .zero, of: view, preferredEdge: .minY)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ card.addRow(SettingsThemeRow())
|
|
|
+
|
|
|
+ return card
|
|
|
+ }
|
|
|
+
|
|
|
+ private func makeAboutCard() -> NSView {
|
|
|
+ let card = SettingsGroupCard()
|
|
|
+
|
|
|
+ card.addRow(SettingsActionRow(symbolName: "link", title: "Website") {
|
|
|
+ NSWorkspace.shared.open(URL(string: "https://example.com")!)
|
|
|
+ })
|
|
|
+ card.addRow(SettingsActionRow(symbolName: "questionmark.circle", title: "Support") {
|
|
|
+ NSWorkspace.shared.open(URL(string: "mailto:support@example.com")!)
|
|
|
+ })
|
|
|
+ card.addRow(SettingsActionRow(symbolName: "doc.text", title: "Terms of Use") {
|
|
|
+ NSWorkspace.shared.open(URL(string: "https://example.com/terms")!)
|
|
|
+ })
|
|
|
+ card.addRow(SettingsActionRow(symbolName: "shield", title: "Privacy Policy", isLast: true) {
|
|
|
+ NSWorkspace.shared.open(URL(string: "https://example.com/privacy")!)
|
|
|
+ })
|
|
|
+
|
|
|
+ return card
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// MARK: - Panel
|
|
|
+
|
|
|
+private final class SettingsPanelView: NSView {
|
|
|
+ init() {
|
|
|
+ super.init(frame: .zero)
|
|
|
+ wantsLayer = true
|
|
|
+ layer?.backgroundColor = AppTheme.cardBackground.cgColor
|
|
|
+ layer?.cornerRadius = 22
|
|
|
+ layer?.borderWidth = 1
|
|
|
+ layer?.borderColor = NSColor(calibratedWhite: 0.92, alpha: 1).cgColor
|
|
|
+ applyCardShadow()
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+}
|
|
|
+
|
|
|
+private final class SettingsGroupCard: NSView {
|
|
|
+ private let stack = NSStackView()
|
|
|
+
|
|
|
+ init() {
|
|
|
+ super.init(frame: .zero)
|
|
|
+ translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ wantsLayer = true
|
|
|
+ layer?.backgroundColor = NSColor.white.cgColor
|
|
|
+ layer?.cornerRadius = 16
|
|
|
+ layer?.borderWidth = 1
|
|
|
+ layer?.borderColor = NSColor(calibratedWhite: 0.93, alpha: 1).cgColor
|
|
|
+
|
|
|
+ stack.orientation = .vertical
|
|
|
+ stack.spacing = 0
|
|
|
+ stack.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ addSubview(stack)
|
|
|
+
|
|
|
+ NSLayoutConstraint.activate([
|
|
|
+ stack.leadingAnchor.constraint(equalTo: leadingAnchor),
|
|
|
+ stack.trailingAnchor.constraint(equalTo: trailingAnchor),
|
|
|
+ stack.topAnchor.constraint(equalTo: topAnchor),
|
|
|
+ stack.bottomAnchor.constraint(equalTo: bottomAnchor),
|
|
|
+ ])
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+
|
|
|
+ func addRow(_ row: NSView) {
|
|
|
+ stack.addArrangedSubview(row)
|
|
|
+ row.widthAnchor.constraint(equalTo: stack.widthAnchor).isActive = true
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// MARK: - Icon
|
|
|
+
|
|
|
+private final class SettingsIconBadge: NSView {
|
|
|
+ init(symbolName: String) {
|
|
|
+ super.init(frame: .zero)
|
|
|
+ translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ wantsLayer = true
|
|
|
+ layer?.backgroundColor = AppTheme.blueLight.cgColor
|
|
|
+ layer?.cornerRadius = 10
|
|
|
+
|
|
|
+ let icon = NSImageView()
|
|
|
+ icon.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ if let image = NSImage(systemSymbolName: symbolName, accessibilityDescription: nil) {
|
|
|
+ let config = NSImage.SymbolConfiguration(pointSize: 15, weight: .medium)
|
|
|
+ icon.image = image.withSymbolConfiguration(config)
|
|
|
+ }
|
|
|
+ icon.contentTintColor = AppTheme.blue
|
|
|
+ addSubview(icon)
|
|
|
+
|
|
|
+ NSLayoutConstraint.activate([
|
|
|
+ widthAnchor.constraint(equalToConstant: 36),
|
|
|
+ heightAnchor.constraint(equalToConstant: 36),
|
|
|
+ icon.centerXAnchor.constraint(equalTo: centerXAnchor),
|
|
|
+ icon.centerYAnchor.constraint(equalTo: centerYAnchor),
|
|
|
+ icon.widthAnchor.constraint(equalToConstant: 18),
|
|
|
+ icon.heightAnchor.constraint(equalToConstant: 18),
|
|
|
+ ])
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+}
|
|
|
+
|
|
|
+// MARK: - Rows
|
|
|
+
|
|
|
+private class SettingsRowBase: NSView {
|
|
|
+ init(isLast: Bool) {
|
|
|
+ super.init(frame: .zero)
|
|
|
+ translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ heightAnchor.constraint(equalToConstant: 56).isActive = true
|
|
|
+ if !isLast { addDivider() }
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+
|
|
|
+ func addDivider() {
|
|
|
+ let divider = NSBox()
|
|
|
+ divider.boxType = .separator
|
|
|
+ divider.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ addSubview(divider)
|
|
|
+ NSLayoutConstraint.activate([
|
|
|
+ divider.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 60),
|
|
|
+ divider.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -16),
|
|
|
+ divider.bottomAnchor.constraint(equalTo: bottomAnchor),
|
|
|
+ divider.heightAnchor.constraint(equalToConstant: 1),
|
|
|
+ ])
|
|
|
+ }
|
|
|
+
|
|
|
+ func install(icon symbolName: String, title: String, trailing: NSView) -> NSTextField {
|
|
|
+ let badge = SettingsIconBadge(symbolName: symbolName)
|
|
|
+ let titleLabel = NSTextField(labelWithString: title)
|
|
|
+ titleLabel.font = AppTheme.mediumFont(size: 15)
|
|
|
+ titleLabel.textColor = AppTheme.textPrimary
|
|
|
+ titleLabel.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ trailing.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ addSubview(badge)
|
|
|
+ addSubview(titleLabel)
|
|
|
+ addSubview(trailing)
|
|
|
+
|
|
|
+ NSLayoutConstraint.activate([
|
|
|
+ badge.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 14),
|
|
|
+ badge.centerYAnchor.constraint(equalTo: centerYAnchor),
|
|
|
+
|
|
|
+ titleLabel.leadingAnchor.constraint(equalTo: badge.trailingAnchor, constant: 14),
|
|
|
+ titleLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
|
|
|
+
|
|
|
+ trailing.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -16),
|
|
|
+ trailing.centerYAnchor.constraint(equalTo: centerYAnchor),
|
|
|
+ titleLabel.trailingAnchor.constraint(lessThanOrEqualTo: trailing.leadingAnchor, constant: -12),
|
|
|
+ ])
|
|
|
+
|
|
|
+ return titleLabel
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+private final class SettingsActionRow: SettingsRowBase {
|
|
|
+ init(symbolName: String, title: String, isLast: Bool = false, action: @escaping () -> Void) {
|
|
|
+ super.init(isLast: isLast)
|
|
|
+
|
|
|
+ let badge = SettingsIconBadge(symbolName: symbolName)
|
|
|
+ let titleLabel = NSTextField(labelWithString: title)
|
|
|
+ titleLabel.font = AppTheme.mediumFont(size: 15)
|
|
|
+ titleLabel.textColor = AppTheme.textPrimary
|
|
|
+ titleLabel.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+
|
|
|
+ addSubview(badge)
|
|
|
+ addSubview(titleLabel)
|
|
|
+
|
|
|
+ NSLayoutConstraint.activate([
|
|
|
+ badge.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 14),
|
|
|
+ badge.centerYAnchor.constraint(equalTo: centerYAnchor),
|
|
|
+ titleLabel.leadingAnchor.constraint(equalTo: badge.trailingAnchor, constant: 14),
|
|
|
+ titleLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
|
|
|
+ titleLabel.trailingAnchor.constraint(lessThanOrEqualTo: trailingAnchor, constant: -16),
|
|
|
+ ])
|
|
|
+
|
|
|
+ let control = LinkControl(onActivate: action)
|
|
|
+ control.translatesAutoresizingMaskIntoConstraints = false
|
|
|
+ addSubview(control)
|
|
|
+ NSLayoutConstraint.activate([
|
|
|
+ control.leadingAnchor.constraint(equalTo: leadingAnchor),
|
|
|
+ control.trailingAnchor.constraint(equalTo: trailingAnchor),
|
|
|
+ control.topAnchor.constraint(equalTo: topAnchor),
|
|
|
+ control.bottomAnchor.constraint(equalTo: bottomAnchor),
|
|
|
+ ])
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+}
|
|
|
+
|
|
|
+private final class SettingsPopupRow: SettingsRowBase {
|
|
|
+ private let popupTarget: PopupTarget
|
|
|
+
|
|
|
+ init(symbolName: String, title: String, options: [String], selection: String, isLast: Bool = false, onChange: @escaping (String) -> Void) {
|
|
|
+ popupTarget = PopupTarget(handler: onChange)
|
|
|
+ super.init(isLast: isLast)
|
|
|
+
|
|
|
+ let popup = NSPopUpButton()
|
|
|
+ popup.bezelStyle = .rounded
|
|
|
+ popup.addItems(withTitles: options)
|
|
|
+ popup.selectItem(withTitle: selection)
|
|
|
+ popup.font = AppTheme.regularFont(size: 13)
|
|
|
+ popup.target = popupTarget
|
|
|
+ popup.action = #selector(PopupTarget.changed(_:))
|
|
|
+
|
|
|
+ _ = install(icon: symbolName, title: title, trailing: popup)
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+}
|
|
|
+
|
|
|
+private final class SettingsThemeRow: SettingsRowBase {
|
|
|
+ private let segmentTarget: SegmentTarget
|
|
|
+
|
|
|
+ init() {
|
|
|
+ segmentTarget = SegmentTarget()
|
|
|
+ super.init(isLast: true)
|
|
|
+
|
|
|
+ let segment = NSSegmentedControl(labels: AppThemePreference.allCases.map(\.title), trackingMode: .selectOne, target: segmentTarget, action: #selector(SegmentTarget.changed(_:)))
|
|
|
+ segment.selectedSegment = AppSettings.appTheme.rawValue
|
|
|
+ segmentTarget.handler = { index in
|
|
|
+ if let theme = AppThemePreference(rawValue: index) {
|
|
|
+ AppSettings.appTheme = theme
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ _ = install(icon: "circle.lefthalf.filled", title: "Theme", trailing: segment)
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+}
|
|
|
+
|
|
|
+// MARK: - Helpers
|
|
|
+
|
|
|
+private final class LinkControl: NSControl {
|
|
|
+ private let onActivate: () -> Void
|
|
|
+
|
|
|
+ init(onActivate: @escaping () -> Void) {
|
|
|
+ self.onActivate = onActivate
|
|
|
+ super.init(frame: .zero)
|
|
|
+ }
|
|
|
+
|
|
|
+ @available(*, unavailable)
|
|
|
+ required init?(coder: NSCoder) { nil }
|
|
|
+
|
|
|
+ override func mouseUp(with event: NSEvent) {
|
|
|
+ guard bounds.contains(convert(event.locationInWindow, from: nil)) else { return }
|
|
|
+ onActivate()
|
|
|
+ }
|
|
|
+
|
|
|
+ override func resetCursorRects() {
|
|
|
+ addCursorRect(bounds, cursor: .pointingHand)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+private final class PopupTarget: NSObject {
|
|
|
+ private let handler: (String) -> Void
|
|
|
+
|
|
|
+ init(handler: @escaping (String) -> Void) {
|
|
|
+ self.handler = handler
|
|
|
+ }
|
|
|
+
|
|
|
+ @objc func changed(_ sender: NSPopUpButton) {
|
|
|
+ handler(sender.titleOfSelectedItem ?? "")
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+private final class SegmentTarget: NSObject {
|
|
|
+ var handler: ((Int) -> Void)?
|
|
|
+
|
|
|
+ @objc func changed(_ sender: NSSegmentedControl) {
|
|
|
+ handler?(sender.selectedSegment)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+private final class FlippedSettingsDocumentView: NSView {
|
|
|
+ override var isFlipped: Bool { true }
|
|
|
+}
|