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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
/*
* Copyright (C) 2021-2022 Kristóf Marussy <kristof@marussy.com>
*
* This file is part of Sophie.
*
* Sophie is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, version 3.
*
* This program 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 Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { FALLBACK_LOCALE, SophieRenderer } from '@sophie/shared';
import i18next from 'i18next';
import { reaction } from 'mobx';
import { addDisposer } from 'mobx-state-tree';
import { initReactI18next } from 'react-i18next';
import RendererStore from '../stores/RendererStore.js';
import { getLogger } from '../utils/log.js';
import RendererIpcI18nBackend from './RendererIpcI18nBackend.js';
const log = getLogger('loadRendererLocalization');
export default function loadRendererLocalization(
store: RendererStore,
ipc: SophieRenderer,
devMode: boolean,
): void {
const loadAsync = async () => {
const i18n = i18next
.createInstance({
lng: store.shared.language,
fallbackLng: [FALLBACK_LOCALE],
interpolation: {
escapeValue: false, // Not needed for react
},
debug: devMode,
saveMissing: devMode,
})
.use(new RendererIpcI18nBackend(ipc, devMode))
.use(initReactI18next);
if (devMode) {
const reloadTranslationsAsync = async () => {
await i18n.reloadResources();
if (i18n.isInitialized) {
// Spuriously change language to re-trigger `useTranslation` hooks.
await i18n.changeLanguage(store.shared.language);
}
log.info('Reloaded translations');
};
ipc.onReloadTranslations(() => {
reloadTranslationsAsync().catch((error) => {
log.error('Failed to reload translations', error);
});
});
}
await i18n.init();
const disposeChangeLanguage = reaction(
() => store.shared.language,
(languageToSet) => {
if (i18n.language !== languageToSet) {
i18n.changeLanguage(languageToSet).catch((error) => {
log.error('Failed to change language', error);
});
}
},
{
fireImmediately: true,
},
);
addDisposer(store, disposeChangeLanguage);
};
loadAsync().catch((error) => {
log.error('Failed to connect to load localization', error);
});
}
|