@andre1502/react-utilities 0.9.4 → 0.9.6

package/dist/i18n.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var EnvironmentEnum = require('./EnvironmentEnum-BjXsfSRZ.js');
-var I18n = require('./I18n-CrUfKIV0.js');
+var I18n = require('./I18n-zYe_O_Pr.js');
 require('cross-fetch');
 
 

package/dist/i18n.mjs

@@ -1,4 +1,4 @@
 export { E as EnvironmentEnum } from './EnvironmentEnum-UcQ6Il1O.js';
-export { g as getV, i as initI18n } from './I18n-BXs9DtEN.js';
+export { g as getV, i as initI18n } from './I18n-DmYkVPZM.js';
 import 'cross-fetch';
 //# sourceMappingURL=i18n.mjs.map

package/dist/index-rn.cjs

@@ -29,7 +29,7 @@ require('@formatjs/intl-datetimeformat/locale-data/zh');
 require('@formatjs/intl-datetimeformat/polyfill');
 require('@formatjs/intl-datetimeformat/add-golden-tz.js');
 var EnvironmentEnum = require('./EnvironmentEnum-BjXsfSRZ.js');
-var I18n = require('./I18n-CrUfKIV0.js');
+var I18n = require('./I18n-zYe_O_Pr.js');
 var ReactNative = require('./ReactNative-CqUrY2ZJ.js');
 require('@formatjs/intl-numberformat');
 require('cross-fetch');

package/dist/index-rn.mjs

@@ -27,7 +27,7 @@ import '@formatjs/intl-datetimeformat/locale-data/zh';
 import '@formatjs/intl-datetimeformat/polyfill';
 import '@formatjs/intl-datetimeformat/add-golden-tz.js';
 export { E as EnvironmentEnum } from './EnvironmentEnum-UcQ6Il1O.js';
-export { g as getV, i as initI18n } from './I18n-BXs9DtEN.js';
+export { g as getV, i as initI18n } from './I18n-DmYkVPZM.js';
 export { i as initSentry, r as recordAdditionalSentryHttp } from './ReactNative-mNnws-b5.js';
 import '@formatjs/intl-numberformat';
 import 'cross-fetch';

package/dist/index.cjs

@@ -29,7 +29,7 @@ require('@formatjs/intl-datetimeformat/locale-data/zh');
 require('@formatjs/intl-datetimeformat/polyfill');
 require('@formatjs/intl-datetimeformat/add-golden-tz.js');
 var EnvironmentEnum = require('./EnvironmentEnum-BjXsfSRZ.js');
-var I18n = require('./I18n-CrUfKIV0.js');
+var I18n = require('./I18n-zYe_O_Pr.js');
 var React = require('./React-qUl0CBmE.js');
 require('@formatjs/intl-numberformat');
 require('cross-fetch');

package/dist/index.mjs

@@ -27,7 +27,7 @@ import '@formatjs/intl-datetimeformat/locale-data/zh';
 import '@formatjs/intl-datetimeformat/polyfill';
 import '@formatjs/intl-datetimeformat/add-golden-tz.js';
 export { E as EnvironmentEnum } from './EnvironmentEnum-UcQ6Il1O.js';
-export { g as getV, i as initI18n } from './I18n-BXs9DtEN.js';
+export { g as getV, i as initI18n } from './I18n-DmYkVPZM.js';
 export { i as initSentry, r as recordAdditionalSentryHttp } from './React-BaJ1KfGF.js';
 import '@formatjs/intl-numberformat';
 import 'cross-fetch';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andre1502/react-utilities",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "description": "module to combine common functions",
   "repository": {
     "type": "git",

package/src/I18n/I18n.ts

@@ -8,23 +8,37 @@ const getV = (divider: number): number => {
   return Math.floor(Date.now() / divider);
 };
 
-const initI18n = (
-  initReactI18next: ThirdPartyModule,
-  lang: string,
-  fallbackLang: string,
-  langCacheExpiredTimeMs: number,
-  resources: { [key: string]: any },
-  version: string,
-  withLocalstorageBackend?: boolean,
-  cdnUrl?: string,
-  debug?: boolean,
-) => {
+export interface InitI18nProps {
+  initReactI18next: ThirdPartyModule;
+  lang: string;
+  fallbackLang: string;
+  langCacheExpiredTimeMs: number;
+  resources: { [key: string]: any };
+  version: string;
+  useBackend: boolean;
+  withLocalstorageBackend?: boolean;
+  cdnUrl?: string;
+  debug?: boolean;
+}
+
+const initI18n = ({
+  initReactI18next,
+  lang,
+  fallbackLang,
+  langCacheExpiredTimeMs,
+  resources,
+  version,
+  useBackend,
+  withLocalstorageBackend = false,
+  cdnUrl = '',
+  debug = false,
+}: InitI18nProps) => {
   let backends: Array<any> = [];
   let backendOptions: Array<any> = [];
   const langs = Object.keys(resources);
 
   // https://www.i18next.com/how-to/backend-fallback
-  if (withLocalstorageBackend) {
+  if (useBackend && withLocalstorageBackend) {
     const versions: { [key: string]: string } = {};
 
     langs.forEach((value) => Object.assign(versions, { [value]: version }));
@@ -42,7 +56,7 @@ const initI18n = (
     });
   }
 
-  if (cdnUrl) {
+  if (useBackend && cdnUrl) {
     backends.push(HttpBackend);
     backendOptions.push({
       // load resources from url path
@@ -56,7 +70,9 @@ const initI18n = (
     });
   }
 
-  backends.push(ResourcesToBackend(resources));
+  if (useBackend) {
+    backends.push(ResourcesToBackend(resources));
+  }
 
   // https://www.i18next.com/misc/creating-own-plugins#languagedetector
   const languageDetector: any = {
@@ -71,8 +87,8 @@ const initI18n = (
     },
   };
 
-  const config: InitOptions = {
-    debug: debug ?? false,
+  let config: InitOptions = {
+    debug: debug,
     compatibilityJSON: 'v4',
     ns: ['translation'],
     defaultNS: 'translation',
@@ -81,24 +97,35 @@ const initI18n = (
     load: 'currentOnly',
     keySeparator: false,
     nonExplicitSupportedLngs: true,
-    backend: {
-      backends: backends,
-      backendOptions: backendOptions,
-      cacheHitMode: 'refreshAndUpdateStore',
-      reloadInterval: langCacheExpiredTimeMs,
-      refreshExpirationTime: langCacheExpiredTimeMs, // only after determined time it should trigger a refresh if necessary
-    },
-    react: {
-      bindI18nStore: 'added', // this way, when the HttpBackend delivers new translations (thanks to refreshAndUpdateStore), the UI gets updated
-    },
     interpolation: {
       escapeValue: false, // react already safes from xss
     },
   };
 
+  if (useBackend) {
+    config = {
+      ...config,
+      backend: {
+        backends: backends,
+        backendOptions: backendOptions,
+        cacheHitMode: 'refreshAndUpdateStore',
+        reloadInterval: langCacheExpiredTimeMs,
+        refreshExpirationTime: langCacheExpiredTimeMs, // only after determined time it should trigger a refresh if necessary
+      },
+      react: {
+        bindI18nStore: 'added', // this way, when the HttpBackend delivers new translations (thanks to refreshAndUpdateStore), the UI gets updated
+      },
+    };
+  }
+
   if (!i18next.isInitialized) {
-    i18next
-      .use(ChainedBackend)
+    let i18n = i18next;
+
+    if (useBackend) {
+      i18n = i18n.use(ChainedBackend);
+    }
+
+    i18n
       .use(languageDetector)
       .use(initReactI18next) // passes i18n down to react-i18next
       .init(config, (ex, t) => {