@zohodesk/client_build_tool 0.0.11-exp.16.0 → 0.0.11-exp.17.0

package/lib/shared/bundler/webpack/custom_plugins/VariableConversionCollector/index.js

@@ -4,18 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _postcss = _interopRequireDefault(require("postcss"));
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _checkIsPatternsMatchFilename = require("../../loaderConfigs/checkIsPatternsMatchFilename");
+
 var _ErrorHandler = require("./ErrorHandler");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { RawSource } from 'webpack-sources';
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { RawSource } from 'webpack-sources';
 const ignoreVals = ['--zd_size', '--zd_font_size', '--size', '--size_'];
 let variablesRead = {};
-const supportedProps = ['font-size', 'margin', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', '^top', '^right', '^bottom', '^left', '^width', 'min-width', 'max-width', '^height', 'min-height', 'max-height', 'text-indent', 'clip', 'flex-basis', 'row-gap', 'gap', 'column-gap', 'flex'];
-// const avoidProps = [];
+const supportedProps = ['font-size', 'margin', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', '^top', '^right', '^bottom', '^left', '^width', 'min-width', 'max-width', '^height', 'min-height', 'max-height', 'text-indent', 'clip', 'flex-basis', 'row-gap', 'gap', 'column-gap', 'flex']; // const avoidProps = [];
 // -- is issue IO --
+
 /*
 issues eg : 
 issues = ['--zd_size', '--zd_font_size', '--size', '--size_'];
@@ -26,6 +31,7 @@ true
 comment : 
 do not execute when --zd_size comes as prop 
 */
+
 function isIgnoreValuePresent(ignoreVals, prop) {
   let present = false;
   ignoreVals.forEach(issue => {
@@ -34,9 +40,8 @@ function isIgnoreValuePresent(ignoreVals, prop) {
     }
   });
   return present;
-}
+} // -- to convert the hyphen values to values --
 
-// -- to convert the hyphen values to values --
 /*
 input : 
 var(--zdt_uploadlist_default_width)
@@ -47,32 +52,35 @@ comment :
 to make the variable object using the output as key and decl.prop such as font-size as value 
 */
 
+
 function extractVariableName(val) {
   return val.replace(/calc\((.+)\)/gi, '$1').replace(/var\((.+)\)/gi, '$1').replace('-1', '').replace('*', '').replace('\n', '').trim();
 }
+
 function variableConvertor(rootOriginal, variables, settingsObject) {
   rootOriginal.walkRules(rule => {
     rule.nodes.forEach((decl, index) => {
       const prevNode = rule.nodes[index - 1];
       const currentNode = rule.nodes[index];
+
       if (decl.prop && decl.prop.includes('--')) {
         if (prevNode && prevNode.type === 'comment' && prevNode.text.toLowerCase() === 'variable:ignore') {
           return;
         }
+
         if (isIgnoreValuePresent(ignoreVals, decl.prop)) {
           return;
         }
+
         if (settingsObject[variables[decl.prop]]) {
           /* if there is no value for property, set it to default so that undefined doesn't get called as key */
-
           if (!variables[decl.prop]) {
             // eslint-disable-next-line no-param-reassign
             variables[decl.prop] = 'default';
           }
-          const pxReplacement = settingsObject[variables[decl.prop]].replacements.px;
-          const valArr = decl.value.split(' ');
 
-          // single values are considered in the above array and converted below
+          const pxReplacement = settingsObject[variables[decl.prop]].replacements.px;
+          const valArr = decl.value.split(' '); // single values are considered in the above array and converted below
 
           valArr.forEach((value, index) => {
             if (value.includes('px')) {
@@ -87,6 +95,7 @@ function variableConvertor(rootOriginal, variables, settingsObject) {
   });
   return rootOriginal;
 }
+
 function createFolderIfNonExistent(path) {
   if (!_fs.default.existsSync(path)) {
     _fs.default.mkdirSync(path, {
@@ -94,19 +103,21 @@ function createFolderIfNonExistent(path) {
     });
   }
 }
+
 function createFileIfNonExistent(path, content) {
   if (_fs.default.existsSync(path)) {
     _fs.default.writeFileSync(path, content, 'utf-8');
   }
 }
+
 class VariableConversionCollector {
   constructor(options = {}) {
     this.configFile = options.configFile;
     this.patterns = options.patterns;
     this.initializeFiles();
-  }
+  } // eslint-disable-next-line class-methods-use-this
+
 
-  // eslint-disable-next-line class-methods-use-this
   initializeFiles() {
     createFolderIfNonExistent('./.cli/logs/');
     createFolderIfNonExistent('./.cli/config/variables/');
@@ -114,14 +125,16 @@ class VariableConversionCollector {
     createFileIfNonExistent('./.cli/logs/unassignedVariables.log', '{}');
     createFileIfNonExistent('./.cli/logs/css_error.log', '{}');
   }
+
   apply(compiler) {
     const {
       patterns
     } = this;
     const variables = {};
-    const unassigned = {};
-    // console.log(windowsModification([this.filename])[0]);
+    const unassigned = {}; // console.log(windowsModification([this.filename])[0]);
+
     const rawdata = _fs.default.readFileSync(this.configFile);
+
     const data = JSON.parse(rawdata);
     const {
       settings: settingsObject,
@@ -129,8 +142,7 @@ class VariableConversionCollector {
       errorInConsole: errorConsoleStatus,
       errorsAllowed,
       strictMode
-    } = data;
-    // If theres is no setting for default prop in settingsObject, set one.
+    } = data; // If theres is no setting for default prop in settingsObject, set one.
 
     if (!settingsObject.default) {
       settingsObject.default = {
@@ -144,7 +156,6 @@ class VariableConversionCollector {
         }
       };
     }
-
     /* 
     purpose of tap : to create a variable object such as:
     {
@@ -153,25 +164,31 @@ class VariableConversionCollector {
     }
     which will help in the conversion further
     */
+
+
     if (_fs.default.existsSync('./.cli/config/variables/variableMapping.json')) {
       variablesRead = JSON.parse(_fs.default.readFileSync('./.cli/config/variables/variableMapping.json', 'utf-8'));
       Object.keys(variablesRead.changes).forEach(key => {
         variables[key] = variablesRead.changes[key];
       });
     }
+
     compiler.hooks.compilation.tap('VariableConversionCollector', compilation => {
       compilation.hooks.optimizeModules.tap('VariableConversionCollector', modulesIterable => {
         const modules = Array.from(modulesIterable);
         const mods = modules.filter(x => x.type.includes('css'));
         mods.forEach(module => {
           const rootOriginal = _postcss.default.parse(module.content);
+
           const filename = module.issuer.resource;
+
           if (!filename.includes('node_modules')) {
             rootOriginal.walkRules(rule => {
               rule.walkDecls(decl => {
                 decl.value.split(' ').forEach(val => {
                   if (val && val.includes('--') && !new RegExp(ignoreVals.join('|'), 'gi').test(val) && decl.prop) {
                     const extractedValue = extractVariableName(val);
+
                     if (!variables[extractedValue]) {
                       variables[extractedValue] = decl.prop;
                     } else if (new RegExp(supportedProps.join('|'), 'gi').test(decl.prop)) {
@@ -185,11 +202,13 @@ class VariableConversionCollector {
                           filename,
                           message: `${extractedValue} : ${variables[extractedValue]} already exists please check!`
                         };
+
                         _ErrorHandler.errHandler.errorTable.push(errObj);
+
                         _ErrorHandler.errHandler.errorFunction(errObj);
                       }
-                    }
-                    // console.log(decl.prop);
+                    } // console.log(decl.prop);
+
                   } else if (/^--/gi.test(decl.prop) && val.trim() !== '' && !variables[decl.prop]) {
                     if (!Object.keys(variablesRead.ignore).includes(decl.prop)) {
                       unassigned[decl.prop] = variables[decl.prop];
@@ -212,6 +231,7 @@ class VariableConversionCollector {
             
              conversion is done in the while loop below
             */
+
             Object.keys(variables).forEach(key => {
               while (variables[variables[key]]) {
                 variables[key] = variables[variables[key]];
@@ -219,9 +239,7 @@ class VariableConversionCollector {
             });
           }
         });
-      });
-
-      // -- conversion for the root using variableConvertor --
+      }); // -- conversion for the root using variableConvertor --
 
       /* 
       input : 
@@ -235,6 +253,7 @@ class VariableConversionCollector {
         padding : zd_size20;
       }
       */
+
       compilation.hooks.optimizeModules.tap('VariableConversionCollector', modules => {
         const mods = Array.from(modules).filter(x => x.type.includes('css'));
         mods.forEach(module => {
@@ -254,11 +273,14 @@ class VariableConversionCollector {
             output : 
             true or false
           */
+
           if ((0, _checkIsPatternsMatchFilename.checkIsPatternsMatchFilename)(patterns, filename) === false) {
             return;
           }
-          const rootOriginal = _postcss.default.parse(module.content);
-          // eslint-disable-next-line no-param-reassign
+
+          const rootOriginal = _postcss.default.parse(module.content); // eslint-disable-next-line no-param-reassign
+
+
           module.content = variableConvertor(rootOriginal, variables, settingsObject).toString();
         });
       });
@@ -270,11 +292,13 @@ class VariableConversionCollector {
       output : 
       all errors that are present in the errTable arr
     */
+
     compiler.hooks.afterEmit.tap('error-display', () => {
       const {
         errors,
         errorTable: errTable
       } = _ErrorHandler.errHandler;
+
       if (Object.keys(unassigned).length > 0 && strictMode) {
         console.log();
         console.log(unassigned);
@@ -284,18 +308,23 @@ class VariableConversionCollector {
           str += `"${key}" : "${unassigned[key]}",\n`;
         });
         str += '}';
+
         _fs.default.writeFileSync('./.cli/logs/unassignedVariables.log', str, 'utf-8');
+
         throw new Error('^^^ Variables above have not been assigned! ^^^');
       }
-      const avlTypes = new Set([]);
-      // eslint-disable-next-line array-callback-return, consistent-return
+
+      const avlTypes = new Set([]); // eslint-disable-next-line array-callback-return, consistent-return
+
       const srtArr = errTable.sort((a, b) => {
         avlTypes.add(a.type);
         avlTypes.add(b.type);
+
         if (a.type < b.type) {
           return -1;
         }
       });
+
       if (errorConsoleStatus) {
         const errorHandler = new _ErrorHandler.ErrorHandler();
         avlTypes.forEach(type => {
@@ -310,9 +339,12 @@ class VariableConversionCollector {
           console.log('---------------------------------------------------------------------------------------------------------------------------');
         });
       }
+
       if (errorLogStatus) {
         _fs.default.writeFileSync('./.cli/logs/css_error.log', '');
+
         console.log('writing to logFile...');
+
         if (errors.length > 0) {
           errors.forEach((err, index) => {
             if (errTable[index].decl.prop && errTable[index].decl.value) {
@@ -323,5 +355,8 @@ class VariableConversionCollector {
       }
     });
   }
+
 }
-var _default = exports.default = VariableConversionCollector;
+
+var _default = VariableConversionCollector;
+exports.default = _default;

package/lib/shared/bundler/webpack/custom_plugins/custom_attribute_plugin/index.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomAttributesPlugin = void 0;
+
 var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
+
 var _webpack = require("webpack");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const pluginName = 'CustomAttributesPlugin';
+
 function attributeSetTemplate(attributes, variableName) {
   const str = [];
   Object.keys(attributes).forEach(key => {
@@ -16,18 +21,22 @@ function attributeSetTemplate(attributes, variableName) {
   });
   return str;
 }
+
 function writeCss(attributes, code) {
   const str = attributeSetTemplate(attributes, 'linkTag');
   return code.replace('document.head.appendChild(linkTag);', `${str.join('')}document.head.appendChild(linkTag);`);
 }
+
 function writeI18nJs(attributes, code) {
   const str = attributeSetTemplate(attributes, 'scripTag');
   return code.replace('document.head.appendChild(scriptTag);', `{${str.join('')} document.head.appendChild(scriptTag)};`);
 }
+
 function writeJs(attributes, code) {
   const str = attributeSetTemplate(attributes, 'script');
   return code.replace('needAttach && document.head.appendChild(script);', `if(needAttach) {${str.join('')} document.head.appendChild(script)};`);
 }
+
 class CustomAttributesPlugin {
   constructor(options) {
     this.options = {
@@ -37,12 +46,13 @@ class CustomAttributesPlugin {
       i18nAttributes: options.i18nAttributes || options.attributes || {}
     };
   }
+
   apply(compiler) {
     const {
       RawSource
-    } = compiler.webpack.sources;
-    // NOTE: we not using this, Reason currently this option is only need for EFC,
+    } = compiler.webpack.sources; // NOTE: we not using this, Reason currently this option is only need for EFC,
     // So it do not needed.
+
     const {
       attributes
     } = this.options;
@@ -64,5 +74,7 @@ class CustomAttributesPlugin {
       });
     });
   }
+
 }
+
 exports.CustomAttributesPlugin = CustomAttributesPlugin;

package/lib/shared/bundler/webpack/custom_plugins/emitAsset.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emitAsset = emitAsset;
+
 function emitAsset(compilation, outputFile, content) {
   const {
     RawSource

package/lib/shared/bundler/webpack/custom_plugins/getInitialAssetsFuncTemplate.js

@@ -6,11 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.cssDirTemplate = void 0;
 exports.getInitialAssetsFuncTemplate = getInitialAssetsFuncTemplate;
 exports.localeTemplate = void 0;
+
 var _utils = require("../utils");
+
 var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
+
 var _getInitialI18nAssetsArrayStr = require("./getInitialI18nAssetsArrayStr");
-const cssDirTemplate = exports.cssDirTemplate = '@dir@';
-const localeTemplate = exports.localeTemplate = '@locale@';
+
+const cssDirTemplate = '@dir@';
+exports.cssDirTemplate = cssDirTemplate;
+const localeTemplate = '@locale@';
+exports.localeTemplate = localeTemplate;
+
 function getInitialAssetsFuncTemplate({
   entryPoint,
   enableRTLSplit,
@@ -23,12 +30,15 @@ function getInitialAssetsFuncTemplate({
   const initialFiles = entryPoint.getFiles();
   let initialJsFiles = initialFiles.filter(_utils.isJsFile);
   let initialCssFiles = initialFiles.filter(_utils.isCssFile);
+
   if (enableRTLSplit) {
     initialCssFiles = (0, _replaceCssDirTemplate.replaceCssDirTemplateMapper)(initialCssFiles, cssDirTemplate);
   }
+
   if (chunkSplitEnable) {
     initialJsFiles = (0, _replaceCssDirTemplate.replaceI18nLocaleTemplateMapper)(initialJsFiles, localeTemplate);
   }
+
   const initialI18nAssets = (0, _getInitialI18nAssetsArrayStr.getInitialI18nAssetsArrayStr)({
     entryPoint,
     compilation,

package/lib/shared/bundler/webpack/custom_plugins/getInitialI18nAssetsArrayStr.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.getI18nAssetForChunkAsStr = getI18nAssetForChunkAsStr;
 exports.getI18nAssetsForChunkAsArrayStr = getI18nAssetsForChunkAsArrayStr;
 exports.getInitialI18nAssetsArrayStr = getInitialI18nAssetsArrayStr;
+
 var _I18nFilesEmitPlugin = require("./I18nSplitPlugin/I18nFilesEmitPlugin");
-/* eslint-disable no-use-before-define */
 
+/* eslint-disable no-use-before-define */
 // for SMap relate changes
 // CdnChangePlugin
 // SourceMapHookPlugin
-
 function getInitialI18nAssetsArrayStr({
   entryPoint,
   compilation,
@@ -28,6 +28,7 @@ function getInitialI18nAssetsArrayStr({
     i18nFileNameTemplate
   });
 }
+
 function getI18nAssetsForChunkAsArrayStr({
   chunks,
   compilation,
@@ -54,6 +55,7 @@ function getI18nAssetsForChunkAsArrayStr({
     // }
     return '[]';
   }
+
   const i18nAssetsUrlTemplates = [...chunks].map(chunk => getI18nAssetForChunkAsStr({
     chunk,
     compilation,
@@ -62,6 +64,7 @@ function getI18nAssetsForChunkAsArrayStr({
   })).filter(Boolean);
   return `${JSON.stringify(i18nAssetsUrlTemplates)}`;
 }
+
 function getI18nAssetForChunkAsStr({
   chunk,
   compilation,
@@ -71,6 +74,7 @@ function getI18nAssetForChunkAsStr({
   if (!i18nStore.isChunkHasI18n(chunk)) {
     return '';
   }
+
   const i18nAssetsUrlTemplates = _I18nFilesEmitPlugin.I18nFilesEmitPlugin.createFilenameWithHash({
     compilation,
     fileNameTemplate: i18nFileNameTemplate,
@@ -78,5 +82,6 @@ function getI18nAssetForChunkAsStr({
     locale: '@locale@',
     contentHash: 'contentHash'
   }).filename;
+
   return i18nAssetsUrlTemplates;
 }

package/lib/shared/bundler/webpack/defaultVendorPatternList.js

@@ -4,6 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactBundleIncludeList = exports.defaultVendorPatternList = void 0;
+
 var _checkIsPatternsMatchFilename = require("./loaderConfigs/checkIsPatternsMatchFilename");
-const reactBundleIncludeList = exports.reactBundleIncludeList = ['**/node_modules/react/**/*.js', '**/node_modules/react-dom/**/*.js', '**/node_modules/react-redux/**/*.js', '**/node_modules/react-transition-group/**/*.js', '**/node_modules/scheduler/**/*.js', '**/node_modules/prop-types/**/*.js'];
-const defaultVendorPatternList = exports.defaultVendorPatternList = ['**/node_modules/**/*.js', '!*.css', '!**/publicPathConfig.js', ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(['**/node_modules/script-loader/**/*.js', '**/node_modules/raw-loader/**/*.js']), ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(reactBundleIncludeList)];
+
+const reactBundleIncludeList = ['**/node_modules/react/**/*.js', '**/node_modules/react-dom/**/*.js', '**/node_modules/react-redux/**/*.js', '**/node_modules/react-transition-group/**/*.js', '**/node_modules/scheduler/**/*.js', '**/node_modules/prop-types/**/*.js'];
+exports.reactBundleIncludeList = reactBundleIncludeList;
+const defaultVendorPatternList = ['**/node_modules/**/*.js', '!*.css', '!**/publicPathConfig.js', ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(['**/node_modules/script-loader/**/*.js', '**/node_modules/raw-loader/**/*.js']), ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(reactBundleIncludeList)];
+exports.defaultVendorPatternList = defaultVendorPatternList;

package/lib/shared/bundler/webpack/devtoolConfig.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.devtoolConfig = devtoolConfig;
+
 // eslint-disable-next-line consistent-return
 function devtoolConfig(options) {
   if (options.createSeparateSMap) {

package/lib/shared/bundler/webpack/entryConfig.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.entryConfig = entryConfig;
+
 var _constants = require("../../constants");
+
 function entryConfig(options) {
   const {
     hasEFC,
@@ -17,8 +19,10 @@ function entryConfig(options) {
   const entry = {
     main: (0, _constants.joinWithAppPath)(mainEntry)
   };
+
   if (hasEFC && entryFile) {
     entry[entryPointName] = (0, _constants.joinWithAppPath)(entryFile);
   }
+
   return entry;
 }

package/lib/shared/bundler/webpack/externals.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.externals = externals;
+
 // eslint-disable-next-line no-unused-vars
 function externals(options) {
   const {

package/lib/shared/bundler/webpack/getCSSLoaders.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCSSLoaders = getCSSLoaders;
+
 var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
+
 var _configPostCssLoader = require("./loaderConfigs/configPostCssLoader");
+
 var _getCssLoaderOptions = require("./loaderConfigs/getCssLoaderOptions");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function getCSSLoaders(options) {
   const cssLoaderOptions = (0, _getCssLoaderOptions.getCssLoaderOptions)(options);
   return [{

package/lib/shared/bundler/webpack/getFilenameFromModule.js

@@ -5,16 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CSS_MODULE_TYPE = void 0;
 exports.getFilenameFromModule = getFilenameFromModule;
-const CSS_MODULE_TYPE = exports.CSS_MODULE_TYPE = 'css/mini-extract';
+const CSS_MODULE_TYPE = 'css/mini-extract';
+exports.CSS_MODULE_TYPE = CSS_MODULE_TYPE;
+
 function getFilenameFromModule(webpackModule) {
   const {
     userRequest
   } = webpackModule;
+
   if (webpackModule.type === CSS_MODULE_TYPE) {
     const {
       _identifier: identifier = ''
     } = webpackModule;
     return identifier.slice(identifier.lastIndexOf('!') + 1);
   }
+
   return userRequest;
 }

package/lib/shared/bundler/webpack/jsLoaders.js

@@ -4,21 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.jsLoaders = jsLoaders;
+
 var _babelLoaderConfig = require("./loaderConfigs/babelLoaderConfig");
+
 const {
   i18nIdReplaceLoaderConfig
 } = require('./loaderConfigs/i18nIdReplaceLoaderConfig');
+
 function jsLoaders(options) {
-  const useLoaders = [];
+  const useLoaders = []; // Always add babel loader first
 
-  // Always add babel loader first
-  useLoaders.push((0, _babelLoaderConfig.babelLoaderConfig)(options));
+  useLoaders.push((0, _babelLoaderConfig.babelLoaderConfig)(options)); // Add i18n ID replace loader if numeric indexing is enabled
 
-  // Add i18n ID replace loader if numeric indexing is enabled
   const shouldUseNumericIndexing = options.i18nIndexing && options.i18nIndexing.enable || options.i18nChunkSplit && options.i18nChunkSplit.chunkSplitEnable && options.i18nChunkSplit.useNumericIndexing;
+
   if (shouldUseNumericIndexing) {
     try {
       const loaderConfig = i18nIdReplaceLoaderConfig(options, options.context);
+
       if (loaderConfig) {
         useLoaders.push(loaderConfig);
       }
@@ -27,10 +30,11 @@ function jsLoaders(options) {
       console.warn('[jsLoaders] Failed to configure i18n ID replace loader:', err.message);
     }
   }
+
   return [{
     test: /\.js$/,
     exclude: /node_modules/,
-    use: useLoaders
-    // include: path.join(appPath, folder)
+    use: useLoaders // include: path.join(appPath, folder)
+
   }];
 }

package/lib/shared/bundler/webpack/loaderConfigs/assetLoaders.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.assetLoaders = assetLoaders;
+
 var _configsAssetsLoaders = require("./configsAssetsLoaders");
+
 function assetLoaders(options) {
   return [(0, _configsAssetsLoaders.configImageLoader)(options), (0, _configsAssetsLoaders.configFontLoader)(options), (0, _configsAssetsLoaders.configSVGLoader)(options), (0, _configsAssetsLoaders.configAudioLoader)(options), (0, _configsAssetsLoaders.configVideoLoader)(options)];
 }

package/lib/shared/bundler/webpack/loaderConfigs/babelLoaderConfig.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.babelLoaderConfig = babelLoaderConfig;
+
 var _babelWebConfig = require("../../../babel/babelWebConfig");
+
 function babelLoaderConfig(options) {
   const babelConfig = (0, _babelWebConfig.babelWebConfig)(options);
   return {
     loader: 'babel-loader',
-    options: {
-      ...babelConfig,
+    options: { ...babelConfig,
       cacheDirectory: true
     }
   };