src/stores/useSettingsStore.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import { create } from 'zustand'
import { persist } from 'zustand/middleware'

interface SettingsState {
  fontSize: number
  tabSize: number
  fontFamily: string
  wordWrap: boolean
  lineNumbers: boolean
  ruler: boolean
  rulerColumn: number
  autoSave: boolean
  autoSaveDelay: number

  set: <K extends keyof SettingsState>(key: K, value: SettingsState[K]) => void
}

export const useSettingsStore = create<SettingsState>()(
  persist(
    (set) => ({
      fontSize: 14,
      tabSize: 2,
      fontFamily: 'JetBrains Mono',
      wordWrap: true,
      lineNumbers: true,
      ruler: true,
      rulerColumn: 80,
      autoSave: false,
      autoSaveDelay: 2000,
      set: (key, value) => set({ [key]: value }),
    }),
    { name: 'yace-settings' }
  )
)