Merge pull request #573 from GetStream/customizing-streami18n

adding customization to Streami18n i18nextConfig and fixing copy-translations typescript creation

Author: virdesai

package.json

@@ -21,7 +21,7 @@
     "analyze": "yarn build -- --stats && webpack-bundle-analyzer build/bundle-stats.json",
     "build": "rm -rf lib && yarn run --silent build-translations && bob build && yarn run --silent copy-translations",
     "build-translations": "rm -rf .tmpi18ncache || true && mkdir .tmpi18ncache && yarn run babel --config-file ./babel.i18next-extract.json 'src/**/*.{js,jsx,ts,tsx}' --out-dir '.tmpi18ncache/' && rm -rf .tmpi18ncache && prettier --write 'src/i18n/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc .babelrc",
-    "copy-translations": "echo '\u001b[34mℹ\u001b[0m Copying translation files to \u001b[34mlib/typescript/i18n\u001b[0m' && cp -R -f ./src/i18n ./lib/typescript/src && echo '\u001b[32m✓\u001b[0m Done Copying Translations'",
+    "copy-translations": "echo '\u001b[34mℹ\u001b[0m Copying translation files to \u001b[34mlib/typescript/i18n\u001b[0m' && cp -R -f ./src/i18n ./lib/typescript/lib && echo '\u001b[32m✓\u001b[0m Done Copying Translations'",
     "docs": "styleguidist build",
     "docs-server": "styleguidist server",
     "eslint": "eslint '**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",

src/utils/Streami18n.ts

@@ -4,7 +4,7 @@ import localeData from 'dayjs/plugin/localeData';
 import LocalizedFormat from 'dayjs/plugin/localizedFormat';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import updateLocale from 'dayjs/plugin/updateLocale';
-import i18n, { TFunction } from 'i18next';
+import i18n, { FallbackLng, TFunction } from 'i18next';
 
 import enTranslations from '../i18n/en.json';
 import frTranslations from '../i18n/fr.json';
@@ -181,6 +181,16 @@ type Options = {
   translationsForLanguage?: typeof enTranslations;
 };
 
+type I18NextConfig = {
+  debug: boolean;
+  fallbackLng: false | FallbackLng;
+  interpolation: { escapeValue: boolean };
+  keySeparator: false | string;
+  lng: string;
+  nsSeparator: false | string;
+  parseMissingKeyHandler: (key: string) => string;
+};
+
 /**
  * Wrapper around [i18next](https://www.i18next.com/) class for Stream related translations.
  * Instance of this class should be provided to Chat component to handle translations.
@@ -375,15 +385,7 @@ export class Streami18n {
   currentLanguage: string;
   DateTimeParser: typeof Dayjs | typeof moment;
   isCustomDateTimeParser: boolean;
-  i18nextConfig: {
-    debug: boolean;
-    fallbackLng: false;
-    interpolation: { escapeValue: boolean };
-    keySeparator: false;
-    lng: string;
-    nsSeparator: false;
-    parseMissingKeyHandler: (key: string) => string;
-  };
+  i18nextConfig: I18NextConfig;
 
   /**
    * Constructor accepts following options:
@@ -411,7 +413,10 @@ export class Streami18n {
    *
    * @param {*} options
    */
-  constructor(options: Options = {}) {
+  constructor(
+    options: Options = {},
+    i18nextConfig: Partial<I18NextConfig> = {},
+  ) {
     const finalOptions = {
       ...defaultStreami18nOptions,
       ...options,
@@ -471,6 +476,7 @@ export class Streami18n {
 
         return key;
       },
+      ...i18nextConfig,
     };
 
     this.validateCurrentLanguage();