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

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,44 +20,48 @@ 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
-            ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`]
-            : []
-          ).concat([
-            'var promises = [];',
-            'if(installedChunks[chunkId] === undefined) {',
-            Template.indent([
-              'installedChunks[chunkId] = null;',
-              /* mainTemplate.hooks.linkPrefetch.call('', chunk, hash),
+        /*
+          (needsMap
+            ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`]
+            : []
+          ).concat([
+            'var promises = [];',
+            'if(installedChunks[chunkId] === undefined) {',
+            Template.indent([
+              'installedChunks[chunkId] = null;',
+              /* mainTemplate.hooks.linkPrefetch.call('', chunk, hash),
               'document.head.appendChild(link);', */
-        /*
-              mainTemplate.hooks.requireEnsure.call('', chunk, hash)
-            ]),
-            '}'
-          ])
-        ),
-        '}',
-        */
-        `// 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.requireEnsure.call('', chunk, hash)
+            ]),
+            '}'
+          ])
+        ),
+        '}',
+        */
+        `// 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,28 +4,32 @@ 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 = {}) {
-    /**
-     * @typedef {Object} Options
-     * @property  {String} filename [not used]
-     * @property  {String} dirVarName
-     * @property  {Boolean} sourcemap
-     * @property  {Object} config
+    /**
+     * @typedef {Object} Options
+     * @property  {String} filename [not used]
+     * @property  {String} dirVarName
+     * @property  {Boolean} sourcemap
+     * @property  {Object} config
      */
     this.options = {
       filename: options.filename || '[name].rtl.css',
@@ -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/RtrSplit.md

@@ -1,30 +1,30 @@
-# RTL Split 
-
-we are doing in build time generating  rtl related css code  by using @zohodesk/postcss-rt npm.
-It was automated, That postcss plugin create rtl reacted css and put them into same file, with css selector [dir=rtl] and ltr realted css with [dir=ltr].
-Here is problem mostly no one need rtl and ltr related css at the same time in browser, 
-we are try to split them  by [dir] and load which type of css is needed.
-For this purpose  we created RTL Split Plugin 
-
-
-# To Try it  out  rtl-ltr split
-### how to use this feature?
-
-  to use this feature use have give the below oprtions
-  `package.json`
-  ```json
-  {
-    /// ...some things
-    "react-cli": {
-      //  ...some things
-      "css": {
-        "enableRTLSplit": true,
-        "templateLabel": "{{--dir}}",// this is for html template css file path dir template
-        "disableMiniFiySelector": false,
-        "dirVarName": "document.dir" // this will be used for download css based on dir  
-      },
-      //  ...some things
-    }
-  }
-  ```
-
+# RTL Split 
+
+we are doing in build time generating  rtl related css code  by using @zohodesk/postcss-rt npm.
+It was automated, That postcss plugin create rtl reacted css and put them into same file, with css selector [dir=rtl] and ltr realted css with [dir=ltr].
+Here is problem mostly no one need rtl and ltr related css at the same time in browser, 
+we are try to split them  by [dir] and load which type of css is needed.
+For this purpose  we created RTL Split Plugin 
+
+
+# To Try it  out  rtl-ltr split
+### how to use this feature?
+
+  to use this feature use have give the below oprtions
+  `package.json`
+  ```json
+  {
+    /// ...some things
+    "react-cli": {
+      //  ...some things
+      "css": {
+        "enableRTLSplit": true,
+        "templateLabel": "{{--dir}}",// this is for html template css file path dir template
+        "disableMiniFiySelector": false,
+        "dirVarName": "document.dir" // this will be used for download css based on dir  
+      },
+      //  ...some things
+    }
+  }
+  ```
+

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,35 +27,36 @@ 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) => {
         if (err) {
           throw new Error(err);
         } else {
-          /* const extractedChunks = compilation.chunks.filter(chunk => {
-            if ('canBeInitial' in chunk) {
-              return chunk.canBeInitial();
-            }
-            return chunk.isInitial();
+          /* const extractedChunks = compilation.chunks.filter(chunk => {
+            if ('canBeInitial' in chunk) {
+              return chunk.canBeInitial();
+            }
+            return chunk.isInitial();
           }); */
-
           // let [js, css, , , i18nPublicPath] = this.publicPaths;
           // let initialChunkUrls = [];
           let allChunkUrls = [];
@@ -55,37 +64,44 @@ class ServiceWorkerPlugin {
           let entrypoint = compilation.entrypoints.get('main');
           let initialChunkUrls = entrypoint.getFiles();
           const cssDirTemplate = '@dir@';
-          /**
-           * NOTE:
-           *  if chunkSplitEnable is false means,
-           *    serviceWorker will get i18n files path for html
+          /**
+           * NOTE:
+           *  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;