@andre1502/react-utilities 0.9.4 → 0.9.5

package/README.md

@@ -364,13 +364,16 @@ import { EnvironmentEnum, initI18n } from '@andre1502/react-utilities/i18n';
 
 const localLang = 'en-US';
 const fallbackLang = 'en-US';
-const langCacheExpiredTimeMs = 60 * 60 * 1000;
+const langCacheExpiredTimeMs = 24 * 60 * 60 * 1000;
 
 // translation language from json file.
 const resources = {
   'en-US': { translation: enUS },
 };
 
+// determine whether need to use backend support to load resources.
+const useBackend = false;
+
 // optional, if false or undefined will use resources value
 const withLocalstorageBackend = false;
 
@@ -381,15 +384,16 @@ const cdnUrl = 'http://cdnurl.com';
 // optional, if false or undefined disable debug mode
 const debug = false;
 
-initI18n(
-  initReactI18next,
-  localLang,
-  fallbackLang,
-  langCacheExpiredTimeMs,
-  resources,
-  version,
-  withLocalstorageBackend,
-  cdnUrl,
-  debug,
-);
+initI18n({
+  initReactI18next: initReactI18next,
+  localLang: localLang,
+  fallbackLang: fallbackLang,
+  langCacheExpiredTimeMs: langCacheExpiredTimeMs,
+  resources: resources,
+  version: version,
+  useBackend: useBackend,
+  withLocalstorageBackend: withLocalstorageBackend,
+  cdnUrl: cdnUrl,
+  debug: debug,
+});
 ```

package/dist/I18n/I18n.d.ts

@@ -1,6 +1,18 @@
 import { ThirdPartyModule } from 'i18next';
 declare const getV: (divider: number) => number;
-declare const initI18n: (initReactI18next: ThirdPartyModule, lang: string, fallbackLang: string, langCacheExpiredTimeMs: number, resources: {
-    [key: string]: any;
-}, version: string, withLocalstorageBackend?: boolean, cdnUrl?: string, debug?: boolean) => void;
+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;
+}
+declare const initI18n: ({ initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs, resources, version, useBackend, withLocalstorageBackend, cdnUrl, debug, }: InitI18nProps) => void;
 export { getV, initI18n };

package/dist/I18n/I18n.js

@@ -11,19 +11,34 @@ var _i18nextLocalstorageBackend = _interopRequireDefault(require("i18next-locals
 var _i18nextResourcesToBackend = _interopRequireDefault(require("i18next-resources-to-backend"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var getV = exports.getV = function getV(divider) {
   return Math.floor(Date.now() / divider);
 };
-var initI18n = exports.initI18n = function initI18n(initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs, resources, version, withLocalstorageBackend, cdnUrl, debug) {
+var initI18n = exports.initI18n = function initI18n(_ref) {
+  var initReactI18next = _ref.initReactI18next,
+    lang = _ref.lang,
+    fallbackLang = _ref.fallbackLang,
+    langCacheExpiredTimeMs = _ref.langCacheExpiredTimeMs,
+    resources = _ref.resources,
+    version = _ref.version,
+    useBackend = _ref.useBackend,
+    _ref$withLocalstorage = _ref.withLocalstorageBackend,
+    withLocalstorageBackend = _ref$withLocalstorage === void 0 ? false : _ref$withLocalstorage,
+    _ref$cdnUrl = _ref.cdnUrl,
+    cdnUrl = _ref$cdnUrl === void 0 ? '' : _ref$cdnUrl,
+    _ref$debug = _ref.debug,
+    debug = _ref$debug === void 0 ? false : _ref$debug;
   var backends = [];
   var backendOptions = [];
   var langs = Object.keys(resources);
 
   // https://www.i18next.com/how-to/backend-fallback
-  if (withLocalstorageBackend) {
+  if (useBackend && withLocalstorageBackend) {
     var versions = {};
     langs.forEach(function (value) {
       return Object.assign(versions, _defineProperty({}, value, version));
@@ -38,7 +53,7 @@ var initI18n = exports.initI18n = function initI18n(initReactI18next, lang, fall
       versions: versions
     });
   }
-  if (cdnUrl) {
+  if (useBackend && cdnUrl) {
     backends.push(_i18nextHttpBackend["default"]);
     backendOptions.push({
       // load resources from url path
@@ -50,7 +65,9 @@ var initI18n = exports.initI18n = function initI18n(initReactI18next, lang, fall
       reloadInterval: langCacheExpiredTimeMs // can be used to reload resources in a specific interval (milliseconds) (useful in server environments)
     });
   }
-  backends.push((0, _i18nextResourcesToBackend["default"])(resources));
+  if (useBackend) {
+    backends.push((0, _i18nextResourcesToBackend["default"])(resources));
+  }
 
   // https://www.i18next.com/misc/creating-own-plugins#languagedetector
   var languageDetector = {
@@ -65,7 +82,7 @@ var initI18n = exports.initI18n = function initI18n(initReactI18next, lang, fall
     }
   };
   var config = {
-    debug: debug !== null && debug !== void 0 ? debug : false,
+    debug: debug,
     compatibilityJSON: 'v4',
     ns: ['translation'],
     defaultNS: 'translation',
@@ -74,20 +91,24 @@ var initI18n = exports.initI18n = function initI18n(initReactI18next, lang, fall
     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 = _objectSpread(_objectSpread({}, 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["default"].isInitialized) {
     _i18next["default"].use(_i18nextChainedBackend["default"]).use(languageDetector).use(initReactI18next) // passes i18n down to react-i18next
     .init(config, function (ex, t) {

package/dist/I18n/I18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18n.js","names":["_i18next","_interopRequireDefault","require","_i18nextChainedBackend","_i18nextHttpBackend","_i18nextLocalstorageBackend","_i18nextResourcesToBackend","e","__esModule","_typeof","o","Symbol","iterator","constructor","prototype","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","toPrimitive","call","TypeError","String","Number","getV","exports","divider","Math","floor","Date","now","initI18n","initReactI18next","lang","fallbackLang","langCacheExpiredTimeMs","resources","version","withLocalstorageBackend","cdnUrl","debug","backends","backendOptions","langs","keys","versions","forEach","assign","push","LocalStorageBackend","prefix","expirationTime","HttpBackend","loadPath","concat","queryStringParams","v","reloadInterval","ResourcesToBackend","languageDetector","type","name","async","init","detect","callback","config","compatibilityJSON","ns","defaultNS","lng","fallbackLng","load","keySeparator","nonExplicitSupportedLngs","backend","cacheHitMode","refreshExpirationTime","react","bindI18nStore","interpolation","escapeValue","i18next","isInitialized","use","ChainedBackend","ex","console","error"],"sources":["../../src/I18n/I18n.ts"],"sourcesContent":["import i18next, { InitOptions, ThirdPartyModule } from 'i18next';\nimport ChainedBackend from 'i18next-chained-backend';\nimport HttpBackend from 'i18next-http-backend';\nimport LocalStorageBackend from 'i18next-localstorage-backend';\nimport ResourcesToBackend from 'i18next-resources-to-backend';\n\nconst getV = (divider: number): number => {\n  return Math.floor(Date.now() / divider);\n};\n\nconst initI18n = (\n  initReactI18next: ThirdPartyModule,\n  lang: string,\n  fallbackLang: string,\n  langCacheExpiredTimeMs: number,\n  resources: { [key: string]: any },\n  version: string,\n  withLocalstorageBackend?: boolean,\n  cdnUrl?: string,\n  debug?: boolean,\n) => {\n  let backends: Array<any> = [];\n  let backendOptions: Array<any> = [];\n  const langs = Object.keys(resources);\n\n  // https://www.i18next.com/how-to/backend-fallback\n  if (withLocalstorageBackend) {\n    const versions: { [key: string]: string } = {};\n\n    langs.forEach((value) => Object.assign(versions, { [value]: version }));\n\n    backends.push(LocalStorageBackend);\n    backendOptions.push({\n      // prefix for stored languages\n      prefix: `i18next_res_`,\n\n      // expiration\n      expirationTime: langCacheExpiredTimeMs,\n\n      // language versions\n      versions: versions,\n    });\n  }\n\n  if (cdnUrl) {\n    backends.push(HttpBackend);\n    backendOptions.push({\n      // load resources from url path\n      loadPath: `${cdnUrl}/locales/{{lng}}.json`,\n      // adds parameters to resource URL. 'example.com' -> 'example.com?v=1.3.5'\n      queryStringParams: {\n        v: `${version}.${getV(langCacheExpiredTimeMs)}`,\n      },\n\n      reloadInterval: langCacheExpiredTimeMs, // can be used to reload resources in a specific interval (milliseconds) (useful in server environments)\n    });\n  }\n\n  backends.push(ResourcesToBackend(resources));\n\n  // https://www.i18next.com/misc/creating-own-plugins#languagedetector\n  const languageDetector: any = {\n    type: 'languageDetector',\n    name: 'customDetector',\n    async: false,\n    init: () => {\n      /* use services and options */\n    },\n    detect: (callback: any) => {\n      return lang;\n    },\n  };\n\n  const config: InitOptions = {\n    debug: debug ?? false,\n    compatibilityJSON: 'v4',\n    ns: ['translation'],\n    defaultNS: 'translation',\n    lng: lang,\n    fallbackLng: fallbackLang,\n    load: 'currentOnly',\n    keySeparator: false,\n    nonExplicitSupportedLngs: true,\n    backend: {\n      backends: backends,\n      backendOptions: backendOptions,\n      cacheHitMode: 'refreshAndUpdateStore',\n      reloadInterval: langCacheExpiredTimeMs,\n      refreshExpirationTime: langCacheExpiredTimeMs, // only after determined time it should trigger a refresh if necessary\n    },\n    react: {\n      bindI18nStore: 'added', // this way, when the HttpBackend delivers new translations (thanks to refreshAndUpdateStore), the UI gets updated\n    },\n    interpolation: {\n      escapeValue: false, // react already safes from xss\n    },\n  };\n\n  if (!i18next.isInitialized) {\n    i18next\n      .use(ChainedBackend)\n      .use(languageDetector)\n      .use(initReactI18next) // passes i18n down to react-i18next\n      .init(config, (ex, t) => {\n        if (ex) {\n          console.error(`Error when i18n init`, ex);\n          return;\n        }\n      });\n  }\n};\n\nexport { getV, initI18n };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"I18n.js","names":["_i18next","_interopRequireDefault","require","_i18nextChainedBackend","_i18nextHttpBackend","_i18nextLocalstorageBackend","_i18nextResourcesToBackend","e","__esModule","_typeof","o","Symbol","iterator","constructor","prototype","ownKeys","r","t","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","toPrimitive","call","TypeError","String","Number","getV","exports","divider","Math","floor","Date","now","initI18n","_ref","initReactI18next","lang","fallbackLang","langCacheExpiredTimeMs","resources","version","useBackend","_ref$withLocalstorage","withLocalstorageBackend","_ref$cdnUrl","cdnUrl","_ref$debug","debug","backends","backendOptions","langs","versions","assign","LocalStorageBackend","prefix","expirationTime","HttpBackend","loadPath","concat","queryStringParams","v","reloadInterval","ResourcesToBackend","languageDetector","type","name","async","init","detect","callback","config","compatibilityJSON","ns","defaultNS","lng","fallbackLng","load","keySeparator","nonExplicitSupportedLngs","interpolation","escapeValue","backend","cacheHitMode","refreshExpirationTime","react","bindI18nStore","i18next","isInitialized","use","ChainedBackend","ex","console","error"],"sources":["../../src/I18n/I18n.ts"],"sourcesContent":["import i18next, { InitOptions, ThirdPartyModule } from 'i18next';\nimport ChainedBackend from 'i18next-chained-backend';\nimport HttpBackend from 'i18next-http-backend';\nimport LocalStorageBackend from 'i18next-localstorage-backend';\nimport ResourcesToBackend from 'i18next-resources-to-backend';\n\nconst getV = (divider: number): number => {\n  return Math.floor(Date.now() / divider);\n};\n\nexport interface InitI18nProps {\n  initReactI18next: ThirdPartyModule;\n  lang: string;\n  fallbackLang: string;\n  langCacheExpiredTimeMs: number;\n  resources: { [key: string]: any };\n  version: string;\n  useBackend: boolean;\n  withLocalstorageBackend?: boolean;\n  cdnUrl?: string;\n  debug?: boolean;\n}\n\nconst initI18n = ({\n  initReactI18next,\n  lang,\n  fallbackLang,\n  langCacheExpiredTimeMs,\n  resources,\n  version,\n  useBackend,\n  withLocalstorageBackend = false,\n  cdnUrl = '',\n  debug = false,\n}: InitI18nProps) => {\n  let backends: Array<any> = [];\n  let backendOptions: Array<any> = [];\n  const langs = Object.keys(resources);\n\n  // https://www.i18next.com/how-to/backend-fallback\n  if (useBackend && withLocalstorageBackend) {\n    const versions: { [key: string]: string } = {};\n\n    langs.forEach((value) => Object.assign(versions, { [value]: version }));\n\n    backends.push(LocalStorageBackend);\n    backendOptions.push({\n      // prefix for stored languages\n      prefix: `i18next_res_`,\n\n      // expiration\n      expirationTime: langCacheExpiredTimeMs,\n\n      // language versions\n      versions: versions,\n    });\n  }\n\n  if (useBackend && cdnUrl) {\n    backends.push(HttpBackend);\n    backendOptions.push({\n      // load resources from url path\n      loadPath: `${cdnUrl}/locales/{{lng}}.json`,\n      // adds parameters to resource URL. 'example.com' -> 'example.com?v=1.3.5'\n      queryStringParams: {\n        v: `${version}.${getV(langCacheExpiredTimeMs)}`,\n      },\n\n      reloadInterval: langCacheExpiredTimeMs, // can be used to reload resources in a specific interval (milliseconds) (useful in server environments)\n    });\n  }\n\n  if (useBackend) {\n    backends.push(ResourcesToBackend(resources));\n  }\n\n  // https://www.i18next.com/misc/creating-own-plugins#languagedetector\n  const languageDetector: any = {\n    type: 'languageDetector',\n    name: 'customDetector',\n    async: false,\n    init: () => {\n      /* use services and options */\n    },\n    detect: (callback: any) => {\n      return lang;\n    },\n  };\n\n  let config: InitOptions = {\n    debug: debug,\n    compatibilityJSON: 'v4',\n    ns: ['translation'],\n    defaultNS: 'translation',\n    lng: lang,\n    fallbackLng: fallbackLang,\n    load: 'currentOnly',\n    keySeparator: false,\n    nonExplicitSupportedLngs: true,\n    interpolation: {\n      escapeValue: false, // react already safes from xss\n    },\n  };\n\n  if (useBackend) {\n    config = {\n      ...config,\n      backend: {\n        backends: backends,\n        backendOptions: backendOptions,\n        cacheHitMode: 'refreshAndUpdateStore',\n        reloadInterval: langCacheExpiredTimeMs,\n        refreshExpirationTime: langCacheExpiredTimeMs, // only after determined time it should trigger a refresh if necessary\n      },\n      react: {\n        bindI18nStore: 'added', // this way, when the HttpBackend delivers new translations (thanks to refreshAndUpdateStore), the UI gets updated\n      },\n    };\n  }\n\n  if (!i18next.isInitialized) {\n    i18next\n      .use(ChainedBackend)\n      .use(languageDetector)\n      .use(initReactI18next) // passes i18n down to react-i18next\n      .init(config, (ex, t) => {\n        if (ex) {\n          console.error(`Error when i18n init`, ex);\n          return;\n        }\n      });\n  }\n};\n\nexport { getV, initI18n };\n"],"mappings":"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","ignoreList":[]}

package/dist/{I18n-BXs9DtEN.js → I18n-DDRri5uR.js}

@@ -3201,12 +3201,24 @@ var resourcesToBackend = function resourcesToBackend(res) {
 const getV = divider => {
   return Math.floor(Date.now() / divider);
 };
-const initI18n = (initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs, resources, version, withLocalstorageBackend, cdnUrl, debug) => {
+const initI18n = _ref => {
+  let {
+    initReactI18next,
+    lang,
+    fallbackLang,
+    langCacheExpiredTimeMs,
+    resources,
+    version,
+    useBackend,
+    withLocalstorageBackend = false,
+    cdnUrl = '',
+    debug = false
+  } = _ref;
   let backends = [];
   let backendOptions = [];
   const langs = Object.keys(resources);
   // https://www.i18next.com/how-to/backend-fallback
-  if (withLocalstorageBackend) {
+  if (useBackend && withLocalstorageBackend) {
     const versions = {};
     langs.forEach(value => Object.assign(versions, {
       [value]: version
@@ -3221,7 +3233,7 @@ const initI18n = (initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs,
       versions: versions
     });
   }
-  if (cdnUrl) {
+  if (useBackend && cdnUrl) {
     backends.push(Backend);
     backendOptions.push({
       // load resources from url path
@@ -3233,7 +3245,9 @@ const initI18n = (initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs,
       reloadInterval: langCacheExpiredTimeMs // can be used to reload resources in a specific interval (milliseconds) (useful in server environments)
     });
   }
-  backends.push(resourcesToBackend(resources));
+  if (useBackend) {
+    backends.push(resourcesToBackend(resources));
+  }
   // https://www.i18next.com/misc/creating-own-plugins#languagedetector
   const languageDetector = {
     type: 'languageDetector',
@@ -3246,8 +3260,8 @@ const initI18n = (initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs,
       return lang;
     }
   };
-  const config = {
-    debug: debug ?? false,
+  let config = {
+    debug: debug,
     compatibilityJSON: 'v4',
     ns: ['translation'],
     defaultNS: 'translation',
@@ -3256,20 +3270,25 @@ const initI18n = (initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs,
     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 (!instance.isInitialized) {
     instance.use(Backend$1).use(languageDetector).use(initReactI18next) // passes i18n down to react-i18next
     .init(config, (ex, t) => {
@@ -3282,4 +3301,4 @@ const initI18n = (initReactI18next, lang, fallbackLang, langCacheExpiredTimeMs,
 };
 
 export { getV as g, initI18n as i };
-//# sourceMappingURL=I18n-BXs9DtEN.js.map
+//# sourceMappingURL=I18n-DDRri5uR.js.map