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

package/lib/plugins/CssOrderControlPlugin.js

@@ -4,16 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 class CssOrderControlPlugin {
   constructor(options) {
     this.options = {
       className: options.className
     };
   }
+
   apply(compiler) {
     // NOTE: we not using this, Reason currently this option is only need for EFC,
     // So it do not needed.
-
     const className = this.options.className;
     compiler.hooks.thisCompilation.tap({
       name: 'CssOrderControlPlugin',
@@ -22,12 +23,14 @@ class CssOrderControlPlugin {
         compilation.mainTemplate.hooks.requireEnsure.tap('CssOrderControlPlugin', source => {
           // const str = attributeSetTemplate(cssAttributes, 'linkTag');
           const replacedStr = source.replace('head.appendChild(linkTag);', `var referenceTag = document.getElementById('${className}');
-                   head.insertBefore(linkTag, referenceTag);`);
-          //   console.log({ s: source, r: replacedStr });
+                   head.insertBefore(linkTag, referenceTag);`); //   console.log({ s: source, r: replacedStr });
+
           return replacedStr;
         });
       }
     });
   }
+
 }
+
 exports.default = CssOrderControlPlugin;

package/lib/plugins/CustomAttributePlugin.js

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomAttributePlugin = void 0;
+
 var _Template = _interopRequireDefault(require("webpack/lib/Template"));
+
 var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable no-use-before-define */
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable no-use-before-define */
 class CustomAttributePlugin {
   constructor(options) {
     this.options = {
@@ -19,35 +22,34 @@ class CustomAttributePlugin {
       i18nAttributes: options.i18nAttributes || options.attributes || {}
     };
   }
+
   addCustomAttributeToDynamicScriptTags(mainTemplate) {
     const {
       jsAttributes,
       cssAttributes,
       i18nAttributes
-    } = this.options;
+    } = this.options; // NOTE: To add custom Attributes to js Script tags
 
-    // NOTE: To add custom Attributes to js Script tags
     mainTemplate.hooks.jsonpScript.tap('CustomAttributePlugin', source => {
       const str = attributeSetTemplate(jsAttributes, 'script');
       return _Template.default.asString([source, ...str]);
-    });
+    }); // NOTE: To add custom Attributes to css link tags
 
-    // NOTE: To add custom Attributes to css link tags
     mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
       const str = attributeSetTemplate(cssAttributes, 'linkTag');
-      const replacedStr = source.replace('head.appendChild(linkTag);', `${str.join('')}head.appendChild(linkTag);`);
-      //   console.log({ s: source, r: replacedStr });
+      const replacedStr = source.replace('head.appendChild(linkTag);', `${str.join('')}head.appendChild(linkTag);`); //   console.log({ s: source, r: replacedStr });
+
       return replacedStr;
-    });
+    }); // NOTE: To add custom Attributes to i18n split js Script tags
 
-    // NOTE: To add custom Attributes to i18n split js Script tags
     mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
       const str = attributeSetTemplate(i18nAttributes, 'scriptTag');
-      const replacedStr = source.replace('document.body.appendChild(scriptTag);', `${str.join('')}document.body.appendChild(scriptTag);`);
-      //   console.log({ s: source, r: replacedStr });
+      const replacedStr = source.replace('document.body.appendChild(scriptTag);', `${str.join('')}document.body.appendChild(scriptTag);`); //   console.log({ s: source, r: replacedStr });
+
       return replacedStr;
     });
   }
+
   apply(compiler) {
     // NOTE: we not using this, Reason currently this option is only need for EFC,
     // So it do not needed.
@@ -64,14 +66,17 @@ class CustomAttributePlugin {
       }
     });
   }
+
 }
+
 exports.CustomAttributePlugin = CustomAttributePlugin;
+
 function attributeSetTemplate(jsAttributes, variableName) {
   let str = [];
   Object.keys(jsAttributes).forEach(key => {
     const val = jsAttributes[key];
     str.push(`${variableName}.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(val)});`);
-  });
-  //   console.log({ str });
+  }); //   console.log({ str });
+
   return str;
 }

package/lib/plugins/CustomScriptLoadingStrategyPlugin.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const pluginName = 'CustomScriptLoadingStrategyPlugin';
+
 class CustomScriptLoadingStrategyPlugin {
   constructor({
     scriptLoadingStategey
@@ -14,57 +18,69 @@ class CustomScriptLoadingStrategyPlugin {
     this.scriptLoadingStrategy = scriptLoadingStategey;
     this.tagNamesToMatch = ['script'];
   }
+
   getFileNameFromTagSrc(src) {
     const fileNameArr = src.split('/');
     return fileNameArr[fileNameArr.length - 1];
   }
+
   addAttributestToTag(tag, attributes) {
     tag.attributes = Object.assign({}, tag.attributes, attributes);
   }
+
   matchFileName(tag, fileName) {
     return fileName.test(this.getFileNameFromTagSrc(tag.attributes.src));
   }
+
   blockingStrategy(tag) {
     delete tag.attributes.defer;
     delete tag.attributes.async;
   }
+
   deferStrategy(tag) {
     delete tag.attributes.async;
   }
+
   asyncStrategy(tag) {
     delete tag.attributes.defer;
   }
+
   moduleStrategy(tag) {
     this.deferStrategy(tag);
   }
+
   matchStrategy(scriptLoadingStrategy, tag) {
     if (scriptLoadingStrategy === 'blocking') {
       this.blockingStrategy(tag);
     }
+
     if (scriptLoadingStrategy === 'defer') {
       this.deferStrategy(tag);
     }
+
     if (scriptLoadingStrategy === 'async') {
       this.asyncStrategy(tag);
     }
+
     if (scriptLoadingStrategy === 'module') {
       this.moduleStrategy(tag);
     }
   }
+
   matchAndApplyCustomLoadingStrategyToScripts(tags) {
     Object.keys(this.scriptLoadingStrategy).forEach(scriptLoadingStrategy => {
       const filesToMatch = this.scriptLoadingStrategy[scriptLoadingStrategy];
       tags.forEach(tag => {
         if (this.tagNamesToMatch.includes(tag.tagName) && tag.attributes.src) {
           const isFileMatch = filesToMatch.some(fileName => this.matchFileName(tag, fileName));
+
           if (isFileMatch) {
             this.matchStrategy(scriptLoadingStrategy, tag);
             this.addAttributestToTag(tag, {
               [scriptLoadingStrategy]: true
             });
           }
-        }
-        // filesToMatch.forEach(fileName => {
+        } // filesToMatch.forEach(fileName => {
         //   if (!this.matchFileName(tag, fileName)) {
         //     return;
         //   }
@@ -73,9 +89,11 @@ class CustomScriptLoadingStrategyPlugin {
         //     [scriptLoadingStrategy]: true
         //   });
         // });
+
       });
     });
   }
+
   apply(compiler) {
     compiler.hooks.compilation.tap(pluginName, compilation => {
       _htmlWebpackPlugin.default.getHooks(compilation).alterAssetTagGroups.tapAsync(pluginName, (data, callback) => {
@@ -85,5 +103,7 @@ class CustomScriptLoadingStrategyPlugin {
       });
     });
   }
+
 }
+
 exports.default = CustomScriptLoadingStrategyPlugin;

package/lib/plugins/EFCPlugin.js

@@ -4,17 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _webpackSources = require("webpack-sources");
+
 var _utils = require("../utils");
+
 var _path = _interopRequireDefault(require("path"));
+
 var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
+
 var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nKeysIdentifer"));
+
 var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
+
 var _EFCTemplatePlugin = _interopRequireDefault(require("./EFCTemplatePlugin"));
+
 var _logger = require("../logger");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
 const cliOptions = (0, _utils.getOptions)();
 const {
   app: {
@@ -32,18 +41,17 @@ const {
   createSDkFile,
   cdnStatement
 } = efcOptios;
+
 class EFCPlugin {
   constructor(options = {}) {
     this.isDevelopment = options.isDevelopment;
     this.templateFilePath = options.templateFilePath;
     this.serverUrl = options.serverUrl;
-    this.i18nFileNameTemplate = options.i18nFileNameTemplate;
-
-    // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+    this.i18nFileNameTemplate = options.i18nFileNameTemplate; // NOTE: this logic may be needed for i18n splited file name with contenthash cases
     // this.i18nManifestFileName = options.i18nManifestFileName;
-
     // IMPORTANT: here we mergeing optionds  from  pacakge.json  and options via constructor
     // So when debugging consider this as well
+
     this.options = Object.assign({}, efcOptios, options);
     this.options.entryPointName = options.entryPointName || 'efc';
     this.options.outputFile = efcOptios.outputFile.replace('[version]', efcOptios.version);
@@ -52,8 +60,7 @@ class EFCPlugin {
     const cssDirAttr = this.options.cssDirAttr || 'data-efc-dir';
     const localeDefaultValue = this.options.localeDefaultValue || 'en_US';
     const cssDirDefaultValue = this.options.cssDirDefaultValue || 'ltr';
-    this.options.localeStatement = options.localeStatement ||
-    // Statment 1:   return langEle && langEle.getAttribute('${localeAttr}') || 'en_US';
+    this.options.localeStatement = options.localeStatement || // Statment 1:   return langEle && langEle.getAttribute('${localeAttr}') || 'en_US';
     // Statment 2:   return langEle ? langEle.getAttribute('${localeAttr}') : 'en_US';
     // We are using statement1 not statment2,
     // Because even that attribute doesn't have value, We need default value
@@ -65,9 +72,7 @@ class EFCPlugin {
         let dirEle = document.querySelector('[${cssDirAttr}]');
         return dirEle && dirEle.getAttribute('${cssDirAttr}') || '${cssDirDefaultValue}';
       })();`;
-  }
-
-  // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+  } // NOTE: this logic may be needed for i18n splited file name with contenthash cases
   // getI18nManifest(compilation) {
   //   const i18nManifestFile =
   //     compilation.assets[this.options.i18nManifestFileName];
@@ -78,11 +83,12 @@ class EFCPlugin {
   //   return {};
   // }
 
+
   getI18nAssetsStr(entryPoint, compilation) {
     if (!chunkSplitEnable) {
       let i18nAsstes = {};
-      const i18nFiles = Object.keys(compilation.assets).filter(assert => assert.indexOf(`i18n${_path.default.sep}`) !== -1);
-      //hook for i18n url contains i18n/ may cause problem
+      const i18nFiles = Object.keys(compilation.assets).filter(assert => assert.indexOf(`i18n${_path.default.sep}`) !== -1); //hook for i18n url contains i18n/ may cause problem
+
       i18nAsstes = i18nFiles.reduce((res, i18nFilePath) => {
         const fileName = i18nFilePath.replace(`i18n${_path.default.sep}`, '');
         const splittedFileName = fileName.split('.');
@@ -91,9 +97,11 @@ class EFCPlugin {
       }, {});
       return `[${JSON.stringify(i18nAsstes)}[lang]]`;
     }
+
     const initalI18nAssets = entryPoint.chunks.filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
     return `${JSON.stringify(initalI18nAssets)}.map(urlpath => urlpath.replace(/@locale@/g, lang))`;
   }
+
   createFileContent(compilation) {
     const {
       entryPointName,
@@ -105,19 +113,18 @@ class EFCPlugin {
     const {
       serverUrl
     } = this;
-    const cssDirTemplate = '@dir@';
-    // const i18nManifest = this.getI18nManifest(compilation);
-    const entryPoint = compilation.entrypoints.get(entryPointName);
-    // const chunk = compilation.namedChunks.get(entryPointName);
+    const cssDirTemplate = '@dir@'; // const i18nManifest = this.getI18nManifest(compilation);
+
+    const entryPoint = compilation.entrypoints.get(entryPointName); // const chunk = compilation.namedChunks.get(entryPointName);
+
     const [jsPath, cssPath,,, i18nJsPath] = !this.isDevelopment ? publicPaths : [];
     const initialFiles = entryPoint.getFiles();
-    const filteredInitialFiles = initialFiles.filter(file => /\.(css|js)$/.test(file));
-
-    // const i18nAssets = getShortI18nAssets(
+    const filteredInitialFiles = initialFiles.filter(file => /\.(css|js)$/.test(file)); // const i18nAssets = getShortI18nAssets(
     //   entryPoint.chunks,
     //   i18nManifest,
     //   i18nJsPath
     // );
+
     const initalI18nAssets = this.getI18nAssetsStr(entryPoint, compilation, i18nJsPath);
     return `(() => {
   const lang = ${localeStatement};
@@ -196,10 +203,12 @@ class EFCPlugin {
   })();
 `;
   }
+
   apply(compiler) {
     if (!createSDkFile) {
       return;
     }
+
     if (this.templateFilePath) {
       new _EFCTemplatePlugin.default({
         templateFilePath: this.templateFilePath,
@@ -209,19 +218,24 @@ class EFCPlugin {
       }).apply(compiler);
       return;
     }
+
     compiler.hooks.emit.tap('EFCPlugin', compilation => {
       const {
         entryPointName,
         outputFile
       } = this.options;
       const entryPoint = compilation.entrypoints.get(entryPointName);
+
       if (!entryPoint) {
         return;
       }
+
       const source = new _webpackSources.RawSource(this.createFileContent(compilation));
       compilation.assets[outputFile] = source;
       (0, _logger.messageLogger)('The EFC embedded code was created successfully..!!!');
     });
   }
+
 }
+
 exports.default = EFCPlugin;

package/lib/plugins/EFCTemplatePlugin.js

@@ -4,17 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _webpackSources = require("webpack-sources");
+
 var _utils = require("../utils");
+
 var _path = _interopRequireDefault(require("path"));
+
 var _fs = require("fs");
+
 var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
+
 var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nKeysIdentifer"));
+
 var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
+
 var _logger = require("../logger");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
 const cliOptions = (0, _utils.getOptions)();
 const {
   i18n: {
@@ -27,9 +36,7 @@ const {
 } = cliOptions;
 const {
   createSDkFile
-} = efcOptios;
-
-// for smap relate changes
+} = efcOptios; // for smap relate changes
 // CdnChangePlugin
 // SourceMapHookPlugin
 
@@ -37,20 +44,15 @@ class EFCTemplatePlugin {
   constructor(options = {}) {
     this.templateFilePath = _path.default.join(process.cwd(), options.templateFilePath);
     this.i18nFileNameTemplate = options.i18nFileNameTemplate;
-    this.publicPath = options.publicPath;
-
-    // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+    this.publicPath = options.publicPath; // NOTE: this logic may be needed for i18n splited file name with contenthash cases
     // this.i18nManifestFileName = options.i18nManifestFileName;
-
     // IMPORTANT: here we mergeing optionds  from  pacakge.json  and options via constructor
     // So when debugging consider this as well
     // this.options = Object.assign({}, efcOptios, options);
 
     this.entryPointName = options.entryPointName || 'efc';
     this.outputFile = efcOptios.outputFile.replace('[version]', efcOptios.version);
-  }
-
-  // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+  } // NOTE: this logic may be needed for i18n splited file name with contenthash cases
   // getI18nManifest(compilation) {
   //   const i18nManifestFile =
   //     compilation.assets[this.options.i18nManifestFileName];
@@ -61,12 +63,13 @@ class EFCTemplatePlugin {
   //   return {};
   // }
 
+
   getI18nAssetsStr(entryPoint, compilation) {
     // NOTE: we have used lang variable inside
     if (!chunkSplitEnable) {
       let i18nAsstes = {};
-      const i18nFiles = Object.keys(compilation.assets).filter(assert => assert.indexOf(`i18n${_path.default.sep}`) !== -1);
-      //hook for i18n url contains i18n/ may cause problem
+      const i18nFiles = Object.keys(compilation.assets).filter(assert => assert.indexOf(`i18n${_path.default.sep}`) !== -1); //hook for i18n url contains i18n/ may cause problem
+
       i18nAsstes = i18nFiles.reduce((res, i18nFilePath) => {
         const fileName = i18nFilePath.replace(`i18n${_path.default.sep}`, '');
         const splittedFileName = fileName.split('.');
@@ -75,27 +78,28 @@ class EFCTemplatePlugin {
       }, {});
       return `[${JSON.stringify(i18nAsstes)}[lang]]`;
     }
+
     const initalI18nAssets = entryPoint.chunks.filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
     return `${JSON.stringify(initalI18nAssets)}.map(urlpath => urlpath.replace(/@locale@/g, lang))`;
   }
+
   templateReplacer(entryPoint, compilation) {
-    const cssDirTemplate = '@dir@';
-    // const i18nManifest = this.getI18nManifest(compilation);
+    const cssDirTemplate = '@dir@'; // const i18nManifest = this.getI18nManifest(compilation);
 
     const initialFiles = entryPoint.getFiles();
     const filteredInitialFiles = initialFiles.filter(file => /\.(css|js)$/.test(file));
     const initialJsFiles = filteredInitialFiles.filter(file => /\.js$/.test(file));
     let initialCssFiles = filteredInitialFiles.filter(file => /\.css$/.test(file));
+
     if (enableRTLSplit) {
       initialCssFiles = initialCssFiles.map(filePath => (0, _replaceCssDirTemplate.replaceCssDirTemplate)(filePath, cssDirTemplate));
-    }
-
-    // const i18nAssets = getShortI18nAssets(
+    } // const i18nAssets = getShortI18nAssets(
     //   entryPoint.chunks,
     //   i18nManifest,
     //   '' // i18nJsPath
     // );
 
+
     const initalI18nAssets = this.getI18nAssetsStr(entryPoint, compilation, '' // i18nJsPath
     );
     const templateStr = (0, _fs.readFileSync)(this.templateFilePath).toString();
@@ -112,27 +116,34 @@ class EFCTemplatePlugin {
           return  [];
         }`).replace('((\'@dir@\'))', '\'@dir@\'').replace('((\'publicPath\'))', this.publicPath).replace('((\'@locale@\'))', '\'@locale@\'');
   }
+
   apply(compiler) {
     if (!createSDkFile) {
       return;
     }
+
     compiler.hooks.emit.tap('EFCTemplatePlugin', compilation => {
       const {
         entryPointName,
         outputFile
       } = this;
       const entryPoint = compilation.entrypoints.get(entryPointName);
+
       if (!entryPoint) {
         return;
       }
+
       if (!(0, _fs.existsSync)(this.templateFilePath)) {
         console.error(`EFC Template file not exists ${this.templateFilePath}`);
         return;
       }
+
       const source = new _webpackSources.RawSource(this.templateReplacer(entryPoint, compilation));
       compilation.assets[outputFile] = source;
       (0, _logger.messageLogger)('The EFC embedded code was created successfully..!!!');
     });
   }
+
 }
+
 exports.default = EFCTemplatePlugin;

package/lib/plugins/EfcResourceCleanupPlugin.js

@@ -3,11 +3,13 @@
 const {
   Template
 } = require('webpack');
+
 const plugInName = 'EFCResourceCleanup';
 module.exports = class EfcResouceCleanupPlugin {
   constructor(options) {
     this.options = options;
   }
+
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(plugInName, ({
       mainTemplate
@@ -37,4 +39,5 @@ module.exports = class EfcResouceCleanupPlugin {
       });
     });
   }
+
 };

package/lib/plugins/EventsHandlingPlugin.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EventsHandlingPlugin = void 0;
-/* eslint-disable no-use-before-define */
 
+/* eslint-disable no-use-before-define */
 class EventsHandlingPlugin {
   constructor(options) {}
+
   apply(compiler) {
     // NOTE: we not using this, Reason currently this option is only need for EFC,
     // So it do not needed.
-
     compiler.hooks.thisCompilation.tap({
       name: 'CustomAttributePlugin',
       stage: 1,
@@ -28,5 +28,7 @@ class EventsHandlingPlugin {
       }
     });
   }
+
 }
+
 exports.EventsHandlingPlugin = EventsHandlingPlugin;