Enable languages

.changeset/famous-crews-dream.md

@@ -0,0 +1,5 @@
+---
+"@alephium/explorer": patch
+---
+
+Enable Portuguese translations

.changeset/gold-rabbits-kneel.md

@@ -0,0 +1,5 @@
+---
+"@alephium/mobile-wallet": patch
+---
+
+Enable German translations

.changeset/purple-wasps-compete.md

@@ -0,0 +1,5 @@
+---
+'@alephium/explorer': patch
+---
+
+Enable Thai translations in explorer

.changeset/strange-candles-crash.md

@@ -0,0 +1,5 @@
+---
+"alephium-desktop-wallet": patch
+---
+
+Enable Thai translations in desktop wallet

apps/desktop-wallet/.afterAllArtifactBuild.js

@@ -1,19 +1,3 @@
-// Copyright 2018 - 2024 The Alephium Authors
-// This file is part of the alephium project.
-//
-// The library is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Lesser General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// The library is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU Lesser General Public License for more details.
-//
-// You should have received a copy of the GNU Lesser General Public License
-// along with the library. If not, see <http://www.gnu.org/licenses/>.
-
 const crypto = require('crypto')
 const fs = require('fs')
 const path = require('path')

apps/desktop-wallet/.afterPack.js

@@ -1,19 +1,3 @@
-// Copyright 2018 - 2024 The Alephium Authors
-// This file is part of the alephium project.
-//
-// The library is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Lesser General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// The library is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU Lesser General Public License for more details.
-//
-// You should have received a copy of the GNU Lesser General Public License
-// along with the library. If not, see <http://www.gnu.org/licenses/>.
-
 // The hook is a temporary fix to set the right icon size for the deb archive.
 // The hook only applies to the `deb` target.
 // The hook will set the icon size to 512 for all icons with a size of 0.

apps/desktop-wallet/src/App.tsx

@@ -12,14 +12,13 @@ import SplashScreen from '@/components/SplashScreen'
 import useAnalytics from '@/features/analytics/useAnalytics'
 import useTrackUserSettings from '@/features/analytics/useTrackUserSettings'
 import AutoUpdateSnackbar from '@/features/autoUpdate/AutoUpdateSnackbar'
+import { languageOptions } from '@/features/localization/languages'
+import { systemLanguageMatchFailed, systemLanguageMatchSucceeded } from '@/features/localization/localizationActions'
 import {
   localStorageGeneralSettingsMigrated,
-  systemLanguageMatchFailed,
-  systemLanguageMatchSucceeded,
   systemRegionMatchFailed,
   systemRegionMatchSucceeded
 } from '@/features/settings/settingsActions'
-import { languageOptions } from '@/features/settings/settingsConstants'
 import useRegionOptions from '@/features/settings/useRegionOptions'
 import { darkTheme, lightTheme } from '@/features/theme/themes'
 import { WalletConnectContextProvider } from '@/features/walletConnect/walletConnectContext'

apps/desktop-wallet/src/api/apiDataHooks/wallet/useFetchWalletBalancesTokensArray.ts

@@ -1,20 +1,3 @@
-/*
-Copyright 2018 - 2024 The Alephium Authors
-This file is part of the alephium project.
-
-The library is free software: you can redistribute it and/or modify
-it under the terms of the GNU Lesser General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-The library is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Lesser General Public License for more details.
-
-You should have received a copy of the GNU Lesser General Public License
-along with the library. If not, see <http://www.gnu.org/licenses/>.
-*/
 import { UseQueryResult } from '@tanstack/react-query'
 
 import { combineError, combineIsFetching, combineIsLoading } from '@/api/apiDataHooks/apiDataHooksUtils'

apps/desktop-wallet/src/features/ledger/LedgerAddressDiscoverySnackbar.tsx

@@ -1,21 +1,3 @@
-/*
-Copyright 2018 - 2024 The Alephium Authors
-This file is part of the alephium project.
-
-The library is free software: you can redistribute it and/or modify
-it under the terms of the GNU Lesser General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-The library is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Lesser General Public License for more details.
-
-You should have received a copy of the GNU Lesser General Public License
-along with the library. If not, see <http://www.gnu.org/licenses/>.
-*/
-
 import { X } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'

apps/desktop-wallet/src/features/ledger/ledgerActions.ts

@@ -1,21 +1,3 @@
-/*
-Copyright 2018 - 2024 The Alephium Authors
-This file is part of the alephium project.
-
-The library is free software: you can redistribute it and/or modify
-it under the terms of the GNU Lesser General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-The library is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Lesser General Public License for more details.
-
-You should have received a copy of the GNU Lesser General Public License
-along with the library. If not, see <http://www.gnu.org/licenses/>.
-*/
-
 import { createAction } from '@reduxjs/toolkit'
 
 export const newLedgerDeviceConnected = createAction('ledger/newLedgerDeviceConnected')

apps/desktop-wallet/src/features/ledger/ledgerSlice.ts

@@ -1,21 +1,3 @@
-/*
-Copyright 2018 - 2024 The Alephium Authors
-This file is part of the alephium project.
-
-The library is free software: you can redistribute it and/or modify
-it under the terms of the GNU Lesser General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-The library is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU Lesser General Public License for more details.
-
-You should have received a copy of the GNU Lesser General Public License
-along with the library. If not, see <http://www.gnu.org/licenses/>.
-*/
-
 import { createSlice } from '@reduxjs/toolkit'
 
 import { newLedgerDeviceConnected, userWasAskedToDiscoverAddresses } from './ledgerActions'

apps/desktop-wallet/src/features/localization/i18n.ts

@@ -0,0 +1,41 @@
+import i18next from 'i18next'
+import { initReactI18next } from 'react-i18next'
+
+import bg from '../../../locales/bg-BG/translation.json'
+import de from '../../../locales/de-DE/translation.json'
+import el from '../../../locales/el-GR/translation.json'
+import en from '../../../locales/en-US/translation.json'
+import es from '../../../locales/es-ES/translation.json'
+import fr from '../../../locales/fr-FR/translation.json'
+import id from '../../../locales/id-ID/translation.json'
+import it from '../../../locales/it-IT/translation.json'
+import pt from '../../../locales/pt-PT/translation.json'
+import ru from '../../../locales/ru-RU/translation.json'
+import tr from '../../../locales/tr-TR/translation.json'
+import vi from '../../../locales/vi-VN/translation.json'
+import zh from '../../../locales/zh-CN/translation.json'
+
+i18next.use(initReactI18next).init({
+  resources: {
+    'en-US': { translation: en },
+    'bg-BG': { translation: bg },
+    'es-ES': { translation: es },
+    'de-DE': { translation: de },
+    'id-ID': { translation: id },
+    'it-IT': { translation: it },
+    'fr-FR': { translation: fr },
+    'pt-PT': { translation: pt },
+    'ru-RU': { translation: ru },
+    'tr-TR': { translation: tr },
+    'vi-VN': { translation: vi },
+    'el-GR': { translation: el },
+    'zh-CN': { translation: zh }
+  },
+  lng: 'en-US',
+  fallbackLng: 'en-US',
+  interpolation: {
+    escapeValue: false
+  }
+})
+
+export default i18next

apps/explorer/src/types/i18next.d.ts → apps/desktop-wallet/src/features/localization/i18next.d.ts

@@ -1,6 +1,6 @@
 import 'i18next'
 
-import en from '../../locales/en-US/translation.json'
+import en from '../../../locales/en-US/translation.json'
 
 type EnglishTranslationKeys = typeof en
 

apps/desktop-wallet/src/features/localization/languages.ts

@@ -0,0 +1,34 @@
+import { SelectOption } from '@/components/Inputs/Select'
+
+export type Language =
+  | 'en-US'
+  | 'fr-FR'
+  | 'de-DE'
+  | 'vi-VN'
+  | 'pt-PT'
+  | 'ru-RU'
+  | 'bg-BG'
+  | 'es-ES'
+  | 'id-ID'
+  | 'tr-TR'
+  | 'it-IT'
+  | 'el-GR'
+  | 'zh-CN'
+  | 'th-TH'
+
+export const languageOptions: SelectOption<Language>[] = [
+  { label: 'English', value: 'en-US' },
+  { label: 'Bahasa Indonesia', value: 'id-ID' },
+  { label: 'Български', value: 'bg-BG' },
+  { label: 'Deutsch', value: 'de-DE' },
+  { label: 'Español', value: 'es-ES' },
+  { label: 'Français', value: 'fr-FR' },
+  { label: 'Italiano', value: 'it-IT' },
+  { label: 'Português', value: 'pt-PT' },
+  { label: 'Русский', value: 'ru-RU' },
+  { label: 'Türkçe', value: 'tr-TR' },
+  { label: 'Tiếng Việt', value: 'vi-VN' },
+  { label: 'Ελληνικά', value: 'el-GR' },
+  { label: 'ไทย', value: 'th-TH' },
+  { label: '简体中文', value: 'zh-CN' }
+]

apps/desktop-wallet/src/features/localization/localizationActions.ts

@@ -0,0 +1,13 @@
+import { createAction } from '@reduxjs/toolkit'
+
+import { Language } from '@/features/localization/languages'
+
+export const languageChangeStarted = createAction('localization/languageChangeStarted')
+
+export const languageChangeFinished = createAction('localization/languageChangeFinished')
+
+export const systemLanguageMatchSucceeded = createAction<Language>('localization/systemLanguageMatchSucceeded')
+
+export const systemLanguageMatchFailed = createAction('localization/systemLanguageMatchFailed')
+
+export const languageChanged = createAction<Language>('localization/languageChanged')

apps/desktop-wallet/src/features/send/StepsProgress.tsx

@@ -4,8 +4,8 @@ import { useTranslation } from 'react-i18next'
 import styled, { useTheme } from 'styled-components'
 
 import DotIcon from '@/components/DotIcon'
+import { TranslationKey } from '@/features/localization/i18next'
 import { useAppSelector } from '@/hooks/redux'
-import { TranslationKey } from '@/types/i18next'
 
 interface StepsProgressProps {
   currentStep: Step

apps/desktop-wallet/src/features/settings/settingsActions.ts

@@ -1,16 +1,8 @@
 import { createAction } from '@reduxjs/toolkit'
 
-import { Language, Settings } from '@/features/settings/settingsTypes'
+import { Settings } from '@/features/settings/settingsTypes'
 import { ThemeType } from '@/features/theme/themeTypes'
 
-export const languageChangeStarted = createAction('settings/languageChangeStarted')
-
-export const languageChangeFinished = createAction('settings/languageChangeFinished')
-
-export const systemLanguageMatchSucceeded = createAction<Language>('settings/systemLanguageMatchSucceeded')
-
-export const systemLanguageMatchFailed = createAction('settings/systemLanguageMatchFailed')
-
 export const systemRegionMatchSucceeded = createAction<string>('settings/systemRegionMatchSucceeded')
 
 export const systemRegionMatchFailed = createAction('settings/systemRegionMatchFailed')
@@ -25,8 +17,6 @@ export const passwordRequirementToggled = createAction('settings/passwordRequire
 
 export const devToolsToggled = createAction('settings/devToolsToggled')
 
-export const languageChanged = createAction<Settings['general']['language']>('settings/languageChanged')
-
 export const numberFormatRegionChanged = createAction<Settings['general']['region']>(
   'settings/numberFormatRegionChanged'
 )

apps/desktop-wallet/src/features/settings/settingsConstants.ts

@@ -1,23 +1,7 @@
 import { CURRENCIES, Currency, defaultNetworkSettings } from '@alephium/shared'
 
 import { SelectOption } from '@/components/Inputs/Select'
-import { Language, Settings } from '@/features/settings/settingsTypes'
-
-export const languageOptions: SelectOption<Language>[] = [
-  { label: 'English', value: 'en-US' },
-  { label: 'Български', value: 'bg-BG' },
-  { label: 'Deutsch', value: 'de-DE' },
-  { label: 'Español', value: 'es-ES' },
-  { label: 'Français', value: 'fr-FR' },
-  { label: 'Bahasa Indonesia', value: 'id-ID' },
-  { label: 'Italiano', value: 'it-IT' },
-  { label: 'Português', value: 'pt-PT' },
-  { label: 'Русский', value: 'ru-RU' },
-  { label: 'Türkçe', value: 'tr-TR' },
-  { label: 'Tiếng Việt', value: 'vi-VN' },
-  { label: 'Ελληνικά', value: 'el-GR' },
-  { label: '简体中文', value: 'zh-CN' }
-]
+import { Settings } from '@/features/settings/settingsTypes'
 
 export const fiatCurrencyOptions: SelectOption<Currency>[] = Object.values(CURRENCIES).map((currency) => ({
   label: currency.ticker,

apps/desktop-wallet/src/features/settings/settingsSlice.ts

@@ -16,18 +16,21 @@ import { createListenerMiddleware, createSlice, isAnyOf } from '@reduxjs/toolkit
 import dayjs from 'dayjs'
 import posthog from 'posthog-js'
 
+import i18next from '@/features/localization/i18n'
 import {
-  analyticsToggled,
-  devToolsToggled,
-  discreetModeToggled,
   languageChanged,
   languageChangeFinished,
   languageChangeStarted,
+  systemLanguageMatchFailed,
+  systemLanguageMatchSucceeded
+} from '@/features/localization/localizationActions'
+import {
+  analyticsToggled,
+  devToolsToggled,
+  discreetModeToggled,
   localStorageGeneralSettingsMigrated,
   numberFormatRegionChanged,
   passwordRequirementToggled,
-  systemLanguageMatchFailed,
-  systemLanguageMatchSucceeded,
   systemRegionMatchFailed,
   systemRegionMatchSucceeded,
   themeSettingsChanged,
@@ -36,7 +39,6 @@ import {
 } from '@/features/settings/settingsActions'
 import SettingsStorage from '@/features/settings/settingsPersistentStorage'
 import { GeneralSettings } from '@/features/settings/settingsTypes'
-import i18next from '@/i18n'
 import { RootState } from '@/storage/store'
 
 const initialState = SettingsStorage.load('general') as GeneralSettings

apps/desktop-wallet/src/features/settings/settingsTypes.ts

@@ -1,5 +1,6 @@
 import { Currency, NetworkSettings } from '@alephium/shared'
 
+import { Language } from '@/features/localization/languages'
 import { ThemeSettings } from '@/features/theme/themeTypes'
 
 export interface GeneralSettings {
@@ -18,18 +19,3 @@ export interface Settings {
   general: GeneralSettings
   network: NetworkSettings
 }
-
-export type Language =
-  | 'en-US'
-  | 'fr-FR'
-  | 'de-DE'
-  | 'vi-VN'
-  | 'pt-PT'
-  | 'ru-RU'
-  | 'bg-BG'
-  | 'es-ES'
-  | 'id-ID'
-  | 'tr-TR'
-  | 'it-IT'
-  | 'el-GR'
-  | 'zh-CN'

apps/desktop-wallet/src/features/settings/useRegionOptions.ts

@@ -1,7 +1,7 @@
 import { upperFirst } from 'lodash'
 import { useMemo } from 'react'
 
-import { Language } from '@/features/settings/settingsTypes'
+import { Language } from '@/features/localization/languages'
 import { useAppSelector } from '@/hooks/redux'
 
 import regionsLocales from './regions.json'