Generic template with i18next

imports/startup/client/i18n.js

@@ -0,0 +1,85 @@
+import i18n from 'i18next';
+import backend from 'i18next-xhr-backend';
+import LngDetector from 'i18next-browser-languagedetector';
+import Cache from 'i18next-localstorage-cache';
+
+// Adapted from: https://github.com/appigram/ryfma-boilerplate/blob/44c1eabfb9928b5623afab36a23997969e5beb02/imports/startup/client/i18n.js
+
+const detectorOptions = {
+  // order and from where user language should be detected
+  order: ['querystring', 'cookie', 'localStorage', 'navigator', 'htmlTag'],
+
+  // keys or params to lookup language from
+  lookupQuerystring: 'lng',
+  lookupCookie: 'i18next',
+  lookupLocalStorage: 'i18nextLng',
+
+  // cache user language on
+  caches: ['localStorage', 'cookie'],
+  excludeCacheFor: ['cimode'], // languages to not persist (cookie, localStorage)
+};
+
+const cacheOptions = {
+  // turn on or off
+  enabled: false,
+  // prefix for stored languages
+  prefix: 'i18next_res_',
+  // expiration
+  expirationTime: 7 * 24 * 60 * 60 * 1000,
+  // language versions
+  versions: {},
+};
+
+var backOpts = {
+  // path where resources get loaded from
+  loadPath: '/locales/{{lng}}/{{ns}}.json',
+
+  // path to post missing resources
+  addPath: '/locales/{{lng}}/{{ns}}.missing.json',
+
+  // jsonIndent to use when storing json files
+  jsonIndent: 2
+};
+
+i18n.use(backend)
+  .use(LngDetector)
+  .use(Cache)
+  .init({
+    backend: backOpts,
+    lng: 'es',
+    //fallbackLng: 'es',
+    fallbackLng: {
+      'en-US': ['en'],
+      'en-GB': ['en'],
+      'pt-BR': ['pt'],
+      'default': ['es']
+    },
+    interpolation: {
+      escapeValue: false, // not needed for react!!
+    },
+    whitelist: false,
+    // whitelist: ['es', 'en'], // allowed languages
+    load: 'all', // es-ES -> es, en-US -> en
+    debug: true,
+    ns: 'common',
+    defaultNS: 'common',
+    saveMissing: true, // if true seems it's fails to getResourceBundle
+    saveMissingTo: 'es',
+    keySeparator: 'ß',
+    nsSeparator: 'ð',
+    pluralSeparator: 'đ',
+    cache: cacheOptions,
+    detection: detectorOptions,
+    react: {
+      wait: true,
+      // https://react.i18next.com/components/i18next-instance.ht
+      /* bindI18n: 'languageChanged loaded',
+      bindStore: 'added removed',
+      nsMode: 'default' */
+    }
+  }, function(err, t) {
+    // initialized and ready to
+    console.log(t('AppName'));
+  });
+
+export default i18n;