Pull request #2231: ADG-8368 Frontend rewritten in TypeScript, added Node 18 support

Merge in DNS/adguard-home from ADG-8368-typescript-node-18 to master

Squashed commit of the following:

commit daa288ae0d76178af24595cc807055902e6f09ab
Merge: 4c89cf720 1085d59a6
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Mon Jun 10 17:22:20 2024 +0200

    merge

commit 4c89cf7209
Author: Ildar Kamalov <ik@adguard.com>
Date:   Thu Jun 6 13:27:18 2024 +0300

    remove install from initial state

commit b943f2011f
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 23:10:55 2024 +0200

    frontend production build fix

commit cd1be2d66d
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 20:23:14 2024 +0200

    production build quickfix

commit 7b8ac01fc2
Author: Ainar Garipov <A.Garipov@AdGuard.COM>
Date:   Wed Jun 5 19:57:31 2024 +0300

    all: upd node docker

commit 02afed66d5
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 18:23:12 2024 +0200

    changelog fixes

commit 9c0f736f0c
Merge: 62c4fbf1e e04775c4f
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 18:18:29 2024 +0200

    merge

commit 62c4fbf1e3
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 16:22:22 2024 +0200

    empty line in changelog

commit 76b1e44a93
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 16:20:37 2024 +0200

    changelog

commit f783e90040
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 16:19:13 2024 +0200

    filters.js -> filters.ts

commit 3d4ce6554c
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 16:18:03 2024 +0200

    generated file removed

commit e35ba58f2a
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 15:45:21 2024 +0200

    rollback unwanted changes

commit 1f30d4216d
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 15:27:36 2024 +0200

    review fix

commit 6cd4e44f07
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 11:55:39 2024 +0200

    missing generated file restoresd

commit 2ab738b303
Author: Igor Lobanov <bniwredyc@gmail.com>
Date:   Wed Jun 5 11:40:32 2024 +0200

    Frontend rewritten in TypeScript, added Node 18 support

client/src/i18n.ts

@@ -0,0 +1,114 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import langDetect from 'i18next-browser-languagedetector';
+
+import { LANGUAGES, BASE_LOCALE } from './helpers/twosky';
+
+import ar from './__locales/ar.json';
+import be from './__locales/be.json';
+import bg from './__locales/bg.json';
+import cs from './__locales/cs.json';
+import da from './__locales/da.json';
+import de from './__locales/de.json';
+import en from './__locales/en.json';
+import es from './__locales/es.json';
+import fa from './__locales/fa.json';
+import fi from './__locales/fi.json';
+import fr from './__locales/fr.json';
+import hr from './__locales/hr.json';
+import hu from './__locales/hu.json';
+import id from './__locales/id.json';
+import it from './__locales/it.json';
+import ja from './__locales/ja.json';
+import ko from './__locales/ko.json';
+import nl from './__locales/nl.json';
+import no from './__locales/no.json';
+import pl from './__locales/pl.json';
+import ptBR from './__locales/pt-br.json';
+import ptPT from './__locales/pt-pt.json';
+import ro from './__locales/ro.json';
+import ru from './__locales/ru.json';
+import siLk from './__locales/si-lk.json';
+import sk from './__locales/sk.json';
+import sl from './__locales/sl.json';
+import srCS from './__locales/sr-cs.json';
+import sv from './__locales/sv.json';
+import th from './__locales/th.json';
+import tr from './__locales/tr.json';
+import uk from './__locales/uk.json';
+import vi from './__locales/vi.json';
+import zhCN from './__locales/zh-cn.json';
+import zhHK from './__locales/zh-hk.json';
+import zhTW from './__locales/zh-tw.json';
+
+import { setHtmlLangAttr } from './helpers/helpers';
+
+const resources = {
+    ar: { translation: ar },
+    be: { translation: be },
+    bg: { translation: bg },
+    cs: { translation: cs },
+    da: { translation: da },
+    de: { translation: de },
+    en: { translation: en },
+    'en-us': { translation: en },
+    es: { translation: es },
+    fa: { translation: fa },
+    fi: { translation: fi },
+    fr: { translation: fr },
+    hr: { translation: hr },
+    hu: { translation: hu },
+    id: { translation: id },
+    it: { translation: it },
+    ja: { translation: ja },
+    ko: { translation: ko },
+    nl: { translation: nl },
+    no: { translation: no },
+    pl: { translation: pl },
+    'pt-br': { translation: ptBR },
+    'pt-pt': { translation: ptPT },
+    ro: { translation: ro },
+    ru: { translation: ru },
+    'si-lk': { translation: siLk },
+    sk: { translation: sk },
+    sl: { translation: sl },
+    'sr-cs': { translation: srCS },
+    sv: { translation: sv },
+    th: { translation: th },
+    tr: { translation: tr },
+    uk: { translation: uk },
+    vi: { translation: vi },
+    'zh-cn': { translation: zhCN },
+    'zh-hk': { translation: zhHK },
+    'zh-tw': { translation: zhTW },
+};
+
+const availableLanguages = Object.keys(LANGUAGES);
+
+i18n.use(langDetect)
+    .use(initReactI18next)
+    .init(
+        {
+            resources,
+            lowerCaseLng: true,
+            fallbackLng: BASE_LOCALE,
+            keySeparator: false,
+            nsSeparator: false,
+            returnEmptyString: false,
+            interpolation: {
+                escapeValue: false,
+            },
+            react: {
+                wait: true,
+            },
+            whitelist: availableLanguages,
+        },
+        () => {
+            if (!availableLanguages.includes(i18n.language)) {
+                i18n.changeLanguage(BASE_LOCALE);
+            }
+            setHtmlLangAttr(i18n.language);
+        },
+    );
+
+export default i18n;