Revert remove locales from js bundle

client/src/i18n.js

@@ -1,19 +1,130 @@
 import i18n from 'i18next';
-import XHR from 'i18next-xhr-backend';
 import { reactI18nextModule } from 'react-i18next';
 import { initReactI18n } from 'react-i18next/hooks';
 import langDetect from 'i18next-browser-languagedetector';
 
 import { LANGUAGES, BASE_LOCALE } from './helpers/twosky';
 
+import vi from './__locales/vi.json';
+import en from './__locales/en.json';
+import ru from './__locales/ru.json';
+import es from './__locales/es.json';
+import fr from './__locales/fr.json';
+import ja from './__locales/ja.json';
+import sv from './__locales/sv.json';
+import ptBR from './__locales/pt-br.json';
+import zhTW from './__locales/zh-tw.json';
+import bg from './__locales/bg.json';
+import zhCN from './__locales/zh-cn.json';
+import cs from './__locales/cs.json';
+import da from './__locales/da.json';
+import de from './__locales/de.json';
+import id from './__locales/id.json';
+import it from './__locales/it.json';
+import ko from './__locales/ko.json';
+import no from './__locales/no.json';
+import nl from './__locales/nl.json';
+import pl from './__locales/pl.json';
+import ptPT from './__locales/pt-pt.json';
+import sk from './__locales/sk.json';
+import sl from './__locales/sl.json';
+import tr from './__locales/tr.json';
+import srCS from './__locales/sr-cs.json';
+import hr from './__locales/hr.json';
+import fa from './__locales/fa.json';
+
+const resources = {
+    en: {
+        translation: en,
+    },
+    vi: {
+        translation: vi,
+    },
+    ru: {
+        translation: ru,
+    },
+    es: {
+        translation: es,
+    },
+    fr: {
+        translation: fr,
+    },
+    ja: {
+        translation: ja,
+    },
+    sv: {
+        translation: sv,
+    },
+    'pt-br': {
+        translation: ptBR,
+    },
+    'zh-tw': {
+        translation: zhTW,
+    },
+    bg: {
+        translation: bg,
+    },
+    'zh-cn': {
+        translation: zhCN,
+    },
+    cs: {
+        translation: cs,
+    },
+    da: {
+        translation: da,
+    },
+    de: {
+        translation: de,
+    },
+    id: {
+        translation: id,
+    },
+    it: {
+        translation: it,
+    },
+    ko: {
+        translation: ko,
+    },
+    no: {
+        translation: no,
+    },
+    nl: {
+        translation: nl,
+    },
+    pl: {
+        translation: pl,
+    },
+    'pt-pt': {
+        translation: ptPT,
+    },
+    sk: {
+        translation: sk,
+    },
+    sl: {
+        translation: sl,
+    },
+    tr: {
+        translation: tr,
+    },
+    'sr-cs': {
+        translation: srCS,
+    },
+    hr: {
+        translation: hr,
+    },
+    fa: {
+        translation: fa,
+    },
+};
+
 const availableLanguages = Object.keys(LANGUAGES);
 
 i18n
     .use(langDetect)
-    .use(XHR)
     .use(initReactI18n)
     .use(reactI18nextModule)
     .init({
+        resources,
         lowerCaseLng: true,
         fallbackLng: BASE_LOCALE,
         keySeparator: false,
@@ -26,9 +137,6 @@ i18n
             wait: true,
         },
         whitelist: availableLanguages,
-        backend: {
-            loadPath: '/__locales/{{lng}}.json',
-        },
     }, () => {
         if (!availableLanguages.includes(i18n.language)) {
             i18n.changeLanguage(BASE_LOCALE);