jake/vOOice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Sidebar

Browse Source
This commit is contained in:
Beingpax 2025-11-07 23:58:44 +05:45
parent f559d19390
commit 692bd5f9d4
1 changed files with 74 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
VoiceInk/Views/ContentView.swift
View File

@ -3,7 +3,7 @@ import SwiftData
import KeyboardShortcuts
// ViewType enum with all cases
enum ViewType: String, CaseIterable {
enum ViewType: String, CaseIterable, Identifiable {
case metrics = "Dashboard"
case transcribeAudio = "Transcribe Audio"
case history = "History"
@ -16,6 +16,8 @@ enum ViewType: String, CaseIterable {
case settings = "Settings"
case license = "VoiceInk Pro"
var id: String { rawValue }
var icon: String {
switch self {
case .metrics: return "gauge.medium"
@ -51,13 +53,15 @@ struct VisualEffectView: NSViewRepresentable {
}
}
struct DynamicSidebar: View {
@Binding var selectedView: ViewType
@Binding var hoveredView: ViewType?
struct ContentView: View {
@Environment(\.modelContext) private var modelContext
@Environment(\.colorScheme) private var colorScheme
@EnvironmentObject private var whisperState: WhisperState
@EnvironmentObject private var hotkeyManager: HotkeyManager
@AppStorage("powerModeUIFlag") private var powerModeUIFlag = false
@State private var selectedView: ViewType? = .metrics
let appVersion = Bundle.main.infoDictionary?["CFBundleShortVersionString"] as? String ?? "1.0.0"
@StateObject private var licenseViewModel = LicenseViewModel()
@Namespace private var buttonAnimation
private var visibleViewTypes: [ViewType] {
ViewType.allCases.filter { viewType in
@ -69,7 +73,9 @@ struct DynamicSidebar: View {
}
var body: some View {
VStack(spacing: 15) {
NavigationSplitView {
List(selection: $selectedView) {
Section {
// App Header
HStack(spacing: 6) {
if let appIcon = NSImage(named: "AppIcon") {
@ -95,103 +101,45 @@ struct DynamicSidebar: View {
Spacer()
}
.padding(.horizontal, 16)
.padding(.vertical, 12)
// Navigation Items
ForEach(visibleViewTypes, id: \.self) { viewType in
DynamicSidebarButton(
title: viewType.rawValue,
systemImage: viewType.icon,
isSelected: selectedView == viewType,
isHovered: hoveredView == viewType,
namespace: buttonAnimation
) {
selectedView = viewType
}
.onHover { isHovered in
hoveredView = isHovered ? viewType : nil
}
.padding(.vertical, 4)
}
Spacer()
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
}
}
struct DynamicSidebarButton: View {
let title: String
let systemImage: String
let isSelected: Bool
let isHovered: Bool
let namespace: Namespace.ID
let action: () -> Void
@Environment(\.colorScheme) private var colorScheme
var body: some View {
Button(action: action) {
ForEach(visibleViewTypes) { viewType in
Section {
NavigationLink(value: viewType) {
HStack(spacing: 12) {
Image(systemName: systemImage)
Image(systemName: viewType.icon)
.font(.system(size: 18, weight: .medium))
.frame(width: 24, height: 24)
Text(title)
Text(viewType.rawValue)
.font(.system(size: 14, weight: .medium))
.lineLimit(1)
Spacer()
}
.foregroundColor(isSelected ? .white : (isHovered ? .accentColor : .primary))
.frame(height: 40)
.frame(maxWidth: .infinity, alignment: .leading)
.padding(.leading, 16)
.background(
ZStack {
if isSelected {
RoundedRectangle(cornerRadius: 12)
.fill(Color.accentColor)
.shadow(color: Color.accentColor.opacity(0.5), radius: 5, x: 0, y: 2)
} else if isHovered {
RoundedRectangle(cornerRadius: 12)
.fill(colorScheme == .dark ? Color.white.opacity(0.1) : Color.black.opacity(0.05))
.padding(.vertical, 8)
.padding(.horizontal, 2)
}
.listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
.listRowSeparator(.hidden)
}
}
)
.padding(.horizontal, 8)
}
.buttonStyle(PlainButtonStyle())
}
}
struct ContentView: View {
@Environment(\.modelContext) private var modelContext
@Environment(\.colorScheme) private var colorScheme
@EnvironmentObject private var whisperState: WhisperState
@EnvironmentObject private var hotkeyManager: HotkeyManager
@AppStorage("powerModeUIFlag") private var powerModeUIFlag = false
@State private var selectedView: ViewType = .metrics
@State private var hoveredView: ViewType?
let appVersion = Bundle.main.infoDictionary?["CFBundleShortVersionString"] as? String ?? "1.0.0"
@StateObject private var licenseViewModel = LicenseViewModel()
var body: some View {
NavigationSplitView {
DynamicSidebar(
selectedView: $selectedView,
hoveredView: $hoveredView
)
.frame(width: 200)
.navigationSplitViewColumnWidth(200)
.listStyle(.sidebar)
.navigationTitle("VoiceInk")
.navigationSplitViewColumnWidth(210)
} detail: {
detailView
if let selectedView = selectedView {
detailView(for: selectedView)
.frame(maxWidth: .infinity, maxHeight: .infinity)
.toolbar(.hidden, for: .automatic)
.navigationTitle("")
.navigationTitle(selectedView.rawValue)
} else {
Text("Select a view")
.foregroundColor(.secondary)
}
}
.navigationSplitViewStyle(.balanced)
.frame(minWidth: 940, minHeight: 730)
// inside ContentView body:
.onReceive(NotificationCenter.default.publisher(for: .navigateToDestination)) { notification in
if let destination = notification.userInfo?["destination"] as? String {
switch destination {
@ -219,8 +167,8 @@ struct ContentView: View {
}
@ViewBuilder
private var detailView: some View {
switch selectedView {
private func detailView(for viewType: ViewType) -> some View {
switch viewType {
case .metrics:
MetricsView()
case .models: