@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.170

package/lib/plugins/ShadowDOMSupportPlugin.js

@@ -0,0 +1,270 @@
+"use strict";
+
+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-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) {
+      if (chunkGroup.getNumberOfChildren() > 0) {
+        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
+
+
+  ['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
+    } = mainTemplate.outputOptions;
+    const chunkMaps = chunk.getChunkMaps();
+    return mainTemplate.getAssetPath(JSON.stringify(chunkFilename), {
+      hash: `" + ${mainTemplate.renderCurrentHashCode(hash)} + "`,
+      hashWithLength: length => `" + ${mainTemplate.renderCurrentHashCode(hash, length)} + "`,
+      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}] + "`
+        },
+        contentHashWithLength: {
+          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}] + "`;
+          }
+        }
+      },
+      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) => {
+    const {
+      crossOriginLoading
+    } = mainTemplate.outputOptions;
+    const {
+      chunkLoadTimeout
+    } = mainTemplate.outputOptions;
+    const {
+      jsonpScriptType
+    } = mainTemplate.outputOptions;
+    return _Template.default.asString(['var script = document.createElement(\'script\');', 'var onScriptComplete;', jsonpScriptType ? `script.type = ${JSON.stringify(jsonpScriptType)};` : '', 'script.charset = \'utf-8\';', `script.timeout = ${chunkLoadTimeout / 1000};`, `if (${mainTemplate.requireFn}.nc) {`, _Template.default.indent(`script.setAttribute("nonce", ${mainTemplate.requireFn}.nc);`), '}', 'script.src = jsonpScriptSrc(chunkId);', crossOriginLoading ? _Template.default.asString(['if (script.src.indexOf(window.location.origin + \'/\') !== 0) {', _Template.default.indent(`script.crossOrigin = ${JSON.stringify(crossOriginLoading)};`), '}']) : '', 'onScriptComplete = function (event) {', _Template.default.indent(['// avoid mem leaks in IE.', 'script.onerror = script.onload = null;', 'clearTimeout(timeout);', 'var chunk = installedChunks[chunkId];', 'if(chunk !== 0) {', _Template.default.indent(['if(chunk) {', _Template.default.indent(['var errorType = event && (event.type === \'load\' ? \'missing\' : event.type);', 'var realSrc = event && event.target && event.target.src;', 'var error = new Error(\'Loading chunk \' + chunkId + \' failed.\\n(\' + errorType + \': \' + realSrc + \')\');', 'error.type = errorType;', 'error.request = realSrc;', 'chunk[1](error);']), '}', 'installedChunks[chunkId] = undefined;']), '}']), '};', 'var timeout = setTimeout(function(){', _Template.default.indent(['onScriptComplete({ type: \'timeout\', target: script });']), `}, ${chunkLoadTimeout});`, 'script.onerror = script.onload = onScriptComplete;']);
+  });
+  mainTemplate.hooks.linkPreload.tap('JsonpMainTemplatePlugin', (_, chunk, hash) => {
+    const {
+      crossOriginLoading
+    } = mainTemplate.outputOptions;
+    const {
+      jsonpScriptType
+    } = mainTemplate.outputOptions;
+    return _Template.default.asString(['var link = document.createElement(\'link\');', jsonpScriptType ? `link.type = ${JSON.stringify(jsonpScriptType)};` : '', 'link.charset = \'utf-8\';', `if (${mainTemplate.requireFn}.nc) {`, _Template.default.indent(`link.setAttribute("nonce", ${mainTemplate.requireFn}.nc);`), '}', 'link.rel = "preload";', 'link.as = "script";', 'link.href = jsonpScriptSrc(chunkId);', crossOriginLoading ? _Template.default.asString(['if (link.href.indexOf(window.location.origin + \'/\') !== 0) {', _Template.default.indent(`link.crossOrigin = ${JSON.stringify(crossOriginLoading)};`), '}']) : '']);
+  });
+  mainTemplate.hooks.linkPrefetch.tap('JsonpMainTemplatePlugin', (_, chunk, hash) => {
+    const {
+      crossOriginLoading
+    } = mainTemplate.outputOptions;
+    return _Template.default.asString(['var link = document.createElement(\'link\');', crossOriginLoading ? `link.crossOrigin = ${JSON.stringify(crossOriginLoading)};` : '', `if (${mainTemplate.requireFn}.nc) {`, _Template.default.indent(`link.setAttribute("nonce", ${mainTemplate.requireFn}.nc);`), '}', 'link.rel = "prefetch";', 'link.as = "script";', 'link.href = jsonpScriptSrc(chunkId);']);
+  });
+  mainTemplate.hooks.requireEnsure.tap('JsonpMainTemplatePlugin load', (source, chunk, hash) => _Template.default.asString([source, '', '// JSONP chunk loading for javascript', '', 'var installedChunkData = installedChunks[chunkId];', 'if(installedChunkData !== 0) { // 0 means "already installed".', _Template.default.indent(['', '// a Promise means "currently loading".', 'if(installedChunkData) {', _Template.default.indent(['promises.push(installedChunkData[2]);']), '} else {', _Template.default.indent(['// setup Promise in chunk cache', 'var promise = new Promise(function(resolve, reject) {', _Template.default.indent(['installedChunkData = installedChunks[chunkId] = [resolve, reject];']), '});', 'promises.push(installedChunkData[2] = promise);', '', '// start chunk loading', mainTemplate.hooks.jsonpScript.call('', chunk, hash), 'window.ZDShadowRoot.getElementById("head").appendChild(script);']), '}']), '}']));
+  mainTemplate.hooks.requireEnsure.tap({
+    name: 'JsonpMainTemplatePlugin preload',
+    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) => {
+    if (needChunkLoadingCode(chunk)) {
+      const withDefer = needEntryDeferringCode(chunk);
+      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) => {
+    if (needChunkLoadingCode(chunk)) {
+      let {
+        jsonpFunction
+      } = mainTemplate.outputOptions;
+      let {
+        globalObject
+      } = 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) => {
+    if (needEntryDeferringCode(chunk)) {
+      if (chunk.hasEntryModule()) {
+        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) => {
+    const {
+      globalObject
+    } = mainTemplate.outputOptions;
+    const {
+      hotUpdateChunkFilename
+    } = mainTemplate.outputOptions;
+    const {
+      hotUpdateMainFilename
+    } = mainTemplate.outputOptions;
+    const {
+      crossOriginLoading
+    } = mainTemplate.outputOptions;
+    const {
+      hotUpdateFunction
+    } = mainTemplate.outputOptions;
+    const currentHotUpdateChunkFilename = mainTemplate.getAssetPath(JSON.stringify(hotUpdateChunkFilename), {
+      hash: `" + ${mainTemplate.renderCurrentHashCode(hash)} + "`,
+      hashWithLength: length => `" + ${mainTemplate.renderCurrentHashCode(hash, length)} + "`,
+      chunk: {
+        id: '" + chunkId + "'
+      }
+    });
+    const currentHotUpdateMainFilename = mainTemplate.getAssetPath(JSON.stringify(hotUpdateMainFilename), {
+      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];
+}
+var parentHotUpdateCallback = ${globalObject}[${JSON.stringify(hotUpdateFunction)}];
+${globalObject}[${JSON.stringify(hotUpdateFunction)}] = ${runtimeSource}`;
+  });
+  mainTemplate.hooks.hash.tap('JsonpMainTemplatePlugin', hash => {
+    hash.update('jsonp');
+    hash.update('6');
+  });
+};

package/lib/plugins/SourceMapHookPlugin.js

@@ -1,75 +1,41 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _path = _interopRequireDefault(require("path"));
 
-var _optimizeJs = require('optimize-js');
-
-var _optimizeJs2 = _interopRequireDefault(_optimizeJs);
-
-var _fs = require('fs');
-
-var _fs2 = _interopRequireDefault(_fs);
-
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
-
-var _utils = require('../utils');
+var _webpackSources = require("webpack-sources");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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();
 
-var SourceMapHookPlugin = function () {
-  function SourceMapHookPlugin() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+          let {
+            name
+          } = _path.default.parse(filename);
 
-    _classCallCheck(this, SourceMapHookPlugin);
-
-    this.optimize = options.optimize;
-  }
+          let src = source;
 
-  _createClass(SourceMapHookPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      var _this = this;
-
-      compiler.hooks.afterEmit.tapAsync('SourceMapHookPlugin', function (compilation, callback) {
-        var outputPath = compilation.options.output.path;
-
-        var jsPath = _path2.default.join(outputPath, 'js');
-        var smapJsPath = _path2.default.join(outputPath, 'js-sm');
-        (0, _utils.makeDir)([outputPath, jsPath, smapJsPath]);
-
-        var promises = [];
-        var files = _fs2.default.readdirSync(jsPath);
-
-        files.forEach(function (file) {
-          var src = _fs2.default.readFileSync(_path2.default.join(jsPath, file)).toString();
-          promises.push((0, _utils.writeFile)(_path2.default.join(smapJsPath, file), src + '\n//# sourceMappingURL=../smap/' + file + '.map').catch(function (err) {
-            throw err;
-          }));
-
-          if (_this.optimize) {
-            promises.push((0, _utils.writeFile)(_path2.default.join(jsPath, file), (0, _optimizeJs2.default)(src)).catch(function (err) {
-              throw err;
-            }));
+          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);
+          } else {
+            compilation.assets[filename.replace(/i18n-chunk\//g, 'smap/i18n-chunk/')] = new _webpackSources.RawSource(src);
           }
-        });
-
-        Promise.all(promises).then(function () {
-          (0, _utils.log)('Source map hook completed');
-          callback();
-        });
+        }
       });
-    }
-  }]);
+    });
+  }
 
-  return SourceMapHookPlugin;
-}();
+}
 
-exports.default = SourceMapHookPlugin;
+var _default = SourceMapHookPlugin;
+exports.default = _default;

package/lib/plugins/TPHashMappingPlugin.js

@@ -0,0 +1,67 @@
+"use strict";
+
+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. 
+ */
+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`);
+      }
+    });
+    return hashMapping;
+  }
+
+}
+
+var _default = TPHashMappingPlugin;
+exports.default = _default;

package/lib/plugins/UglifyCSSPlugin.js

@@ -0,0 +1,39 @@
+"use strict";
+
+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 => {
+      Object.keys(compilation.assets).forEach(filename => {
+        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);
+          }
+        }
+      });
+    });
+  }
+
+}
+
+exports.default = UglifyCSSPlugin;