Cleanup

packages/i18n/src/i18n.client.ts

@@ -0,0 +1,54 @@
+import i18next, { i18n } from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import resourcesToBackend from 'i18next-resources-to-backend';
+import { initReactI18next } from 'react-i18next';
+
+import { I18N_COOKIE_NAME, getI18nSettings } from './i18n.settings';
+
+let promise: Promise<i18n>;
+
+export function initializeI18nClient(
+  lng: string | undefined,
+  i18nResolver: (lang: string, namespace: string) => Promise<object>,
+): Promise<i18n> {
+  const settings = getI18nSettings(lng);
+
+  if (promise !== undefined) {
+    return promise;
+  }
+
+  promise = new Promise<i18n>((resolve, reject) => {
+    void i18next
+      .use(initReactI18next)
+      .use(
+        resourcesToBackend(async (language, namespace, callback) => {
+          const data = await i18nResolver(language, namespace);
+
+          return callback(null, data);
+        }),
+      )
+      .use(LanguageDetector)
+      .init(
+        {
+          ...settings,
+          detection: {
+            order: ['htmlTag', 'cookie', 'navigator'],
+            caches: ['cookie'],
+            lookupCookie: I18N_COOKIE_NAME,
+          },
+          interpolation: {
+            escapeValue: false,
+          },
+        },
+        (err) => {
+          if (err) {
+            return reject(err);
+          }
+
+          resolve(i18next);
+        },
+      );
+  });
+
+  return promise;
+}