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

package/lib/plugins/ShadowDOMSupportPlugin.js

@@ -4,20 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ShadowDOMSupportPlugin;
+
 var _Template = _interopRequireDefault(require("webpack/lib/Template"));
+
 var _JsonpMainTemplatePlugin = _interopRequireDefault(require("webpack/lib/web/JsonpMainTemplatePlugin"));
+
 var _tapable = require("tapable");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-unused-vars */
 
+/* eslint-disable no-unused-vars */
 //eslint-disable-next-line
 function ShadowDOMSupportPlugin() {}
+
 ShadowDOMSupportPlugin.prototype.apply = function () {
   this.patchJsonpMainTemplatePlugin();
 };
+
 ShadowDOMSupportPlugin.prototype.patchJsonpMainTemplatePlugin = function () {
   _JsonpMainTemplatePlugin.default.prototype.apply = this._apply;
 };
+
 ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
   const needChunkOnDemandLoadingCode = chunk => {
     for (const chunkGroup of chunk.groupsIterable) {
@@ -25,38 +32,46 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
         return true;
       }
     }
+
     return false;
   };
+
   const needChunkLoadingCode = chunk => {
     for (const chunkGroup of chunk.groupsIterable) {
       if (chunkGroup.chunks.length > 1) {
         return true;
       }
+
       if (chunkGroup.getNumberOfChildren() > 0) {
         return true;
       }
     }
+
     return false;
   };
+
   const needEntryDeferringCode = chunk => {
     for (const chunkGroup of chunk.groupsIterable) {
       if (chunkGroup.chunks.length > 1) {
         return true;
       }
     }
+
     return false;
   };
+
   const needPrefetchingCode = chunk => {
     const allPrefetchChunks = chunk.getChildIdsByOrdersMap(true).prefetch;
     return allPrefetchChunks && Object.keys(allPrefetchChunks).length;
-  };
+  }; // TODO webpack 5, no adding to .hooks, use WeakMap and static methods
+
 
-  // TODO webpack 5, no adding to .hooks, use WeakMap and static methods
   ['jsonpScript', 'linkPreload', 'linkPrefetch'].forEach(hook => {
     if (!mainTemplate.hooks[hook]) {
       mainTemplate.hooks[hook] = new _tapable.SyncWaterfallHook(['source', 'chunk', 'hash']);
     }
   });
+
   const getScriptSrcPath = (hash, chunk, chunkIdExpression) => {
     const {
       chunkFilename
@@ -68,15 +83,19 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
       chunk: {
         id: `" + ${chunkIdExpression} + "`,
         hash: `" + ${JSON.stringify(chunkMaps.hash)}[${chunkIdExpression}] + "`,
+
         hashWithLength(length) {
           const shortChunkHashMap = Object.create(null);
+
           for (const chunkId of Object.keys(chunkMaps.hash)) {
             if (typeof chunkMaps.hash[chunkId] === 'string') {
               shortChunkHashMap[chunkId] = chunkMaps.hash[chunkId].substr(0, length);
             }
           }
+
           return `" + ${JSON.stringify(shortChunkHashMap)}[${chunkIdExpression}] + "`;
         },
+
         name: `" + (${JSON.stringify(chunkMaps.name)}[${chunkIdExpression}]||${chunkIdExpression}) + "`,
         contentHash: {
           javascript: `" + ${JSON.stringify(chunkMaps.contentHash.javascript)}[${chunkIdExpression}] + "`
@@ -85,11 +104,13 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
           javascript: length => {
             const shortContentHashMap = {};
             const contentHash = chunkMaps.contentHash.javascript;
+
             for (const chunkId of Object.keys(contentHash)) {
               if (typeof contentHash[chunkId] === 'string') {
                 shortContentHashMap[chunkId] = contentHash[chunkId].substr(0, length);
               }
             }
+
             return `" + ${JSON.stringify(shortContentHashMap)}[${chunkIdExpression}] + "`;
           }
         }
@@ -97,17 +118,22 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
       contentHashType: 'javascript'
     });
   };
+
   mainTemplate.hooks.localVars.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
     const extraCode = [];
+
     if (needChunkLoadingCode(chunk)) {
       extraCode.push('', '// object to store loaded and loading chunks', '// undefined = chunk not loaded, null = chunk preloaded/prefetched', '// Promise = chunk loading, 0 = chunk loaded', 'var installedChunks = {', _Template.default.indent(chunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(',\n')), '};', '', needEntryDeferringCode(chunk) ? 'var deferredModules = [];' : '');
     }
+
     if (needChunkOnDemandLoadingCode(chunk)) {
       extraCode.push('', '// script path function', 'function jsonpScriptSrc(chunkId) {', _Template.default.indent([`return ${mainTemplate.requireFn}.p + ${getScriptSrcPath(hash, chunk, 'chunkId')}`]), '}');
     }
+
     if (extraCode.length === 0) {
       return source;
     }
+
     return _Template.default.asString([source, ...extraCode]);
   });
   mainTemplate.hooks.jsonpScript.tap('JsonpMainTemplatePlugin', (_, chunk, hash) => {
@@ -143,15 +169,18 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
     stage: 10
   }, (source, chunk, hash) => {
     const chunkMap = chunk.getChildIdsByOrdersMap().preload;
+
     if (!chunkMap || Object.keys(chunkMap).length === 0) {
       return source;
     }
+
     return _Template.default.asString([source, '', '// chunk preloadng for javascript', '', `var chunkPreloadMap = ${JSON.stringify(chunkMap, null, '\t')};`, '', 'var chunkPreloadData = chunkPreloadMap[chunkId];', 'if(chunkPreloadData) {', _Template.default.indent(['chunkPreloadData.forEach(function(chunkId) {', _Template.default.indent(['if(installedChunks[chunkId] === undefined) {', _Template.default.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'window.ZDShadowRoot.getElementById("head").appendChild(link);']), '}']), '});']), '}']);
   });
   mainTemplate.hooks.requireExtensions.tap('JsonpMainTemplatePlugin', (source, chunk) => {
     if (!needChunkOnDemandLoadingCode(chunk)) {
       return source;
     }
+
     return _Template.default.asString([source, '', '// on error function for async loading', `${mainTemplate.requireFn}.oe = function(err) { console.error(err); throw err; };`]);
   });
   mainTemplate.hooks.bootstrap.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
@@ -160,6 +189,7 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
       const withPrefetch = needPrefetchingCode(chunk);
       return _Template.default.asString([source, '', '// install a JSONP callback for chunk loading', 'function webpackJsonpCallback(data) {', _Template.default.indent(['var chunkIds = data[0];', 'var moreModules = data[1];', withDefer ? 'var executeModules = data[2];' : '', withPrefetch ? 'var prefetchChunks = data[3] || [];' : '', '// add "moreModules" to the modules object,', '// then flag all "chunkIds" as loaded and fire callback', 'var moduleId, chunkId, i = 0, resolves = [];', 'for(;i < chunkIds.length; i++) {', _Template.default.indent(['chunkId = chunkIds[i];', 'if(installedChunks[chunkId]) {', _Template.default.indent('resolves.push(installedChunks[chunkId][0]);'), '}', 'installedChunks[chunkId] = 0;']), '}', 'for(moduleId in moreModules) {', _Template.default.indent(['if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {', _Template.default.indent(mainTemplate.renderAddModule(hash, chunk, 'moduleId', 'moreModules[moduleId]')), '}']), '}', 'if(parentJsonpFunction) parentJsonpFunction(data);', withPrefetch ? _Template.default.asString(['// chunk prefetching for javascript', 'prefetchChunks.forEach(function(chunkId) {', _Template.default.indent(['if(installedChunks[chunkId] === undefined) {', _Template.default.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPrefetch.call('', chunk, hash), 'window.ZDShadowRoot.getElementById("head").appendChild(link);']), '}']), '});']) : '', 'while(resolves.length) {', _Template.default.indent('resolves.shift()();'), '}', withDefer ? _Template.default.asString(['', '// add entry modules from loaded chunk to deferred list', 'deferredModules.push.apply(deferredModules, executeModules || []);', '', '// run deferred modules when all chunks ready', 'return checkDeferredModules();']) : '']), '};', withDefer ? _Template.default.asString(['function checkDeferredModules() {', _Template.default.indent(['var result;', 'for(var i = 0; i < deferredModules.length; i++) {', _Template.default.indent(['var deferredModule = deferredModules[i];', 'var fulfilled = true;', 'for(var j = 1; j < deferredModule.length; j++) {', _Template.default.indent(['var depId = deferredModule[j];', 'if(installedChunks[depId] !== 0) fulfilled = false;']), '}', 'if(fulfilled) {', _Template.default.indent(['deferredModules.splice(i--, 1);', `result = ${mainTemplate.requireFn}(${mainTemplate.requireFn}.s = deferredModule[0]);`]), '}']), '}', 'return result;']), '}']) : '']);
     }
+
     return source;
   });
   mainTemplate.hooks.beforeStartup.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
@@ -172,13 +202,16 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
       } = mainTemplate.outputOptions;
       return _Template.default.asString([`var jsonpArray = ${globalObject}[${JSON.stringify(jsonpFunction)}] = ${globalObject}[${JSON.stringify(jsonpFunction)}] || [];`, 'var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);', 'jsonpArray.push = webpackJsonpCallback;', 'jsonpArray = jsonpArray.slice();', 'for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);', 'var parentJsonpFunction = oldJsonpFunction;', '', source]);
     }
+
     return source;
   });
   mainTemplate.hooks.beforeStartup.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
     const prefetchChunks = chunk.getChildIdsByOrders().prefetch;
+
     if (needChunkLoadingCode(chunk) && prefetchChunks && prefetchChunks.length) {
       return _Template.default.asString([source, `webpackJsonpCallback([[], {}, 0, ${JSON.stringify(prefetchChunks)}]);`]);
     }
+
     return source;
   });
   mainTemplate.hooks.startup.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
@@ -187,8 +220,10 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
         const entries = [chunk.entryModule].filter(Boolean).map(m => [m.id].concat(Array.from(chunk.groupsIterable)[0].chunks.filter(c => c !== chunk).map(c => c.id)));
         return _Template.default.asString(['// add entry module to deferred list', `deferredModules.push(${entries.map(e => JSON.stringify(e)).join(', ')});`, '// run deferred modules when ready', 'return checkDeferredModules();']);
       }
+
       return _Template.default.asString(['// run deferred modules from other chunks', 'checkDeferredModules();']);
     }
+
     return source;
   });
   mainTemplate.hooks.hotBootstrap.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
@@ -218,7 +253,9 @@ ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
       hash: `" + ${mainTemplate.renderCurrentHashCode(hash)} + "`,
       hashWithLength: length => `" + ${mainTemplate.renderCurrentHashCode(hash, length)} + "`
     });
+
     const runtimeSource = _Template.default.getFunctionContent(require('./JsonpMainTemplate.runtime')).replace(/\/\/\$semicolon/g, ';').replace(/\$require\$/g, mainTemplate.requireFn).replace(/\$crossOriginLoading\$/g, crossOriginLoading ? JSON.stringify(crossOriginLoading) : 'null').replace(/\$hotMainFilename\$/g, currentHotUpdateMainFilename).replace(/\$hotChunkFilename\$/g, currentHotUpdateChunkFilename).replace(/\$hash\$/g, JSON.stringify(hash));
+
     return `${source}
 function hotDisposeChunk(chunkId) {
 	delete installedChunks[chunkId];

package/lib/plugins/SourceMapHookPlugin.js

@@ -4,19 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _webpackSources = require("webpack-sources");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class SourceMapHookPlugin {
   apply(compiler) {
     compiler.hooks.emit.tap('SourceMapHookPlugin', compilation => {
       Object.keys(compilation.assets).forEach(filename => {
         if (/\.js$/g.test(filename) && !/(\.map.|tp\/)/g.test(filename)) {
           let source = compilation.assets[filename].source();
+
           let {
             name
           } = _path.default.parse(filename);
+
           let src = source;
+
           if (!/(i18n-chunk\/)/g.test(filename)) {
             src = `${source}\n//# sourceMappingURL=../../js/${name}.js.map`;
             compilation.assets[filename.replace(/js\//g, 'smap/js/')] = new _webpackSources.RawSource(src);
@@ -27,6 +34,8 @@ class SourceMapHookPlugin {
       });
     });
   }
+
 }
+
 var _default = SourceMapHookPlugin;
 exports.default = _default;

package/lib/plugins/TPHashMappingPlugin.js

@@ -4,43 +4,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _webpack = require("webpack");
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _crypto = _interopRequireDefault(require("crypto"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * Plugin that generates hash for the provided list of third party files
- * Map the provided key with the file hash and add it to the list of exisiting global constants.
- * Plugin in turn uses the defineplugin to generate global constants. 
- */
 
+/**
+ * Plugin that generates hash for the provided list of third party files
+ * Map the provided key with the file hash and add it to the list of exisiting global constants.
+ * Plugin in turn uses the defineplugin to generate global constants. 
+ */
 class TPHashMappingPlugin {
   constructor(options) {
     this.fileMappings = options.fileMappings;
     this.tpFolder = options.tpFolder;
     return new _webpack.DefinePlugin(this.getFiles());
   }
+
   getHash(content) {
     let hash = _crypto.default.createHash('md5');
+
     let data = hash.update(content, 'utf-8');
     let gen_hash = data.digest('hex');
     return gen_hash;
   }
+
   getFiles() {
     let hashMapping = {};
     this.fileMappings.forEach(fileInfo => {
       let filePath = `${_path.default.join(this.tpFolder, fileInfo.filePath, fileInfo.fileName)}`;
+
       if (_fs.default.existsSync(filePath)) {
         let fileContent = _fs.default.readFileSync(filePath, {
           encoding: 'utf-8'
         });
+
         let generatedHash = this.getHash(fileContent);
         let outputFileSplit = fileInfo.fileName.split('.');
         outputFileSplit.splice(outputFileSplit.length - 1, 0, generatedHash);
         let outputFileName = outputFileSplit.join('.');
         let outputFilePath = `${_path.default.join(this.tpFolder, fileInfo.filePath, outputFileName)}`;
+
         _fs.default.writeFileSync(outputFilePath, fileContent);
+
         hashMapping[fileInfo.key] = JSON.stringify(generatedHash);
       } else {
         throw new Error(`Third party file ${fileInfo.fileName} does not exist`);
@@ -48,6 +60,8 @@ class TPHashMappingPlugin {
     });
     return hashMapping;
   }
+
 }
+
 var _default = TPHashMappingPlugin;
 exports.default = _default;

package/lib/plugins/UglifyCSSPlugin.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _webpackSources = require("webpack-sources");
+
 var _uglifycss = _interopRequireDefault(require("uglifycss"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class UglifyCSSPlugin {
   apply(compiler) {
     compiler.hooks.emit.tap('UglifyCSSPlugin', compilation => {
@@ -14,10 +18,13 @@ class UglifyCSSPlugin {
         if (/\.css$/.test(filename)) {
           try {
             let asset = compilation.assets[filename].source();
+
             if (typeof asset !== 'string') {
               asset = asset.toString();
             }
+
             const result = _uglifycss.default.processString(asset);
+
             compilation.assets[filename] = new _webpackSources.RawSource(result);
           } catch (e) {
             compilation.errors.push(e);
@@ -26,5 +33,7 @@ class UglifyCSSPlugin {
       });
     });
   }
+
 }
+
 exports.default = UglifyCSSPlugin;

package/lib/plugins/UnusedFilesFindPlugin.js

@@ -4,22 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let excludeDocsJSON = '{}';
+
 if (_fs.default.existsSync('./__testUtils__/conf/excludeDocs.json')) {
   excludeDocsJSON = _fs.default.readFileSync('./__testUtils__/conf/excludeDocs.json').toString();
+
   if (excludeDocsJSON.indexOf('\\') !== -1) {
     excludeDocsJSON = excludeDocsJSON.replace(/\\/g, '\\\\');
   }
 }
-let excludeDocsArray = JSON.parse(excludeDocsJSON);
-// if (Object.keys(excludeDocsArray).length > 0) {
+
+let excludeDocsArray = JSON.parse(excludeDocsJSON); // if (Object.keys(excludeDocsArray).length > 0) {
 // }
 
 let getRegex = regexString => regexString.map(str => new RegExp(str));
+
 class UnusedFilesFindPlugin {
   constructor(options = {}) {
     this.usedFilesExcludes = getRegex(options.usedFilesExcludes);
@@ -29,28 +37,38 @@ class UnusedFilesFindPlugin {
     this.sstest = options.ssTest || false;
     this.outputFileName = options.outputFileName;
     this.docsFilename = options.docsFilename || 'Undocsfiles.json';
+
     if (!this.origin) {
       throw new Error('You must provide origin point of the app');
     }
   }
+
   isIgnoredUsedFile(file) {
     let result;
+
     for (let i = 0; i < this.usedFilesExcludes.length; i++) {
       let exclude = this.usedFilesExcludes[i];
       result = exclude.test(file);
+
       if (result) {
         break;
       }
     }
+
     return result;
   }
+
   unDocumentedFiles(outputPath) {
     let status = _fs.default.existsSync(_path.default.join(outputPath, this.outputFileName));
+
     let unDocsCompObj = {};
+
     if (status) {
       let data = _fs.default.readFileSync(_path.default.join(outputPath, this.outputFileName)).toString();
+
       let walkSync = (dir, filelist = [], undocList = []) => {
         let files = _fs.default.readdirSync(dir);
+
         files.forEach(file => {
           if (_fs.default.statSync(`${dir}/${file}`).isDirectory()) {
             filelist = walkSync(`${dir}/${file}`, filelist, undocList); //eslint-disable-line
@@ -73,6 +91,7 @@ class UnusedFilesFindPlugin {
         unDocsCompObj.withoutDocs = undocList;
         return filelist;
       };
+
       unDocsCompObj.noEnteredComp = walkSync(_path.default.join(process.cwd(), 'src', 'components'), [], []);
       (0, _utils.writeFile)(_path.default.join(outputPath, this.docsFilename), JSON.stringify(unDocsCompObj));
       Object.keys(unDocsCompObj).forEach(key => {
@@ -89,20 +108,27 @@ class UnusedFilesFindPlugin {
       });
     }
   }
+
   isIgnoredAllFile(file) {
     let result;
+
     for (let i = 0; i < this.appFilesExcludes.length; i++) {
       let exclude = this.appFilesExcludes[i];
       result = exclude.test(file);
+
       if (result) {
         break;
       }
     }
+
     return result;
   }
+
   getAllFiles(rootPath) {
     let allFiles = [];
+
     let files = _fs.default.readdirSync(rootPath).map(file => _path.default.join(rootPath, file));
+
     files.forEach(file => {
       if (_fs.default.statSync(file).isDirectory()) {
         allFiles = allFiles.concat(this.getAllFiles(file));
@@ -114,6 +140,7 @@ class UnusedFilesFindPlugin {
     });
     return allFiles;
   }
+
   apply(compiler) {
     compiler.hooks.afterEmit.tap('UnusedFilesShowPlugin', compilation => {
       let {
@@ -123,6 +150,7 @@ class UnusedFilesFindPlugin {
         if (!this.isIgnoredUsedFile(usedFile)) {
           files[usedFile] = true;
         }
+
         return files;
       }, {});
       let allFiles = this.getAllFiles(this.origin);
@@ -132,6 +160,7 @@ class UnusedFilesFindPlugin {
           unusedFiles.push(file);
         }
       });
+
       if (!unusedFiles.length) {
         (0, _utils.log)('There is no unused files');
       } else {
@@ -145,14 +174,18 @@ class UnusedFilesFindPlugin {
           });
         }
       }
+
       if (this.delete) {
         unusedFiles.forEach(file => {
           _fs.default.unlinkSync(file);
+
           (0, _utils.log)(`Deleted - ${file}`);
         });
       }
     });
   }
+
 }
+
 var _default = UnusedFilesFindPlugin;
 exports.default = _default;