mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2025-12-24 10:40:07 +08:00
* refactor(IpcChannel): rename theme change event and streamline theme handling - Updated the IpcChannel enum to rename 'theme:change' to 'theme:updated' for clarity. - Refactored theme handling in ipc.ts to utilize a new ThemeService, simplifying theme updates and event broadcasting. - Adjusted various components to consistently use the updated theme variable naming convention. * refactor(Theme): standardize theme handling across components - Updated theme retrieval to use 'actualTheme' instead of 'theme' for consistency. - Changed default theme setting from 'auto' to 'system' in ConfigManager and related components. - Adjusted theme handling in various components to reflect the new naming convention and ensure proper theme application. * fix(Theme): improve theme handling and migration logic - Added a console log for debugging theme transitions in ThemeProvider. - Updated ThemeService to ensure theme is set correctly when changed. - Incremented version number in store configuration to reflect changes. - Enhanced migration logic to convert 'auto' theme setting to 'system' for better consistency. * feat(Theme): add getTheme IPC channel and improve theme management - Introduced a new IPC channel 'App_GetTheme' to retrieve the current theme. - Updated ThemeService to include a method for getting the current theme. - Refactored theme initialization in WindowService to ensure proper theme setup. - Enhanced theme handling in various components to utilize the new theme retrieval method. * fix(ThemeService): improve theme initialization and retrieval logic - Set default theme to 'system' and updated theme initialization to handle legacy versions. - Enhanced getTheme method to return both the current theme and the actual theme based on nativeTheme settings. - Removed redundant initTheme method from ThemeService and ensured themeService is imported in WindowService for proper initialization. - Updated ThemeProvider to handle the new structure of the theme retrieval response. * refactor(Settings): remove theme management from settings - Eliminated theme-related state and actions from the settings slice. - Updated useSettings hook to remove theme handling functionality. - Cleaned up imports by removing unused ThemeMode type. * refactor(Theme): update theme retrieval in GeneralSettings and HomeWindow - Restored theme retrieval in GeneralSettings and HomeWindow components. - Adjusted imports to ensure proper theme management. - Updated theme condition checks to utilize the ThemeMode enumeration for consistency. * refactor(Theme): update theme terminology and retrieval in Sidebar and DisplaySettings - Changed theme label from 'auto' to 'system' in multiple localization files for consistency. - Updated Sidebar component to reflect the new theme terminology. - Adjusted DisplaySettings to display the updated theme label. * refactor(ThemeProvider): initialize theme state from API response * refactor(ThemeProvider): reset theme state to default values and streamline initialization logic * refactor(Theme): enhance theme management by incorporating 'system' mode and updating state handling - Updated ThemeService to include 'system' as a valid theme option. - Refactored ThemeProvider to utilize useSettings for theme state management and ensure proper initialization. - Adjusted useSettings to include theme setting functionality. - Modified settings slice to manage theme state effectively. * refactor(WindowService, ThemeProvider, Messages, HomeWindow): streamline imports and clean up unused variables - Removed duplicate import of ThemeService in WindowService. - Adjusted import order in ThemeProvider for clarity. - Simplified useSettings destructuring in Messages component. - Cleaned up unused ThemeMode import in HomeWindow. * refactor(Theme): standardize theme usage across components by replacing 'actualTheme' with 'theme' - Updated components to consistently use 'theme' instead of 'actualTheme' for better clarity and maintainability. - Adjusted ThemeProvider to reflect changes in theme state management. - Ensured all relevant components are aligned with the new theme structure. * refactor(Theme): remove unused theme retrieval functionality - Eliminated the App_GetTheme channel and associated methods from ThemeService and IPC handling. - Updated components to use the new theme structure, replacing 'actualTheme' with 'settedTheme' for consistency. - Ensured all theme-related functionalities are streamlined and aligned with the latest changes. * refactor(Theme): update theme variable usage in ChatFlowHistory and GeneralSettings - Replaced 'theme' with 'settedTheme' in ChatFlowHistory for consistency with recent theme structure changes. - Simplified theme destructuring in GeneralSettings by removing unused 'themeMode' variable. - Ensured alignment with the latest theme management updates across components. * refactor(Theme): update theme variable in GeneralSettings component - Replaced 'themeMode' with 'theme' in GeneralSettings for consistency with recent theme structure changes. - Ensured alignment with the latest theme management updates across components. --------- Co-authored-by: beyondkmp <beyondkmkp@gmail.com>
218 lines
6.1 KiB
TypeScript
218 lines
6.1 KiB
TypeScript
import { defaultLanguage, ZOOM_SHORTCUTS } from '@shared/config/constant'
|
|
import { LanguageVarious, Shortcut, ThemeMode } from '@types'
|
|
import { app } from 'electron'
|
|
import Store from 'electron-store'
|
|
|
|
import { locales } from '../utils/locales'
|
|
|
|
export enum ConfigKeys {
|
|
Language = 'language',
|
|
Theme = 'theme',
|
|
LaunchToTray = 'launchToTray',
|
|
Tray = 'tray',
|
|
TrayOnClose = 'trayOnClose',
|
|
ZoomFactor = 'ZoomFactor',
|
|
Shortcuts = 'shortcuts',
|
|
ClickTrayToShowQuickAssistant = 'clickTrayToShowQuickAssistant',
|
|
EnableQuickAssistant = 'enableQuickAssistant',
|
|
AutoUpdate = 'autoUpdate',
|
|
EnableDataCollection = 'enableDataCollection',
|
|
SelectionAssistantEnabled = 'selectionAssistantEnabled',
|
|
SelectionAssistantTriggerMode = 'selectionAssistantTriggerMode',
|
|
SelectionAssistantFollowToolbar = 'selectionAssistantFollowToolbar',
|
|
SelectionAssistantRemeberWinSize = 'selectionAssistantRemeberWinSize',
|
|
SelectionAssistantFilterMode = 'selectionAssistantFilterMode',
|
|
SelectionAssistantFilterList = 'selectionAssistantFilterList'
|
|
}
|
|
|
|
export class ConfigManager {
|
|
private store: Store
|
|
private subscribers: Map<string, Array<(newValue: any) => void>> = new Map()
|
|
|
|
constructor() {
|
|
this.store = new Store()
|
|
}
|
|
|
|
getLanguage(): LanguageVarious {
|
|
const locale = Object.keys(locales).includes(app.getLocale()) ? app.getLocale() : defaultLanguage
|
|
return this.get(ConfigKeys.Language, locale) as LanguageVarious
|
|
}
|
|
|
|
setLanguage(lang: LanguageVarious) {
|
|
this.setAndNotify(ConfigKeys.Language, lang)
|
|
}
|
|
|
|
getTheme(): ThemeMode {
|
|
return this.get(ConfigKeys.Theme, ThemeMode.system)
|
|
}
|
|
|
|
setTheme(theme: ThemeMode) {
|
|
this.set(ConfigKeys.Theme, theme)
|
|
}
|
|
|
|
getLaunchToTray(): boolean {
|
|
return !!this.get(ConfigKeys.LaunchToTray, false)
|
|
}
|
|
|
|
setLaunchToTray(value: boolean) {
|
|
this.set(ConfigKeys.LaunchToTray, value)
|
|
}
|
|
|
|
getTray(): boolean {
|
|
return !!this.get(ConfigKeys.Tray, true)
|
|
}
|
|
|
|
setTray(value: boolean) {
|
|
this.setAndNotify(ConfigKeys.Tray, value)
|
|
}
|
|
|
|
getTrayOnClose(): boolean {
|
|
return !!this.get(ConfigKeys.TrayOnClose, true)
|
|
}
|
|
|
|
setTrayOnClose(value: boolean) {
|
|
this.set(ConfigKeys.TrayOnClose, value)
|
|
}
|
|
|
|
getZoomFactor(): number {
|
|
return this.get<number>(ConfigKeys.ZoomFactor, 1)
|
|
}
|
|
|
|
setZoomFactor(factor: number) {
|
|
this.setAndNotify(ConfigKeys.ZoomFactor, factor)
|
|
}
|
|
|
|
subscribe<T>(key: string, callback: (newValue: T) => void) {
|
|
if (!this.subscribers.has(key)) {
|
|
this.subscribers.set(key, [])
|
|
}
|
|
this.subscribers.get(key)!.push(callback)
|
|
}
|
|
|
|
unsubscribe<T>(key: string, callback: (newValue: T) => void) {
|
|
const subscribers = this.subscribers.get(key)
|
|
if (subscribers) {
|
|
this.subscribers.set(
|
|
key,
|
|
subscribers.filter((subscriber) => subscriber !== callback)
|
|
)
|
|
}
|
|
}
|
|
|
|
private notifySubscribers<T>(key: string, newValue: T) {
|
|
const subscribers = this.subscribers.get(key)
|
|
if (subscribers) {
|
|
subscribers.forEach((subscriber) => subscriber(newValue))
|
|
}
|
|
}
|
|
|
|
getShortcuts() {
|
|
return this.get(ConfigKeys.Shortcuts, ZOOM_SHORTCUTS) as Shortcut[] | []
|
|
}
|
|
|
|
setShortcuts(shortcuts: Shortcut[]) {
|
|
this.setAndNotify(
|
|
ConfigKeys.Shortcuts,
|
|
shortcuts.filter((shortcut) => shortcut.system)
|
|
)
|
|
}
|
|
|
|
getClickTrayToShowQuickAssistant(): boolean {
|
|
return this.get<boolean>(ConfigKeys.ClickTrayToShowQuickAssistant, false)
|
|
}
|
|
|
|
setClickTrayToShowQuickAssistant(value: boolean) {
|
|
this.set(ConfigKeys.ClickTrayToShowQuickAssistant, value)
|
|
}
|
|
|
|
getEnableQuickAssistant(): boolean {
|
|
return this.get(ConfigKeys.EnableQuickAssistant, false)
|
|
}
|
|
|
|
setEnableQuickAssistant(value: boolean) {
|
|
this.setAndNotify(ConfigKeys.EnableQuickAssistant, value)
|
|
}
|
|
|
|
getAutoUpdate(): boolean {
|
|
return this.get<boolean>(ConfigKeys.AutoUpdate, true)
|
|
}
|
|
|
|
setAutoUpdate(value: boolean) {
|
|
this.set(ConfigKeys.AutoUpdate, value)
|
|
}
|
|
|
|
getEnableDataCollection(): boolean {
|
|
return this.get<boolean>(ConfigKeys.EnableDataCollection, true)
|
|
}
|
|
|
|
setEnableDataCollection(value: boolean) {
|
|
this.set(ConfigKeys.EnableDataCollection, value)
|
|
}
|
|
|
|
// Selection Assistant: is enabled the selection assistant
|
|
getSelectionAssistantEnabled(): boolean {
|
|
return this.get<boolean>(ConfigKeys.SelectionAssistantEnabled, true)
|
|
}
|
|
|
|
setSelectionAssistantEnabled(value: boolean) {
|
|
this.setAndNotify(ConfigKeys.SelectionAssistantEnabled, value)
|
|
}
|
|
|
|
// Selection Assistant: trigger mode (selected, ctrlkey)
|
|
getSelectionAssistantTriggerMode(): string {
|
|
return this.get<string>(ConfigKeys.SelectionAssistantTriggerMode, 'selected')
|
|
}
|
|
|
|
setSelectionAssistantTriggerMode(value: string) {
|
|
this.setAndNotify(ConfigKeys.SelectionAssistantTriggerMode, value)
|
|
}
|
|
|
|
// Selection Assistant: if action window position follow toolbar
|
|
getSelectionAssistantFollowToolbar(): boolean {
|
|
return this.get<boolean>(ConfigKeys.SelectionAssistantFollowToolbar, true)
|
|
}
|
|
|
|
setSelectionAssistantFollowToolbar(value: boolean) {
|
|
this.setAndNotify(ConfigKeys.SelectionAssistantFollowToolbar, value)
|
|
}
|
|
|
|
getSelectionAssistantRemeberWinSize(): boolean {
|
|
return this.get<boolean>(ConfigKeys.SelectionAssistantRemeberWinSize, false)
|
|
}
|
|
|
|
setSelectionAssistantRemeberWinSize(value: boolean) {
|
|
this.setAndNotify(ConfigKeys.SelectionAssistantRemeberWinSize, value)
|
|
}
|
|
|
|
getSelectionAssistantFilterMode(): string {
|
|
return this.get<string>(ConfigKeys.SelectionAssistantFilterMode, 'default')
|
|
}
|
|
|
|
setSelectionAssistantFilterMode(value: string) {
|
|
this.setAndNotify(ConfigKeys.SelectionAssistantFilterMode, value)
|
|
}
|
|
|
|
getSelectionAssistantFilterList(): string[] {
|
|
return this.get<string[]>(ConfigKeys.SelectionAssistantFilterList, [])
|
|
}
|
|
|
|
setSelectionAssistantFilterList(value: string[]) {
|
|
this.setAndNotify(ConfigKeys.SelectionAssistantFilterList, value)
|
|
}
|
|
|
|
setAndNotify(key: string, value: unknown) {
|
|
this.set(key, value, true)
|
|
}
|
|
|
|
set(key: string, value: unknown, isNotify: boolean = false) {
|
|
this.store.set(key, value)
|
|
isNotify && this.notifySubscribers(key, value)
|
|
}
|
|
|
|
get<T>(key: string, defaultValue?: T) {
|
|
return this.store.get(key, defaultValue) as T
|
|
}
|
|
}
|
|
|
|
export const configManager = new ConfigManager()
|