As I couldn't figure out how to separate lang modules update the update of webpack, I rolled back the split to different lang packages

Author: sery0ga

.travis.yml

@@ -1,6 +1,6 @@
 {
   "name": "workshop_butler_widget",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description": "Workshop Butler JS Widgets",
   "author": "https://workshopbutler.com",
   "license": "ISC",
@@ -65,8 +65,7 @@
     "test": "mocha --require ./ignoreImports.ts --require ts-node/register 'test/**/*.ts' '**/*.test.ts'",
     "watch:webpack": "NODE_ENV=watch webpack-dev-server --mode development",
     "watch:eleventy": "eleventy --watch",
-    "fast-build": "NODE_ENV=build webpack --mode production",
-    "build": "for lang in en de es fr nl no pt \n do \n LANG=$lang NODE_ENV=build webpack --mode production \n done",
+    "build": "NODE_ENV=build webpack --mode production",
     "build-wordpress": "NODE_ENV=build-wordpress webpack --mode production",
     "check-css-style": "stylelint  \"src/styles/**/*.less\"",
     "fix-css-style": "stylelint  \"src/styles/**/*.less\"  --fix",

package.json

@@ -1,9 +1,6 @@
 import i18next from 'i18next';
 import IPlainObject from '../interfaces/IPlainObject';
 import * as resources from '../locales';
-
-declare const WIDGET_LANGUAGE: string;
-
 /**
  * Controls the translation of message tokens to actual strings
  */
@@ -17,16 +14,16 @@ export default class Localisation {
    * @param userDict {IPlainObject} User dictionary to replace some default values
    */
   constructor(locale: string, language: string, userDict: IPlainObject) {
-    const dict = (resources as any)[WIDGET_LANGUAGE];
+    const dict = (resources as any)[language];
     const skinnyResource: IPlainObject = {};
-    skinnyResource[WIDGET_LANGUAGE] = {
-      translation: userDict[WIDGET_LANGUAGE] ? this.deepCopy(dict, userDict[WIDGET_LANGUAGE]) : dict,
+    skinnyResource[language] = {
+      translation: userDict[language] ? this.deepCopy(dict, userDict[language]) : dict,
     };
     this.locale = locale;
     i18next.init({
       debug: false,
-      fallbackLng: WIDGET_LANGUAGE,
-      lng: WIDGET_LANGUAGE,
+      fallbackLng: language,
+      lng: language,
       resources: skinnyResource,
     });
   }

src/utils/Localisation.ts

@@ -14,7 +14,6 @@ const options = {
   apiKey: process.env.API_KEY,
   theme: 'alfred',
   apiVersion: '2021-09-26',
-  lang: process.env.LANG ? process.env.LANG : 'en',
 };
 
 let webpackConfig = {
@@ -31,7 +30,7 @@ let webpackConfig = {
   },
   output: {
     path: path.resolve(__dirname, isDev ? 'site/static/' : `dist/`),
-    filename: isDev ? `[name].js` : `[name].${getVersion()}.${options.lang}.js`,
+    filename: isDev ? `[name].js` : `[name].${getVersion()}.js`,
     sourceMapFilename: isDev ? `[name].js.map` : `[name].${getVersion()}.js.map`
   },
   externals: {
@@ -112,7 +111,6 @@ function getPlugins() {
       BACKEND_URL: JSON.stringify(options.backend),
       API_VERSION: JSON.stringify(options.apiVersion),
       WIDGET_VERSION: JSON.stringify(getVersion()),
-      WIDGET_LANGUAGE: JSON.stringify(options.lang),
     }),
     new MiniCssExtractPlugin({
       filename: isDev? `[name].css` : `[name].${getVersion()}.min.css`