Phase 9: Einrichtung, Autostart, Notarisierung — und die Mixer-Optik
Die Einrichtung beim ersten Start erklärt jede der vier Sachen einzeln und fragt jede einzeln an. Vier Systemdialoge hintereinander wären der übliche Weg und der falsche: wer nicht weiß wofür, klickt viermal „Nicht erlauben", und danach fragt macOS nie wieder. Sie kommt beim ersten Start immer, auch wenn zufällig schon alles erlaubt ist — sie erklärt auch den Helfer und den Autostart. Beim Autostart ist `requiresApproval` der Zustand, der weh tut. Wer das Anmeldeobjekt in den Systemeinstellungen abgeschaltet hat, kann in Onyx auf den Schalter drücken, so oft er will. Als „aus" angezeigt führt das in eine Schleife, also steht dort jetzt, wo es weitergeht. Der Mixer verliert den Schalter je Programm. Zehn Mini-Schalter untereinander sind das, was den Eindruck macht; am Regler zu ziehen ist ohnehin die Entscheidung, dieses Programm zu regeln, und der große Ausschalter stellt alles zurück. Der Regler ist selbst gezeichnet — der Systemregler bringt sein eigenes Erscheinungsbild mit und kann nicht zeigen, worauf es hier ankommt: den Pegel und die Grenze bei 100 %. Der Pegel wird im selben Durchlauf gemessen, in dem verstärkt wird, und über `Atomic` weitergereicht. Eine gewöhnliche Eigenschaft wäre ein Wettlauf, eine Sperre im Audiothread der klassische Weg zu Aussetzern. Dabei fällt das `Date()` aus dem Echtzeitpfad, das dort nie hingehört hat. Zwei Funde beim Bauen des Release-Wegs, beide hätten erst nach dem Hochladen zur Ablehnung geführt: der Helfer wurde ohne sicheren Zeitstempel signiert, und das Adapter-Framework ad-hoc. Beides gilt jetzt nur noch im Debug. Scripts/release.sh prüft Zertifikat und Notarisierungsprofil vorweg, statt nach zehn Minuten Bauen zu scheitern. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
@@ -15,15 +15,17 @@ public struct MixerView: View {
|
||||
}
|
||||
|
||||
public var body: some View {
|
||||
VStack(alignment: .leading, spacing: compact ? 6 : 10) {
|
||||
VStack(alignment: .leading, spacing: compact ? 10 : 14) {
|
||||
if mixer.isEnabled {
|
||||
if mixer.processes.isEmpty {
|
||||
Text("mixer.noProcesses", bundle: .module)
|
||||
.font(Onyx.Font.caption)
|
||||
.foregroundStyle(Onyx.Color.textTertiary)
|
||||
.frame(maxWidth: .infinity, alignment: .center)
|
||||
.padding(.vertical, 8)
|
||||
} else {
|
||||
ForEach(mixer.processes.prefix(compact ? 4 : 10)) { process in
|
||||
ProcessRow(mixer: mixer, process: process, compact: compact)
|
||||
ProcessRow(mixer: mixer, process: process)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -32,40 +34,42 @@ public struct MixerView: View {
|
||||
.fixedSize(horizontal: false, vertical: true)
|
||||
}
|
||||
|
||||
Divider().overlay(Onyx.Color.hairline)
|
||||
// Der Notausschalter gehört sichtbar dazu, nicht in ein Menü:
|
||||
// wenn der Ton weg ist, ist das der Knopf, den man sucht.
|
||||
Button { mixer.disable() } label: {
|
||||
// Label(_:systemImage:) kennt kein Bundle und sucht immer
|
||||
// im Hauptbundle - die Strings liegen aber im Modulbundle.
|
||||
// Ohne den Umweg über Text steht im Knopf „mixer.off".
|
||||
Label {
|
||||
Text("mixer.off", bundle: .module).font(Onyx.Font.caption)
|
||||
} icon: {
|
||||
Image(systemName: "power")
|
||||
}
|
||||
Text("mixer.off", bundle: .module)
|
||||
.font(Onyx.Font.caption)
|
||||
.foregroundStyle(Onyx.Color.textSecondary)
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
.foregroundStyle(Onyx.Color.textSecondary)
|
||||
.padding(.top, 2)
|
||||
} else {
|
||||
OffState(mixer: mixer, compact: compact)
|
||||
}
|
||||
}
|
||||
.frame(maxWidth: .infinity, alignment: .leading)
|
||||
.animation(Onyx.Motion.value, value: mixer.processes.count)
|
||||
}
|
||||
}
|
||||
|
||||
/// Der ausgeschaltete Zustand erklärt, worauf man sich einlässt.
|
||||
/// Der ausgeschaltete Zustand erklärt, worauf man sich einlässt — in zwei
|
||||
/// Sätzen, nicht in einem Absatz. Wer vier Zeilen lesen muss, bevor er einen
|
||||
/// Regler sieht, liest sie nicht.
|
||||
private struct OffState: View {
|
||||
let mixer: AudioMixer
|
||||
let compact: Bool
|
||||
|
||||
var body: some View {
|
||||
VStack(alignment: .leading, spacing: 6) {
|
||||
Text("mixer.off.explain", bundle: .module)
|
||||
.font(Onyx.Font.caption)
|
||||
.foregroundStyle(Onyx.Color.textSecondary)
|
||||
.fixedSize(horizontal: false, vertical: true)
|
||||
VStack(alignment: .leading, spacing: 10) {
|
||||
HStack(spacing: 8) {
|
||||
Image(systemName: "slider.horizontal.3")
|
||||
.font(.system(size: 15, weight: .light))
|
||||
.foregroundStyle(Onyx.Color.textTertiary)
|
||||
Text("mixer.off.explain", bundle: .module)
|
||||
.font(Onyx.Font.caption)
|
||||
.foregroundStyle(Onyx.Color.textSecondary)
|
||||
.fixedSize(horizontal: false, vertical: true)
|
||||
}
|
||||
|
||||
if !compact {
|
||||
Text("mixer.off.warning", bundle: .module)
|
||||
@@ -75,14 +79,14 @@ private struct OffState: View {
|
||||
}
|
||||
|
||||
Button { mixer.enable() } label: {
|
||||
Label {
|
||||
Text("mixer.on", bundle: .module).font(Onyx.Font.caption)
|
||||
} icon: {
|
||||
Image(systemName: "slider.horizontal.3")
|
||||
}
|
||||
Text("mixer.on", bundle: .module)
|
||||
.font(Onyx.Font.caption)
|
||||
.foregroundStyle(Onyx.Color.surface)
|
||||
.padding(.horizontal, 10)
|
||||
.padding(.vertical, 4)
|
||||
.background(Onyx.Color.accent, in: .capsule)
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
.foregroundStyle(Onyx.Color.accent)
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -90,83 +94,78 @@ private struct OffState: View {
|
||||
private struct ProcessRow: View {
|
||||
let mixer: AudioMixer
|
||||
let process: AudioProcess
|
||||
let compact: Bool
|
||||
@State private var isHovered = false
|
||||
|
||||
private var managed: Bool { mixer.isManaged(process.bundleID) }
|
||||
private var muted: Bool { mixer.isMuted(process.bundleID) }
|
||||
private var volume: Double { mixer.volume(for: process.bundleID) }
|
||||
|
||||
var body: some View {
|
||||
let managed = mixer.isManaged(process.bundleID)
|
||||
|
||||
VStack(alignment: .leading, spacing: 2) {
|
||||
HStack(spacing: 6) {
|
||||
VStack(alignment: .leading, spacing: 5) {
|
||||
HStack(spacing: 7) {
|
||||
icon
|
||||
Text(process.name)
|
||||
.font(Onyx.Font.caption)
|
||||
.foregroundStyle(process.isPlaying ? Onyx.Color.textPrimary
|
||||
: Onyx.Color.textSecondary)
|
||||
.foregroundStyle(managed ? Onyx.Color.textPrimary : Onyx.Color.textSecondary)
|
||||
.lineLimit(1)
|
||||
// In der Mitte kürzen statt am Ende: bei zwei ähnlichen
|
||||
// Namen ist das Ende oft das Unterscheidende.
|
||||
.truncationMode(.middle)
|
||||
.layoutPriority(1)
|
||||
|
||||
if process.isPlaying {
|
||||
Circle().fill(Onyx.Color.positive).frame(width: 5, height: 5)
|
||||
}
|
||||
Spacer(minLength: 0)
|
||||
Spacer(minLength: 4)
|
||||
|
||||
// Die Prozentzahl erscheint erst, wenn sie etwas aussagt.
|
||||
// Bei jedem Programm „100 %" zu zeigen ist Zahlenrauschen.
|
||||
if managed {
|
||||
Button {
|
||||
mixer.setMuted(!mixer.isMuted(process.bundleID), for: process.bundleID)
|
||||
} label: {
|
||||
Image(systemName: mixer.isMuted(process.bundleID)
|
||||
? "speaker.slash.fill" : "speaker.wave.2.fill")
|
||||
.font(.system(size: 10))
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
.foregroundStyle(mixer.isMuted(process.bundleID)
|
||||
? Onyx.Color.critical : Onyx.Color.textTertiary)
|
||||
Text("\(Int(volume * 100)) %")
|
||||
.font(Onyx.Font.metricSmall)
|
||||
.foregroundStyle(volume > 1 ? Onyx.Color.warning : Onyx.Color.textTertiary)
|
||||
.monospacedDigit()
|
||||
.transition(.opacity)
|
||||
}
|
||||
|
||||
// Erst wenn ein Programm ausgewählt ist, wird sein Ton
|
||||
// abgegriffen. Alles andere läuft unverändert am Mixer vorbei.
|
||||
Toggle("", isOn: Binding(
|
||||
get: { managed },
|
||||
set: { mixer.setManaged($0, for: process.bundleID) }))
|
||||
.toggleStyle(.switch)
|
||||
.controlSize(.mini)
|
||||
.labelsHidden()
|
||||
}
|
||||
|
||||
if managed {
|
||||
// Die Prozentzahl steht beim Regler, nicht beim Namen: oben ist
|
||||
// sie die Breite, die den Namen abschneidet, hier gehört sie
|
||||
// ohnehin hin.
|
||||
HStack(spacing: 6) {
|
||||
Slider(value: Binding(
|
||||
get: { mixer.volume(for: process.bundleID) },
|
||||
set: { mixer.setVolume($0, for: process.bundleID) }),
|
||||
in: 0...Gain.maximumVolume)
|
||||
.controlSize(.mini)
|
||||
.disabled(mixer.isMuted(process.bundleID))
|
||||
.overlay(alignment: .leading) {
|
||||
// Markierung bei 100 %: darüber wird verstärkt, und
|
||||
// man soll sehen, wann man diese Grenze überschreitet.
|
||||
GeometryReader { geometry in
|
||||
Rectangle()
|
||||
.fill(Onyx.Color.hairline)
|
||||
.frame(width: 1, height: 8)
|
||||
.offset(x: geometry.size.width / Gain.maximumVolume, y: 4)
|
||||
}
|
||||
}
|
||||
HStack(spacing: 7) {
|
||||
VolumeBar(
|
||||
volume: volume,
|
||||
level: mixer.level(for: process.bundleID),
|
||||
isActive: managed && !muted,
|
||||
onChange: { newValue in
|
||||
// Am Regler zu ziehen **ist** die Entscheidung, dieses
|
||||
// Programm zu regeln. Ein zusätzlicher Schalter davor
|
||||
// wäre eine Hürde, die nichts schützt — der große
|
||||
// Ausschalter unten stellt ohnehin alles zurück.
|
||||
if !managed { mixer.setManaged(true, for: process.bundleID) }
|
||||
mixer.setVolume(newValue, for: process.bundleID)
|
||||
})
|
||||
|
||||
Text("\(Int(mixer.volume(for: process.bundleID) * 100)) %")
|
||||
.font(Onyx.Font.metricSmall)
|
||||
.foregroundStyle(mixer.volume(for: process.bundleID) > 1
|
||||
? Onyx.Color.warning : Onyx.Color.textTertiary)
|
||||
// Feste Breite, sonst wandert der Regler beim Ziehen.
|
||||
.frame(width: 34, alignment: .trailing)
|
||||
Button {
|
||||
if !managed { mixer.setManaged(true, for: process.bundleID) }
|
||||
mixer.setMuted(!muted, for: process.bundleID)
|
||||
} label: {
|
||||
Image(systemName: muted ? "speaker.slash.fill" : "speaker.wave.2.fill")
|
||||
.font(.system(size: 9))
|
||||
.frame(width: 12)
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
.foregroundStyle(muted ? Onyx.Color.critical
|
||||
: (managed ? Onyx.Color.textTertiary
|
||||
: Onyx.Color.textTertiary.opacity(0.5)))
|
||||
}
|
||||
}
|
||||
.contentShape(.rect)
|
||||
.onHover { isHovered = $0 }
|
||||
.contextMenu {
|
||||
if managed {
|
||||
Button {
|
||||
mixer.setManaged(false, for: process.bundleID)
|
||||
} label: {
|
||||
Text("mixer.release", bundle: .module)
|
||||
}
|
||||
}
|
||||
}
|
||||
.animation(Onyx.Motion.value, value: managed)
|
||||
}
|
||||
|
||||
@ViewBuilder
|
||||
@@ -174,15 +173,98 @@ private struct ProcessRow: View {
|
||||
// Auch Hilfsprozesse bekommen das Symbol ihres Programms — sonst steht
|
||||
// neben „Google Chrome" ein leerer Platzhalter.
|
||||
if let image = ProcessNaming.icon(bundleID: process.bundleID, pid: process.pid) {
|
||||
Image(nsImage: image).resizable().frame(width: 14, height: 14)
|
||||
Image(nsImage: image)
|
||||
.resizable().frame(width: 15, height: 15)
|
||||
.opacity(managed ? 1 : 0.65)
|
||||
} else {
|
||||
Image(systemName: "app.dashed")
|
||||
.font(.system(size: 11))
|
||||
.foregroundStyle(Onyx.Color.textTertiary)
|
||||
.frame(width: 15, height: 15)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// Der Lautstärkeregler.
|
||||
///
|
||||
/// Selbst gezeichnet statt `Slider`: der Systemregler bringt sein eigenes
|
||||
/// Erscheinungsbild mit, das auf der dunklen Fläche wie ein Fremdkörper sitzt.
|
||||
/// Und er kann nicht zeigen, was hier den Unterschied macht — den Pegel und
|
||||
/// die Grenze bei 100 %.
|
||||
private struct VolumeBar: View {
|
||||
let volume: Double
|
||||
let level: Double
|
||||
let isActive: Bool
|
||||
let onChange: (Double) -> Void
|
||||
|
||||
@State private var isDragging = false
|
||||
|
||||
private let trackHeight: CGFloat = 5
|
||||
|
||||
var body: some View {
|
||||
GeometryReader { geometry in
|
||||
let width = geometry.size.width
|
||||
let fraction = min(max(volume / Gain.maximumVolume, 0), 1)
|
||||
let fillWidth = width * fraction
|
||||
|
||||
ZStack(alignment: .leading) {
|
||||
Capsule()
|
||||
.fill(Onyx.Color.elevated)
|
||||
.frame(height: trackHeight)
|
||||
|
||||
// Markierung bei 100 %: darüber wird verstärkt, und man soll
|
||||
// sehen, wann man diese Grenze überschreitet.
|
||||
Rectangle()
|
||||
.fill(Onyx.Color.hairline)
|
||||
.frame(width: 1, height: trackHeight + 3)
|
||||
.offset(x: width / Gain.maximumVolume)
|
||||
|
||||
Capsule()
|
||||
.fill(volume > 1 ? Onyx.Color.warning : Onyx.Color.accent)
|
||||
.frame(width: fillWidth, height: trackHeight)
|
||||
.opacity(isActive ? 1 : 0.28)
|
||||
|
||||
// Der Pegel läuft **im** Regler mit, nicht daneben: eine
|
||||
// zweite Leiste pro Zeile wäre doppelt so viel Grafik für
|
||||
// dieselbe Auskunft.
|
||||
if isActive, level > 0.001 {
|
||||
Capsule()
|
||||
.fill(.white.opacity(0.35))
|
||||
.frame(width: fillWidth * meterFraction, height: trackHeight)
|
||||
.blendMode(.plusLighter)
|
||||
.allowsHitTesting(false)
|
||||
}
|
||||
|
||||
Circle()
|
||||
.fill(Onyx.Color.textPrimary)
|
||||
.frame(width: isDragging ? 10 : 8, height: isDragging ? 10 : 8)
|
||||
.shadow(color: .black.opacity(0.4), radius: 1, y: 0.5)
|
||||
.offset(x: fillWidth - (isDragging ? 5 : 4))
|
||||
.opacity(isActive ? 1 : 0.5)
|
||||
}
|
||||
.frame(height: 14)
|
||||
.contentShape(.rect)
|
||||
.gesture(
|
||||
DragGesture(minimumDistance: 0)
|
||||
.onChanged { value in
|
||||
isDragging = true
|
||||
let position = min(max(value.location.x / width, 0), 1)
|
||||
onChange(position * Gain.maximumVolume)
|
||||
}
|
||||
.onEnded { _ in isDragging = false })
|
||||
}
|
||||
.frame(height: 14)
|
||||
.animation(Onyx.Motion.value, value: isDragging)
|
||||
}
|
||||
|
||||
/// Ausschläge sind linear in der Amplitude und damit optisch nutzlos:
|
||||
/// halb so laut sieht aus wie fast nichts. Die Wurzel spreizt den unteren
|
||||
/// Bereich so weit, dass man überhaupt etwas sieht.
|
||||
private var meterFraction: Double {
|
||||
min(1, sqrt(min(max(level, 0), 1)))
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Widget
|
||||
|
||||
public struct AudioMixerWidget: OnyxWidget {
|
||||
|
||||
Reference in New Issue
Block a user