refactor settings menu

Author: crashmax-dev

src/settings.ts

@@ -1,5 +1,5 @@
-import Store, { to, from } from './store'
-import type { IStore } from './store'
+import Store, { configFields } from './store'
+import type { ValuesStore } from './store'
 
 GM_config.init({
   id: 'Options',
@@ -12,41 +12,13 @@ GM_config.init({
           // @ts-ignore
           arr[id] = value
           return arr
-        }, {} as IStore)
+        }, {} as ValuesStore)
 
       Store.write(options)
     },
     reset: () => Store.write()
   },
-  fields: {
-    enabled: {
-      type: 'checkbox',
-      default: true,
-      label: 'Вкл/Выкл расширения'
-    },
-    clipboard: {
-      type: 'checkbox',
-      default: true,
-      label: 'Копировать текст сообщения (оригинал/перевод)'
-    },
-    self: {
-      type: 'checkbox',
-      default: false,
-      label: 'Переводить собственные сообщения'
-    },
-    from: {
-      type: 'select',
-      options: from,
-      default: 'en',
-      label: 'Переводить из'
-    },
-    to: {
-      type: 'select',
-      options: to,
-      default: 'ru',
-      label: 'Переводить в'
-    }
-  }
+  fields: configFields
 })
 
 GM_registerMenuCommand('Настройки', () => {

src/store.ts

@@ -43,22 +43,52 @@ export const from = ['en', 'ru', 'kk', 'uk', 'ja', 'auto'] as const
 type ToLangs = typeof to[number]
 type FromLangs = typeof from[number]
 
-export interface IStore {
+export interface ValuesStore {
   to: ToLangs
   from: FromLangs
   self: boolean
   enabled: boolean
   clipboard: boolean
 }
 
-const initialStore: IStore = {
+const initialStore: ValuesStore = {
   to: to[1],
   from: to[0],
   self: false,
   enabled: true,
   clipboard: true
 }
 
+export const configFields: Record<string, Field> = {
+  enabled: {
+    type: 'checkbox',
+    default: initialStore.enabled,
+    label: 'Вкл/Выкл перевод'
+  },
+  clipboard: {
+    type: 'checkbox',
+    default: initialStore.clipboard,
+    label: 'Копировать текст сообщения (оригинал/перевод)'
+  },
+  self: {
+    type: 'checkbox',
+    default: initialStore.self,
+    label: 'Переводить собственные сообщения'
+  },
+  from: {
+    type: 'select',
+    options: from,
+    default: 'en',
+    label: 'Переводить из'
+  },
+  to: {
+    type: 'select',
+    options: to,
+    default: 'ru',
+    label: 'Переводить в'
+  }
+}
+
 export default new Store(
   'twitch-chat-translation',
   initialStore