Rewrite with ts for src/constants

src/constants/displayStyle/index.d.ts

@@ -1,14 +0,0 @@
-export type DisplayStyleType = {
-  name: string
-  value: number
-}
-
-export type DisplayStyleList = {
-  DisplayNameAndUsername: DisplayStyleType
-  DisplayName: DisplayStyleType
-  Username: DisplayStyleType
-}
-
-declare let d: DisplayStyleList
-
-export default d

src/constants/displayStyle/index.ts

@@ -1,4 +1,15 @@
-export default {
+export type DisplayStyleType = {
+  name: string
+  value: number
+}
+
+export type DisplayStyleList = {
+  DisplayNameAndUsername: DisplayStyleType
+  DisplayName: DisplayStyleType
+  Username: DisplayStyleType
+}
+
+const displayStyleList: DisplayStyleList = {
   DisplayNameAndUsername: {
     name: 'preferences.appearance.display_style.display_name_and_username',
     value: 0
@@ -12,3 +23,5 @@ export default {
     value: 2
   }
 }
+
+export default displayStyleList

src/constants/language/index.d.ts

@@ -1,31 +0,0 @@
-export type LanguageType = {
-  name: string
-  key: string
-  rfc4646: string
-}
-
-export type LanguageList = {
-  de: LanguageType
-  en: LanguageType
-  fr: LanguageType
-  gd: LanguageType
-  ja: LanguageType
-  ko: LanguageType
-  pl: LanguageType
-  id: LanguageType
-  it: LanguageType
-  zh_cn: LanguageType
-  zh_tw: LanguageType
-  cs: LanguageType
-  es_es: LanguageType
-  no: LanguageType
-  pt_pt: LanguageType
-  ru: LanguageType
-  si: LanguageType
-  sv_se: LanguageType
-  tzm: LanguageType
-}
-
-declare let l: LanguageList
-
-export default l

src/constants/language/index.ts

@@ -1,4 +1,32 @@
-export default {
+export type LanguageType = {
+  name: string
+  key: string
+  rfc4646: string
+}
+
+export type LanguageList = {
+  de: LanguageType
+  en: LanguageType
+  fr: LanguageType
+  gd: LanguageType
+  ja: LanguageType
+  ko: LanguageType
+  pl: LanguageType
+  id: LanguageType
+  it: LanguageType
+  zh_cn: LanguageType
+  zh_tw: LanguageType
+  cs: LanguageType
+  es_es: LanguageType
+  no: LanguageType
+  pt_pt: LanguageType
+  ru: LanguageType
+  si: LanguageType
+  sv_se: LanguageType
+  tzm: LanguageType
+}
+
+const languageList: LanguageList = {
   de: {
     name: 'Deutsch',
     key: 'de',
@@ -27,7 +55,7 @@ export default {
   ko: {
     name: '한국어',
     key: 'ko',
-    frc4646: 'ko'
+    rfc4646: 'ko'
   },
   pl: {
     name: 'Polski',
@@ -95,3 +123,5 @@ export default {
     rfc4646: 'tzm'
   }
 }
+
+export default languageList

src/constants/theme/index.d.ts

@@ -1,18 +0,0 @@
-export type ThemeType = {
-  name: string
-  key: string
-}
-
-export type ThemeList = {
-  System: ThemeType
-  Light: ThemeType
-  Dark: ThemeType
-  SolarizedLight: ThemeType
-  SolarizedDark: ThemeType
-  KimbieDark: ThemeType
-  Custom: ThemeType
-}
-
-declare let t: ThemeList
-
-export default t

src/constants/theme/index.ts

@@ -1,4 +1,19 @@
-export default {
+export type ThemeType = {
+  name: string
+  key: string
+}
+
+export type ThemeList = {
+  System: ThemeType
+  Light: ThemeType
+  Dark: ThemeType
+  SolarizedLight: ThemeType
+  SolarizedDark: ThemeType
+  KimbieDark: ThemeType
+  Custom: ThemeType
+}
+
+const themeList: ThemeList = {
   System: {
     name: 'preferences.appearance.theme.system',
     key: 'system'
@@ -28,3 +43,5 @@ export default {
     key: 'custom'
   }
 }
+
+export default themeList

src/constants/themeColor/index.d.ts

@@ -1,21 +0,0 @@
-export type ThemeColorType = {
-  background_color: string,
-  selected_background_color: string,
-  global_header_color: string,
-  side_menu_color: string,
-  primary_color: string,
-  regular_color: string,
-  secondary_color: string,
-  border_color: string,
-  header_menu_color: string,
-  wrapper_mask_color: string,
-  scrollbar_color: string
-}
-
-declare let LightTheme: ThemeColorType
-declare let DarkTheme: ThemeColorType
-declare let SolarizedLightTheme: ThemeColorType
-declare let SolarizedDarkTheme: ThemeColorType
-declare let KimbieDarkTheme: ThemeColorType
-
-export { LightTheme, DarkTheme, SolarizedLightTheme, SolarizedDarkTheme, KimbieDarkTheme }

src/constants/themeColor/index.ts

@@ -1,4 +1,18 @@
-export const LightTheme = {
+export type ThemeColorType = {
+  background_color: string
+  selected_background_color: string
+  global_header_color: string
+  side_menu_color: string
+  primary_color: string
+  regular_color: string
+  secondary_color: string
+  border_color: string
+  header_menu_color: string
+  wrapper_mask_color: string
+  scrollbar_color: string
+}
+
+export const LightTheme: ThemeColorType = {
   background_color: '#ffffff',
   selected_background_color: '#f2f6fc',
   global_header_color: '#4a5664',
@@ -12,7 +26,7 @@ export const LightTheme = {
   scrollbar_color: 'rgba(0, 0, 0, 0.4)'
 }
 
-export const DarkTheme = {
+export const DarkTheme: ThemeColorType = {
   background_color: '#282c37',
   selected_background_color: '#313543',
   global_header_color: '#393f4f',
@@ -26,7 +40,7 @@ export const DarkTheme = {
   scrollbar_color: 'rgba(255, 255, 255, 0.4)'
 }
 
-export const SolarizedLightTheme = {
+export const SolarizedLightTheme: ThemeColorType = {
   background_color: '#fdf6e3',
   selected_background_color: '#eee8d5',
   global_header_color: '#002b36',
@@ -40,7 +54,7 @@ export const SolarizedLightTheme = {
   scrollbar_color: 'rgba(0, 0, 0, 0.4)'
 }
 
-export const SolarizedDarkTheme = {
+export const SolarizedDarkTheme: ThemeColorType = {
   background_color: '#073642',
   selected_background_color: '#586e75',
   global_header_color: '#073642',
@@ -54,7 +68,7 @@ export const SolarizedDarkTheme = {
   scrollbar_color: 'rgba(255, 255, 255, 0.4)'
 }
 
-export const KimbieDarkTheme = {
+export const KimbieDarkTheme: ThemeColorType = {
   background_color: '#221a0f',
   selected_background_color: '#2e2920',
   global_header_color: '#221a0f',

src/constants/timeFormat/index.d.ts

@@ -1,13 +0,0 @@
-export type TimeFormatType = {
-  name: string,
-  value: number
-}
-
-export type TimeFormatList = {
-  Absolute: TimeFormatType,
-  Relative: TimeFormatType
-}
-
-declare let t: TimeFormatList
-
-export default t

src/constants/timeFormat/index.js

@@ -1,10 +0,0 @@
-export default {
-  Absolute: {
-    name: 'preferences.appearance.time_format.absolute',
-    value: 0
-  },
-  Relative: {
-    name: 'preferences.appearance.time_format.relative',
-    value: 1
-  }
-}

src/constants/timeFormat/index.ts

@@ -0,0 +1,22 @@
+export type TimeFormatType = {
+  name: string
+  value: number
+}
+
+export type TimeFormatList = {
+  Absolute: TimeFormatType
+  Relative: TimeFormatType
+}
+
+const timeFormatList: TimeFormatList = {
+  Absolute: {
+    name: 'preferences.appearance.time_format.absolute',
+    value: 0
+  },
+  Relative: {
+    name: 'preferences.appearance.time_format.relative',
+    value: 1
+  }
+}
+
+export default timeFormatList

src/constants/visibility/index.d.ts

@@ -1,16 +0,0 @@
-export type VisibilityType = {
-  name: string
-  value: number
-  key: 'public' | 'unlisted' | 'private' | 'direct'
-}
-
-export type VisibilityList = {
-  Public: VisibilityType
-  Unlisted: VisibilityType
-  Private: VisibilityType
-  Direct: VisibilityType
-}
-
-declare let v: VisibilityList
-
-export default v

src/constants/visibility/index.ts

@@ -1,4 +1,17 @@
-export default {
+export type VisibilityType = {
+  name: string
+  value: number
+  key: 'public' | 'unlisted' | 'private' | 'direct'
+}
+
+export type VisibilityList = {
+  Public: VisibilityType
+  Unlisted: VisibilityType
+  Private: VisibilityType
+  Direct: VisibilityType
+}
+
+const visibilityList: VisibilityList = {
   Public: {
     name: 'settings.general.toot.visibility.public',
     value: 0,
@@ -20,3 +33,5 @@ export default {
     key: 'direct'
   }
 }
+
+export default visibilityList