@zohodesk/react-cli 1.1.28 → 1.1.29-exp.2

package/lib/plugins/ResourceHintsPlugin.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const {
   Template
 } = require('webpack');
-
 const pluginName = 'prefetch-preload-chunk-plugin';
-
 class ResourceHintsPlugin {
   constructor(options) {
     this.options = options;
   }
-
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(pluginName, ({
       mainTemplate
@@ -27,18 +23,15 @@ class ResourceHintsPlugin {
         const idNameMap = chunk.getChunkMaps().name;
         const nameIdMap = {};
         let needsMap = allowPrefetchingMultipleChunks;
-
         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, Template.indent([`const nameToChunkIdMap = ${JSON.stringify(needsMap ? nameIdMap : {})};`, 'const chunkNames = Object.keys(nameToChunkIdMap);']), `${mainTemplate.requireFn}.getChunkIds = function getChunkIds(chunkId) {`, Template.indent([allowPrefetchingMultipleChunks ? `const isRegExAsChunkId = chunkId instanceof RegExp; 
                 return isRegExAsChunkId ? chunkNames.filter(chunkName => chunkId.test(chunkName)).map(chunkName => nameToChunkIdMap[chunkName]) : [nameToChunkIdMap[chunkId] || chunkId];` : needsMap ? 'return [nameToChunkIdMap[chunkId] || chunkId];' : 'return [chunkId];']), '}', `// Prefetch a chunk (${pluginName})`, `${mainTemplate.requireFn}.pfc = function prefetchChunk(chunkId) {`, Template.indent([`let chunkIds = ${mainTemplate.requireFn}.getChunkIds(chunkId)`, `chunkIds.forEach(idOfAChunk => {
                 ${mainTemplate.requireFn}.e(idOfAChunk);
@@ -54,7 +47,6 @@ class ResourceHintsPlugin {
               'installedChunks[chunkId] = null;',
               /* mainTemplate.hooks.linkPrefetch.call('', chunk, hash),
               'document.head.appendChild(link);', */
-
         /*
               mainTemplate.hooks.requireEnsure.call('', chunk, hash)
             ]),
@@ -63,15 +55,14 @@ class ResourceHintsPlugin {
         ),
         '}',
         */
-        `// Preload a chunk (${pluginName})`, `${mainTemplate.requireFn}.plc = function preloadChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkIds(chunkId)[0]`, '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}.getChunkIds(chunkId)[0]`, '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;
+var _default = exports.default = ResourceHintsPlugin;

package/lib/plugins/RtlSplitPlugin/OverwriteCssPathForRTL.js

@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-
 var _replaceCssDirTemplate = require("./replaceCssDirTemplate");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const pluginName = 'OverwriteCssPathForRTL';
+// const pluginName = 'rtl-css-transform-webpack-plugin';
 
-// 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
 
+// this  plugin code copy from https://github.com/nicolashemonic/rtl-css-transform-webpack-plugin
 class OverwriteCssPathForRTL {
   constructor(options = {
     dirVarName: 'document.dir'
@@ -23,7 +22,6 @@ 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 {
@@ -36,26 +34,27 @@ 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 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 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
@@ -63,18 +62,14 @@ 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,24 +4,20 @@ 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 }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // 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
+// 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
 class RtlCssPlugin {
   constructor(options = {}) {
     /**
@@ -43,17 +39,16 @@ 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 => {
@@ -63,10 +58,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);
@@ -76,7 +71,5 @@ class RtlCssPlugin {
       });
     });
   }
-
 }
-
 exports.RtlCssPlugin = RtlCssPlugin;

package/lib/plugins/RtlSplitPlugin/replaceCssDirTemplate.js

@@ -6,21 +6,18 @@ 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,15 +4,10 @@ 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 }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let coverageScript = _fs.default.readFileSync(_path.default.resolve(__dirname, '..', 'templates', 'CoverageScriptTemplate.js')).toString();
-
 class ScriptInstrumentPlugin {
   apply(compiler) {
     compiler.hooks.emit.tapAsync('ScriptInstrumentPlugin', (compilation, callback) => {
@@ -30,7 +25,5 @@ class ScriptInstrumentPlugin {
       callback();
     });
   }
-
 }
-
 exports.default = ScriptInstrumentPlugin;

package/lib/plugins/SelectorPlugin.js

@@ -4,62 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _postcss = _interopRequireDefault(require("postcss"));
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _classHandling = require("./utils/classHandling");
-
 var _fileHandling = require("./utils/fileHandling");
-
 var _windowsModification = require("../loaderUtils/windowsModification");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function selectorWeightPrefixAdder(rootOriginal, selector, excludeStrings) {
   rootOriginal.walkRules((rule, index) => {
     const prevNode = rootOriginal.nodes[index - 1] || null;
-
     if ((0, _classHandling.hasPrevNodeIgnore)(index, prevNode, 'updateselector:ignore')) {
       return;
-    } // console.log(rule.selector.split(','));
-
-
+    }
+    // console.log(rule.selector.split(','));
     const selectorArr = rule.selector.split(',');
     selectorArr.forEach((singleSelectorStr, index) => {
       if (excludeStrings.includes(singleSelectorStr.trim())) {
         return;
-      } // NOTE: below logic for attrbute related
-
-
+      }
+      // NOTE: below logic for attrbute related
       if (singleSelectorStr.includes(']')) {
         // console.log(singleSelectorStr);
         const prefixPart = singleSelectorStr.slice(0, singleSelectorStr.lastIndexOf(']') + 1).trim();
         const selectorPart = singleSelectorStr.slice(singleSelectorStr.lastIndexOf(']') + 1).trim();
-
         if (excludeStrings.includes(selectorPart.trim())) {
           return;
         }
-
         if (/^:/gi.test(selectorPart)) {
           return;
         }
-
         if (selectorPart !== '') {
           selectorArr[index] = `${prefixPart} ${selector}${selectorPart}`;
         }
-
         return;
       }
-
       selectorArr[index] = `${selector}${singleSelectorStr}`;
     });
     rule.selector = selectorArr.join(',\n');
   });
   return rootOriginal;
 }
-
 class SelectorPlugin {
   constructor(options = {}) {
     this.optimize = options.optimize;
@@ -67,16 +51,13 @@ class SelectorPlugin {
     this.exclude = options.exclude;
     this.patterns = options.patterns;
   }
-
   apply(compiler) {
     const {
       defaultSelector,
       customFileDetails,
       excludeStrings
     } = this.selectorWeightConfig;
-
     const rawdata = _fs.default.readFileSync(customFileDetails);
-
     const data = JSON.parse(rawdata);
     this.exclude = (0, _windowsModification.windowsModification)(this.exclude);
     compiler.hooks.compilation.tap('selector-weight-rewrite', compilation => {
@@ -84,7 +65,6 @@ class SelectorPlugin {
         const mods = modules.filter(x => x.type.includes('css'));
         mods.forEach(module => {
           const rootOriginal = _postcss.default.parse(module.content);
-
           const filename = module.issuer.resource;
           /*
               input : 
@@ -101,7 +81,6 @@ class SelectorPlugin {
               output : 
               true or false
             */
-
           if (!(0, _fileHandling.isFileNameMatchingPluginPattern)({
             filename,
             filterArr: this.patterns.selectorWeight
@@ -123,15 +102,10 @@ class SelectorPlugin {
            case filename is different ?
           defaultSelector = '.zoho_desk_ui'
            */
-
-
           module.content = selectorWeightPrefixAdder(rootOriginal, data[filename] ? data[filename].defaultSelector : defaultSelector, excludeStrings).toString();
         });
       });
     });
   }
-
 }
-
-var _default = SelectorPlugin;
-exports.default = _default;
+var _default = exports.default = SelectorPlugin;

package/lib/plugins/ServiceWorkerPlugin.js

@@ -4,21 +4,13 @@ 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 }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   css: {
     enableRTLSplit
@@ -27,24 +19,21 @@ 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) => {
@@ -57,6 +46,7 @@ class ServiceWorkerPlugin {
             }
             return chunk.isInitial();
           }); */
+
           // let [js, css, , , i18nPublicPath] = this.publicPaths;
           // let initialChunkUrls = [];
           let allChunkUrls = [];
@@ -69,39 +59,32 @@ 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 */
 
+          /** 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;