fbe13fd1cb
Zustandsmaschine und Geometrie sind testgetrieben entstanden und tragen 40 Tests — sie sind frei von AppKit, damit jeder Übergang ohne Fenster und ohne Warten prüfbar ist. Zeit kommt nur als Ereignis herein. Zwei Entscheidungen, die im Code begründet sind: Der Zeiger wird über einen globalen Ereignismonitor verfolgt, nicht über ein unsichtbares Fenster auf der Notch. Ein solches Fenster müsste Mausereignisse annehmen, um sie zu bemerken, und würde damit Menüleiste und Fensterknöpfe darunter unbenutzbar machen. "Nur internes Display" fällt auf ein externes zurück, wenn kein eingebautes da ist. Am Dock mit geschlossenem Deckel hieße die Einstellung wörtlich genommen, dass Onyx unerreichbar wird. Design: NSVisualEffectView mit eigenem Tint statt Liquid Glass — Onyx ist Stein, kein Glas. Alle Farben und Maße liegen als Tokens in OnyxDesign. Menüleiste: jedes Modul bekommt ein eigenes NSStatusItem. Elemente, denen macOS mangels Platz keine Breite gibt, werden erkannt und gemeldet, statt still zu verschwinden. App-Target über XcodeGen, damit die Projektdefinition im Diff lesbar bleibt. Nicht sandboxed, mit App-Group-Entitlement — baut, startet, signiert mit PP34X97WS3.
73 lines
2.5 KiB
Swift
73 lines
2.5 KiB
Swift
import SwiftUI
|
|
import AppKit
|
|
|
|
/// Die Vibrancy-Ebene hinter dem Panel.
|
|
///
|
|
/// `.hudWindow` mit `behindWindow` lässt den Hintergrund durchscheinen, ohne ihn
|
|
/// lesbar zu lassen. Der Tint darüber macht daraus schwarzen Stein statt grauem Glas.
|
|
public struct OnyxVisualEffect: NSViewRepresentable {
|
|
public init() {}
|
|
|
|
public func makeNSView(context: Context) -> NSVisualEffectView {
|
|
let view = NSVisualEffectView()
|
|
view.material = .hudWindow
|
|
view.blendingMode = .behindWindow
|
|
view.state = .active
|
|
view.appearance = NSAppearance(named: .darkAqua)
|
|
return view
|
|
}
|
|
|
|
public func updateNSView(_ view: NSVisualEffectView, context: Context) {}
|
|
}
|
|
|
|
/// Der Hintergrund des Panels: Vibrancy, Tint, ein sehr flacher Glanz von oben
|
|
/// und eine Haarlinie als Innenkante.
|
|
public struct OnyxSurface: View {
|
|
private let cornerRadius: CGFloat
|
|
|
|
public init(cornerRadius: CGFloat = Onyx.Metric.panelCornerRadius) {
|
|
self.cornerRadius = cornerRadius
|
|
}
|
|
|
|
public var body: some View {
|
|
let shape = RoundedRectangle(cornerRadius: cornerRadius, style: .continuous)
|
|
|
|
shape
|
|
.fill(Onyx.Color.surface.opacity(Onyx.Color.surfaceOpacity))
|
|
.background(OnyxVisualEffect().clipShape(shape))
|
|
.overlay {
|
|
// Die Bänderung des Steins: oben ein Hauch heller, nach 40 %
|
|
// vollständig verlaufen. Mehr wirkt sofort billig.
|
|
shape.fill(
|
|
LinearGradient(
|
|
stops: [
|
|
.init(color: .white.opacity(0.02), location: 0),
|
|
.init(color: .clear, location: 0.4),
|
|
],
|
|
startPoint: .top, endPoint: .bottom))
|
|
}
|
|
.overlay {
|
|
shape.strokeBorder(Onyx.Color.hairline, lineWidth: Onyx.Metric.hairlineWidth)
|
|
}
|
|
}
|
|
}
|
|
|
|
/// Eine Kachel auf der Panelfläche.
|
|
public struct OnyxTile<Content: View>: View {
|
|
private let content: Content
|
|
|
|
public init(@ViewBuilder content: () -> Content) {
|
|
self.content = content()
|
|
}
|
|
|
|
public var body: some View {
|
|
let shape = RoundedRectangle(cornerRadius: Onyx.Metric.tileCornerRadius, style: .continuous)
|
|
|
|
content
|
|
.padding(12)
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
|
|
.background(shape.fill(Onyx.Color.elevated))
|
|
.overlay(shape.strokeBorder(Onyx.Color.hairline, lineWidth: Onyx.Metric.hairlineWidth))
|
|
}
|
|
}
|