@zohodesk/react-cli 0.0.1-exp.175.1 → 0.0.1-exp.176.11

package/lib/plugins/ReportGeneratePlugin.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _redis = _interopRequireDefault(require("redis"));
+
 var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let options = (0, _utils.getOptions)();
 let {
   app: {
@@ -17,47 +23,60 @@ let {
     redisPort
   }
 } = options;
+
 class reportGeneratePlugin {
   apply(compiler) {
     compiler.hooks.emit.tapAsync('reportGeneratePlugin', (compilation, callback) => {
       function formatBytes(bytes) {
         if (bytes) {
           let isNegative;
+
           if (bytes < 0) {
             bytes = bytes * -1; //eslint-disable-line
+
             isNegative = true;
           }
+
           if (bytes < 1024) {
             if (isNegative) {
               return `- ${bytes} Bytes`;
             }
+
             return `${bytes} Bytes`;
           } else if (bytes < 1048576) {
             if (isNegative) {
               return `- ${(bytes / 1024).toFixed(3)} KB`;
             }
+
             return `${(bytes / 1024).toFixed(3)} KB`;
           } else if (bytes < 1073741824) {
             if (isNegative) {
               return `- ${(bytes / 1048576).toFixed(3)} MB`;
             }
+
             return `${(bytes / 1048576).toFixed(3)} MB`;
           }
+
           if (isNegative) {
             return `- ${(bytes / 1073741824).toFixed(3)} GB`;
           }
+
           return `${(bytes / 1073741824).toFixed(3)} GB`;
         }
       }
+
       let client = _redis.default.createClient(redisPort, redisHost);
+
       client.on('connect', () => {
         (0, _utils.log)('Redis client connected');
       });
       client.on('error', err => {
         (0, _utils.log)(`Something went wrong ${err}`);
       });
+
       if (_fs.default.existsSync(_path.default.resolve(process.cwd(), 'build', 'stats.json'))) {
         let statsJSON = _fs.default.readFileSync(_path.default.resolve(process.cwd(), 'build', 'stats.json'), 'utf8');
+
         statsJSON = JSON.parse(statsJSON);
         let finalObj = {};
         let branchName = branch ? branch : (0, _utils.getCurrentBranch)();
@@ -74,8 +93,8 @@ class reportGeneratePlugin {
             name,
             hash,
             size
-          };
-          // eslint-disable-next-line
+          }; // eslint-disable-next-line
+
           if (!finalObj.hasOwnProperty(name)) {
             finalObj[name] = tempObject;
           }
@@ -95,6 +114,7 @@ class reportGeneratePlugin {
                 (0, _utils.log)(err);
               } else {
                 reply = JSON.parse(reply); // eslint-disable-line
+
                 Object.keys(reply).forEach(fileName => {
                   // eslint-disable-next-line
                   if (finalObj.hasOwnProperty(fileName)) {
@@ -108,6 +128,7 @@ class reportGeneratePlugin {
                         }
                       });
                     }
+
                     if (reply[fileName].hash !== finalObj[fileName].hash) {
                       reportObj.hashChanged.push({
                         name: fileName,
@@ -120,16 +141,17 @@ class reportGeneratePlugin {
                   }
                 });
                 let json = JSON.stringify(reportObj);
+
                 _fs.default.writeFile(_path.default.resolve(process.cwd(), 'build', 'buildtrack.js'), `let statsJson=${json}`, err => {
                   if (err) {
                     throw err;
                   }
+
                   (0, _utils.log)('Stats Json generated!');
                 });
               }
             });
-            client.set(branchName, JSON.stringify(finalObj), _redis.default.print);
-            // fs.copyFileSync(
+            client.set(branchName, JSON.stringify(finalObj), _redis.default.print); // fs.copyFileSync(
             //   path.resolve(
             //     process.cwd(),
             //     'node_modules',
@@ -141,9 +163,11 @@ class reportGeneratePlugin {
             //   ),
             //   path.resolve(process.cwd(), 'build', 'buildstats.html')
             // );
+
             client.quit();
             callback && callback();
           }
+
           if (err) {
             (0, _utils.log)(err);
           }
@@ -151,5 +175,7 @@ class reportGeneratePlugin {
       }
     });
   }
+
 }
+
 exports.default = reportGeneratePlugin;

package/lib/plugins/RequireVariablePublicPlugin.js

@@ -4,14 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 const {
   Template
 } = require('webpack');
+
 const pluginName = 'RequireVariablePublicPlugin';
+
 class RequireVariablePublicPlugin {
   constructor(options) {
     this.requireFuncName = options.requireFuncName;
   }
+
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(pluginName, ({
       mainTemplate
@@ -19,6 +23,8 @@ class RequireVariablePublicPlugin {
       mainTemplate.hooks.requireExtensions.tap(pluginName, source => Template.asString([source, '', `window[${JSON.stringify(this.requireFuncName)}] = ${mainTemplate.requireFn};`]));
     });
   }
+
 }
+
 var _default = RequireVariablePublicPlugin;
 exports.default = _default;

package/lib/plugins/ResourceHintsPlugin.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 const {
   Template
 } = require('webpack');
+
 const pluginName = 'prefetch-preload-chunk-plugin';
+
 class ResourceHintsPlugin {
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(pluginName, ({
@@ -17,15 +20,18 @@ class ResourceHintsPlugin {
         const idNameMap = chunk.getChunkMaps().name;
         const nameIdMap = {};
         let needsMap = false;
+
         for (const key in idNameMap) {
           if (Object.prototype.hasOwnProperty.call(idNameMap, key)) {
             const value = idNameMap[key];
             nameIdMap[value] = key;
+
             if (key !== value) {
               needsMap = true;
             }
           }
         }
+
         return Template.asString([source, '', `${mainTemplate.requireFn}.getChunkId = function getChunkId(chunkId) {`, Template.indent((needsMap ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`] : []).concat(['return chunkId;'])), '}', `// Prefetch a chunk (${pluginName})`, `${mainTemplate.requireFn}.pfc = function prefetchChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, `${mainTemplate.requireFn}.e(chunkId);`]), '};',
         /*
           (needsMap
@@ -38,6 +44,7 @@ class ResourceHintsPlugin {
               'installedChunks[chunkId] = null;',
               /* mainTemplate.hooks.linkPrefetch.call('', chunk, hash),
               'document.head.appendChild(link);', */
+
         /*
               mainTemplate.hooks.requireEnsure.call('', chunk, hash)
             ]),
@@ -46,15 +53,15 @@ class ResourceHintsPlugin {
         ),
         '}',
         */
-        `// Preload a chunk (${pluginName})`, `${mainTemplate.requireFn}.plc = function preloadChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, 'if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'document.head.appendChild(link);', `${mainTemplate.requireFn}.e(chunkId);`
-
-        // 'var head = document.getElementsByTagName(\'head\')[0];',
+        `// Preload a chunk (${pluginName})`, `${mainTemplate.requireFn}.plc = function preloadChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, 'if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'document.head.appendChild(link);', `${mainTemplate.requireFn}.e(chunkId);` // 'var head = document.getElementsByTagName(\'head\')[0];',
         // mainTemplate.hooks.jsonpScript.call('', chunk, hash),
         // 'head.appendChild(script);'
         ]), '}']), '};']);
       });
     });
   }
+
 }
+
 var _default = ResourceHintsPlugin;
 exports.default = _default;

package/lib/plugins/RtlSplitPlugin/OverwriteCssPathForRTL.js

@@ -4,17 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
 var _replaceCssDirTemplate = require("./replaceCssDirTemplate");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-const pluginName = 'OverwriteCssPathForRTL';
-// const pluginName = 'rtl-css-transform-webpack-plugin';
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// const HtmlWebpackPlugin = require('html-webpack-plugin');
+const pluginName = 'OverwriteCssPathForRTL'; // const pluginName = 'rtl-css-transform-webpack-plugin';
 // if we choose file name as style.ltr.css and style.rtl.css it  will be easy for html template
-
 // this  plugin code copy from https://github.com/nicolashemonic/rtl-css-transform-webpack-plugin
+
 class OverwriteCssPathForRTL {
   constructor(options = {
     dirVarName: 'document.dir'
@@ -22,6 +23,7 @@ class OverwriteCssPathForRTL {
     this.dirVarName = options.dirVarName || 'document.dir';
     this.templateLabel = options.templateLabel || '{{--dir}}';
   }
+
   overwriteCssPathinHTML(compilation) {
     _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tapAsync(pluginName, (data, cb) => {
       let {
@@ -34,27 +36,26 @@ class OverwriteCssPathForRTL {
       }));
     });
   }
+
   overwriteCssPathinRequireEnsure(compilation) {
     // NOTE: if you goig to change an thing here you may check  with EFCPlugin, ServiceWorkerPlugin
     const {
       mainTemplate
-    } = compilation;
-    // TODO: must verify when we move to webpack5 ay be  we need to change this
+    } = compilation; // TODO: must verify when we move to webpack5 ay be  we need to change this
     // TODO it's may not be perfect solution, but it will work
     // mainTemplate.hooks.assetPath.tap(pluginName, (path, data) => {
+
     mainTemplate.hooks.assetPath.tap(pluginName, filePath => {
       if (!filePath.endsWith('.css"')) {
         return filePath;
       }
-      const ENDS = '.ltr.css"';
-      // if  we need total differend temlate for  file name  it will be too hard
-      const templateText = `"+(${this.dirVarName} === "rtl" ? ".rtl": ".ltr")+".css"`;
 
-      // const templateText = `"+(${this.dirVarName} === "rtl" ? ".rtl": "")+".css"`;
+      const ENDS = '.ltr.css"'; // if  we need total differend temlate for  file name  it will be too hard
+
+      const templateText = `"+(${this.dirVarName} === "rtl" ? ".rtl": ".ltr")+".css"`; // const templateText = `"+(${this.dirVarName} === "rtl" ? ".rtl": "")+".css"`;
       // NOTE:
       // we don't use rtlFilename as full replace because it may increace runtime chunk file size
       //  they replace [chunkhash] with object full chunk hash so it may dub
-
       // const templateText = `(${this.dirVarName} === "rtl" ? ${JSON.stringify(this.rtlFilename)}: ${filePath})`;
       // const templateText = '."+(document.dir === "rtl" ? ".rtl": "")+".css"';
       // File  path going to  be like  below
@@ -62,14 +63,18 @@ class OverwriteCssPathForRTL {
       //  '"style.css"' ==>> `"style."+(document.dir === "rtl" ? ".rtl": "")+".css"`
       // replace like this
       //  '.ltr.css"' ==>> `."+(document.dir === "rtl" ? ".rtl": ".ltr")+".css"`
+
       return filePath.replace(ENDS, templateText);
     });
   }
+
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(pluginName, compilation => {
       this.overwriteCssPathinHTML(compilation);
       this.overwriteCssPathinRequireEnsure(compilation);
     });
   }
+
 }
+
 exports.default = OverwriteCssPathForRTL;

package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js

@@ -4,20 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RtlCssPlugin = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _webpackSources = require("webpack-sources");
+
 var _OverwriteCssPathForRTL = _interopRequireDefault(require("./OverwriteCssPathForRTL"));
+
 var _RTLSplitPlugin = require("../../postcss-plugins/RTLSplitPlugin");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// import HtmlWebpackPlugin from 'html-webpack-plugin';
 
+// import HtmlWebpackPlugin from 'html-webpack-plugin';
 // import rtlcss from 'rtlcss';
+const pluginName = 'RtlCssPlugin'; // const pluginName = 'rtl-css-transform-webpack-plugin';
+
+const isCss = filename => _path.default.extname(filename) === '.css'; // this  plugin code copy from https://github.com/nicolashemonic/rtl-css-transform-webpack-plugin
 
-const pluginName = 'RtlCssPlugin';
-// const pluginName = 'rtl-css-transform-webpack-plugin';
-const isCss = filename => _path.default.extname(filename) === '.css';
 
-// this  plugin code copy from https://github.com/nicolashemonic/rtl-css-transform-webpack-plugin
 class RtlCssPlugin {
   constructor(options = {}) {
     /**
@@ -39,16 +43,17 @@ class RtlCssPlugin {
       disableMiniFiySelector: options.disableMiniFiySelector
     };
   }
+
   apply(compiler) {
     new _OverwriteCssPathForRTL.default({
       templateLabel: this.templateLabel,
       dirVarName: this.dirVarName
-    }).apply(compiler);
-    // const { filename, sourcemap, config } = this.options;
+    }).apply(compiler); // const { filename, sourcemap, config } = this.options;
     // const { devtool } = compiler.options;
     // const postcssOptions = {
     //   map: (sourcemap === undefined && !!devtool) || !!sourcemap
     // };
+
     compiler.hooks.compilation.tap(pluginName, compilation => {
       compilation.hooks.optimizeChunkAssets.tapAsync(pluginName, (chunks, callback) => {
         chunks.forEach(chunk => {
@@ -58,10 +63,10 @@ class RtlCssPlugin {
             const {
               ltr,
               rtl
-            } = (0, _RTLSplitPlugin.separateRtlAndLtr)(sourceStr, this.rtlSplitOptions);
-            // const result = rtlcss
+            } = (0, _RTLSplitPlugin.separateRtlAndLtr)(sourceStr, this.rtlSplitOptions); // const result = rtlcss
             //   .configure(config)
             //   .process(asset.source(), postcssOptions);
+
             const assetFilename = chunkFilename.replace('.ltr.', '.rtl.');
             compilation.assets[chunkFilename] = new _webpackSources.RawSource(ltr);
             compilation.assets[assetFilename] = new _webpackSources.RawSource(rtl);
@@ -71,5 +76,7 @@ class RtlCssPlugin {
       });
     });
   }
+
 }
+
 exports.RtlCssPlugin = RtlCssPlugin;

package/lib/plugins/RtlSplitPlugin/replaceCssDirTemplate.js

@@ -6,18 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.replaceCssDirTemplate = replaceCssDirTemplate;
 exports.replaceCssDirTemplateMapper = replaceCssDirTemplateMapper;
 exports.strFunctionTempalteToReplaceCssDir = void 0;
+
 function replaceCssDirTemplate(filePath, cssDirTemplate) {
-  return filePath.endsWith('.ltr.css') ?
-  // ? cssPath.replace('.ltr.css', '.{{--dir}}.css')
+  return filePath.endsWith('.ltr.css') ? // ? cssPath.replace('.ltr.css', '.{{--dir}}.css')
   filePath.replace('.ltr.css', `.${cssDirTemplate}.css`) : filePath;
 }
+
 function replaceCssDirTemplateMapper(assets, cssDirTemplate) {
   return assets.map(filePath => replaceCssDirTemplate(filePath, cssDirTemplate));
 }
+
 const strFunctionTempalteToReplaceCssDir = cssDirTemplate => `function replaceCssDirTemplate(filePath, cssDirTemplate) {
   return filePath.endsWith(".ltr.css")
     ? // ? cssPath.replace('.ltr.css', '.{{--dir}}.css')
       filePath.replace(".ltr.css", ".${cssDirTemplate}.css")
     : filePath;
 }`;
+
 exports.strFunctionTempalteToReplaceCssDir = strFunctionTempalteToReplaceCssDir;

package/lib/plugins/ScriptInstrumentPlugin.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _path = _interopRequireDefault(require("path"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let coverageScript = _fs.default.readFileSync(_path.default.resolve(__dirname, '..', 'templates', 'CoverageScriptTemplate.js')).toString();
+
 class ScriptInstrumentPlugin {
   apply(compiler) {
     compiler.hooks.emit.tapAsync('ScriptInstrumentPlugin', (compilation, callback) => {
@@ -25,5 +30,7 @@ class ScriptInstrumentPlugin {
       callback();
     });
   }
+
 }
+
 exports.default = ScriptInstrumentPlugin;

package/lib/plugins/SelectorPlugin.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _webpackSources = require("webpack-sources");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const path = require('path');
+
+const isCss = filename => path.extname(filename) === '.css';
+
+function rootConvertor(rootOriginal, defaultSelector, data, chunkFilename, excludeStrings) {
+  rootOriginal.walkRules((rule, index) => {
+    const prevNode = rootOriginal.nodes[index - 1];
+
+    if (index !== 0 && prevNode.type && prevNode.type === 'comment' && prevNode.text.toLowerCase() === 'updateselector:ignore') {
+      return;
+    }
+
+    if (rule.parent && rule.parent.type === 'atrule') {
+      if (rule.parent.name !== 'media') {
+        return;
+      }
+    }
+
+    if (excludeStrings.includes(rule.selector)) {
+      return;
+    }
+
+    let ruleArr = rule.selector.split(',');
+    ruleArr.forEach((rule, index) => {
+      if (rule.includes(']')) {
+        if (rule.slice(rule.lastIndexOf(']') + 2).trim() === '') {
+          return;
+        } // console.log(
+        //   rule.slice(rule.lastIndexOf(']') + 2).trim(),
+        //   rule.slice(rule.lastIndexOf(']') + 2).trim() !== ''
+        // );
+
+
+        ruleArr[index] = `${rule.slice(0, rule.lastIndexOf(']') + 1).trim()} ${defaultSelector}${rule.slice(rule.lastIndexOf(']') + 2).trim()}`; // console.log(ruleArr[index]);
+
+        return;
+      }
+
+      ruleArr[index] = data[chunkFilename] ? `${data[chunkFilename].defaultSelector}${rule}` : `${defaultSelector}${rule}`;
+    });
+    rule.selector = ruleArr.join(',\n'); // console.log(`${rule.selector} converted`);
+  });
+  return rootOriginal;
+}
+
+class SelectorPlugin {
+  constructor(options = {}) {
+    this.optimize = options.optimize;
+    this.selectorWeightConfig = options.selectorWeightConfig;
+  }
+
+  apply(compiler) {
+    const {
+      defaultSelector,
+      customFileDetails,
+      excludeStrings
+    } = this.selectorWeightConfig;
+
+    const rawdata = _fs.default.readFileSync(customFileDetails);
+
+    const data = JSON.parse(rawdata);
+    compiler.hooks.compilation.tap('selector-weight-rewrite', compilation => {
+      compilation.hooks.optimizeChunkAssets.tapAsync('selector-weight-rewrite', (chunks, callback) => {
+        chunks.forEach(chunk => {
+          chunk.files.filter(isCss).forEach(chunkFilename => {
+            const asset = compilation.assets[chunkFilename];
+            const sourceStr = asset.source();
+
+            const rootOriginal = _postcss.default.parse(sourceStr);
+
+            compilation.assets[chunkFilename] = new _webpackSources.RawSource(rootConvertor(rootOriginal, defaultSelector, data, chunkFilename, excludeStrings).toString());
+          });
+        });
+        callback();
+      });
+    });
+  }
+
+}
+
+var _default = SelectorPlugin;
+exports.default = _default;

package/lib/plugins/ServiceWorkerPlugin.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
+
 var _utils = require("../utils");
+
 var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nKeysIdentifer"));
+
 var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const {
   css: {
     enableRTLSplit
@@ -19,22 +27,24 @@ const {
     chunkSplitEnable
   }
 } = (0, _utils.getOptions)();
+
 class ServiceWorkerPlugin {
   constructor(options) {
     this.i18nFileNameTemplate = options.i18nFileNameTemplate;
     this.fileName = options.fileName;
     this.serviceWorkerPath = options.filePath;
     this.writePath = options.exitPath;
-    this.replaceText = options.replaceText;
-    // this.publicPaths = options.publicPaths;
+    this.replaceText = options.replaceText; // this.publicPaths = options.publicPaths;
   }
 
   isInitialChunk(chunk) {
     if ('canBeInitial' in chunk) {
       return chunk.canBeInitial();
     }
+
     return chunk.isInitial();
   }
+
   apply(compiler) {
     compiler.hooks.emit.tap('ServiceWorkerPlugin', compilation => {
       _fs.default.readFile(this.serviceWorkerPath, 'utf-8', (err, data) => {
@@ -47,7 +57,6 @@ class ServiceWorkerPlugin {
             }
             return chunk.isInitial();
           }); */
-
           // let [js, css, , , i18nPublicPath] = this.publicPaths;
           // let initialChunkUrls = [];
           let allChunkUrls = [];
@@ -60,32 +69,39 @@ class ServiceWorkerPlugin {
            *  if chunkSplitEnable is false means,
            *    serviceWorker will get i18n files path for html
            */
+
           let initalI18nAssets = chunkSplitEnable ? entrypoint.chunks.filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@')) : [];
           chunkSplitEnable && compilation.chunks.filter(c => !this.isInitialChunk(c)).filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).forEach(chunk => {
             // let isInitial = this.isInitialChunk(chunk);
             allChunkUrls = allChunkUrls.concat(chunk.files);
             allI18nAssets.push((0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
           });
-
           /** Removing source map files from getting added */
+
           initialChunkUrls = initialChunkUrls.filter(fileName => !fileName.endsWith('.map'));
           allChunkUrls = allChunkUrls.filter(fileName => !fileName.endsWith('.map'));
+
           if (enableRTLSplit) {
             initialChunkUrls = (0, _replaceCssDirTemplate.replaceCssDirTemplateMapper)(initialChunkUrls, cssDirTemplate);
             allChunkUrls = (0, _replaceCssDirTemplate.replaceCssDirTemplateMapper)(allChunkUrls, cssDirTemplate);
           }
+
           let mod = data.replace(this.replaceText, `
 self.assets = ${JSON.stringify(initialChunkUrls.concat(initalI18nAssets))};
 self.allChunks = ${JSON.stringify(allChunkUrls.concat(allI18nAssets))};`);
+
           if (!_fs.default.existsSync(this.writePath)) {
             _fs.default.mkdirSync(this.writePath, {
               recursive: true
             });
           }
+
           _fs.default.writeFileSync(_path.default.join(this.writePath, this.fileName), mod);
         }
       });
     });
   }
+
 }
+
 exports.default = ServiceWorkerPlugin;