mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-09-18 09:29:24 +00:00
e8af4f6b35
This pull request introduces a minor configuration change to the i18n setup in the frontend. The change improves language loading behavior by ensuring only the current language is loaded, which can help optimize performance and prevent unnecessary resource usage. * Added the `load: 'currentOnly'` option to the i18n initialization in `frontend/src/i18n.ts`, so only the current language is loaded. Co-authored-by: ConnorYoh <40631091+ConnorYoh@users.noreply.github.com>
106 lines
3.0 KiB
TypeScript
106 lines
3.0 KiB
TypeScript
import i18n from 'i18next';
|
|
import { initReactI18next } from 'react-i18next';
|
|
import LanguageDetector from 'i18next-browser-languagedetector';
|
|
import Backend from 'i18next-http-backend';
|
|
|
|
// Define supported languages (based on your existing translations)
|
|
export const supportedLanguages = {
|
|
'en': 'English',
|
|
'en-GB': 'English (UK)',
|
|
'en-US': 'English (US)',
|
|
'ar-AR': 'العربية',
|
|
'az-AZ': 'Azərbaycan Dili',
|
|
'bg-BG': 'Български',
|
|
'ca-CA': 'Català',
|
|
'cs-CZ': 'Česky',
|
|
'da-DK': 'Dansk',
|
|
'de-DE': 'Deutsch',
|
|
'el-GR': 'Ελληνικά',
|
|
'es-ES': 'Español',
|
|
'eu-ES': 'Euskara',
|
|
'fa-IR': 'فارسی',
|
|
'fr-FR': 'Français',
|
|
'ga-IE': 'Gaeilge',
|
|
'hi-IN': 'हिंदी',
|
|
'hr-HR': 'Hrvatski',
|
|
'hu-HU': 'Magyar',
|
|
'id-ID': 'Bahasa Indonesia',
|
|
'it-IT': 'Italiano',
|
|
'ja-JP': '日本語',
|
|
'ko-KR': '한국어',
|
|
'ml-ML': 'മലയാളം',
|
|
'nl-NL': 'Nederlands',
|
|
'no-NB': 'Norsk',
|
|
'pl-PL': 'Polski',
|
|
'pt-BR': 'Português (Brasil)',
|
|
'pt-PT': 'Português',
|
|
'ro-RO': 'Română',
|
|
'ru-RU': 'Русский',
|
|
'sk-SK': 'Slovensky',
|
|
'sl-SI': 'Slovenščina',
|
|
'sr-LATN-RS': 'Srpski',
|
|
'sv-SE': 'Svenska',
|
|
'th-TH': 'ไทย',
|
|
'tr-TR': 'Türkçe',
|
|
'uk-UA': 'Українська',
|
|
'vi-VN': 'Tiếng Việt',
|
|
'zh-BO': 'བོད་ཡིག',
|
|
'zh-CN': '简体中文',
|
|
'zh-TW': '繁體中文',
|
|
};
|
|
|
|
// RTL languages (based on your existing language.direction property)
|
|
export const rtlLanguages = ['ar-AR', 'fa-IR'];
|
|
|
|
i18n
|
|
.use(Backend)
|
|
.use(LanguageDetector)
|
|
.use(initReactI18next)
|
|
.init({
|
|
fallbackLng: 'en-GB',
|
|
supportedLngs: Object.keys(supportedLanguages),
|
|
load: 'currentOnly',
|
|
nonExplicitSupportedLngs: false,
|
|
debug: process.env.NODE_ENV === 'development',
|
|
|
|
// Ensure synchronous loading to prevent timing issues
|
|
initImmediate: false,
|
|
|
|
interpolation: {
|
|
escapeValue: false, // React already escapes values
|
|
},
|
|
|
|
backend: {
|
|
loadPath: (lngs: string[], namespaces: string[]) => {
|
|
// Map 'en' to 'en-GB' for loading translations
|
|
const lng = lngs[0] === 'en' ? 'en-GB' : lngs[0];
|
|
return `/locales/${lng}/${namespaces[0]}.json`;
|
|
},
|
|
},
|
|
|
|
detection: {
|
|
order: ['localStorage', 'navigator', 'htmlTag'],
|
|
caches: ['localStorage'],
|
|
convertDetectedLanguage: (lng: string) => lng === 'en' ? 'en-GB' : lng,
|
|
},
|
|
|
|
react: {
|
|
useSuspense: true, // Enable suspense to prevent premature rendering
|
|
bindI18n: 'languageChanged loaded',
|
|
bindI18nStore: 'added removed',
|
|
transEmptyNodeValue: '', // Return empty string for missing keys instead of key name
|
|
transSupportBasicHtmlNodes: true,
|
|
transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
|
|
},
|
|
});
|
|
|
|
|
|
// Set document direction based on language
|
|
i18n.on('languageChanged', (lng) => {
|
|
const isRTL = rtlLanguages.includes(lng);
|
|
document.documentElement.dir = isRTL ? 'rtl' : 'ltr';
|
|
document.documentElement.lang = lng;
|
|
});
|
|
|
|
export default i18n;
|