@zohodesk/react-cli 0.0.1-beta.98 → 0.0.1-betaa.138.1

package/lib/plugins/ShadowDOMSupportPlugin.js

@@ -1,350 +1,269 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ShadowDOMSupportPlugin;
 
-var _Template = require('webpack/lib/Template');
+var _Template = _interopRequireDefault(require("webpack/lib/Template"));
 
-var _Template2 = _interopRequireDefault(_Template);
+var _JsonpMainTemplatePlugin = _interopRequireDefault(require("webpack/lib/web/JsonpMainTemplatePlugin"));
 
-var _JsonpMainTemplatePlugin = require('webpack/lib/web/JsonpMainTemplatePlugin');
-
-var _JsonpMainTemplatePlugin2 = _interopRequireDefault(_JsonpMainTemplatePlugin);
-
-var _tapable = require('tapable');
+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() {} /* eslint-disable no-unused-vars */
+function ShadowDOMSupportPlugin() {}
 
 ShadowDOMSupportPlugin.prototype.apply = function () {
   this.patchJsonpMainTemplatePlugin();
 };
 
 ShadowDOMSupportPlugin.prototype.patchJsonpMainTemplatePlugin = function () {
-  _JsonpMainTemplatePlugin2.default.prototype.apply = this._apply;
+  _JsonpMainTemplatePlugin.default.prototype.apply = this._apply;
 };
 
 ShadowDOMSupportPlugin.prototype._apply = function (mainTemplate) {
-  var needChunkOnDemandLoadingCode = function needChunkOnDemandLoadingCode(chunk) {
-    var _iteratorNormalCompletion = true;
-    var _didIteratorError = false;
-    var _iteratorError = undefined;
-
-    try {
-      for (var _iterator = chunk.groupsIterable[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-        var chunkGroup = _step.value;
-
-        if (chunkGroup.getNumberOfChildren() > 0) {
-          return true;
-        }
-      }
-    } catch (err) {
-      _didIteratorError = true;
-      _iteratorError = err;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion && _iterator.return) {
-          _iterator.return();
-        }
-      } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
+  const needChunkOnDemandLoadingCode = chunk => {
+    for (const chunkGroup of chunk.groupsIterable) {
+      if (chunkGroup.getNumberOfChildren() > 0) {
+        return true;
       }
     }
 
     return false;
   };
-  var needChunkLoadingCode = function needChunkLoadingCode(chunk) {
-    var _iteratorNormalCompletion2 = true;
-    var _didIteratorError2 = false;
-    var _iteratorError2 = undefined;
-
-    try {
-      for (var _iterator2 = chunk.groupsIterable[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-        var chunkGroup = _step2.value;
 
-        if (chunkGroup.chunks.length > 1) {
-          return true;
-        }
-        if (chunkGroup.getNumberOfChildren() > 0) {
-          return true;
-        }
+  const needChunkLoadingCode = chunk => {
+    for (const chunkGroup of chunk.groupsIterable) {
+      if (chunkGroup.chunks.length > 1) {
+        return true;
       }
-    } catch (err) {
-      _didIteratorError2 = true;
-      _iteratorError2 = err;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion2 && _iterator2.return) {
-          _iterator2.return();
-        }
-      } finally {
-        if (_didIteratorError2) {
-          throw _iteratorError2;
-        }
+
+      if (chunkGroup.getNumberOfChildren() > 0) {
+        return true;
       }
     }
 
     return false;
   };
-  var needEntryDeferringCode = function needEntryDeferringCode(chunk) {
-    var _iteratorNormalCompletion3 = true;
-    var _didIteratorError3 = false;
-    var _iteratorError3 = undefined;
 
-    try {
-      for (var _iterator3 = chunk.groupsIterable[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-        var chunkGroup = _step3.value;
-
-        if (chunkGroup.chunks.length > 1) {
-          return true;
-        }
-      }
-    } catch (err) {
-      _didIteratorError3 = true;
-      _iteratorError3 = err;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion3 && _iterator3.return) {
-          _iterator3.return();
-        }
-      } finally {
-        if (_didIteratorError3) {
-          throw _iteratorError3;
-        }
+  const needEntryDeferringCode = chunk => {
+    for (const chunkGroup of chunk.groupsIterable) {
+      if (chunkGroup.chunks.length > 1) {
+        return true;
       }
     }
 
     return false;
   };
-  var needPrefetchingCode = function needPrefetchingCode(chunk) {
-    var allPrefetchChunks = chunk.getChildIdsByOrdersMap(true).prefetch;
+
+  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(function (hook) {
+
+  ['jsonpScript', 'linkPreload', 'linkPrefetch'].forEach(hook => {
     if (!mainTemplate.hooks[hook]) {
       mainTemplate.hooks[hook] = new _tapable.SyncWaterfallHook(['source', 'chunk', 'hash']);
     }
   });
 
-  var getScriptSrcPath = function getScriptSrcPath(hash, chunk, chunkIdExpression) {
-    var chunkFilename = mainTemplate.outputOptions.chunkFilename;
-
-    var chunkMaps = chunk.getChunkMaps();
+  const getScriptSrcPath = (hash, chunk, chunkIdExpression) => {
+    const {
+      chunkFilename
+    } = mainTemplate.outputOptions;
+    const chunkMaps = chunk.getChunkMaps();
     return mainTemplate.getAssetPath(JSON.stringify(chunkFilename), {
-      hash: '" + ' + mainTemplate.renderCurrentHashCode(hash) + ' + "',
-      hashWithLength: function hashWithLength(length) {
-        return '" + ' + mainTemplate.renderCurrentHashCode(hash, length) + ' + "';
-      },
+      hash: `" + ${mainTemplate.renderCurrentHashCode(hash)} + "`,
+      hashWithLength: length => `" + ${mainTemplate.renderCurrentHashCode(hash, length)} + "`,
       chunk: {
-        id: '" + ' + chunkIdExpression + ' + "',
-        hash: '" + ' + JSON.stringify(chunkMaps.hash) + '[' + chunkIdExpression + '] + "',
-        hashWithLength: function hashWithLength(length) {
-          var shortChunkHashMap = Object.create(null);
-          var _iteratorNormalCompletion4 = true;
-          var _didIteratorError4 = false;
-          var _iteratorError4 = undefined;
-
-          try {
-            for (var _iterator4 = Object.keys(chunkMaps.hash)[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
-              var chunkId = _step4.value;
-
-              if (typeof chunkMaps.hash[chunkId] === 'string') {
-                shortChunkHashMap[chunkId] = chunkMaps.hash[chunkId].substr(0, length);
-              }
-            }
-          } catch (err) {
-            _didIteratorError4 = true;
-            _iteratorError4 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion4 && _iterator4.return) {
-                _iterator4.return();
-              }
-            } finally {
-              if (_didIteratorError4) {
-                throw _iteratorError4;
-              }
+        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 + '] + "';
+          return `" + ${JSON.stringify(shortChunkHashMap)}[${chunkIdExpression}] + "`;
         },
 
-        name: '" + (' + JSON.stringify(chunkMaps.name) + '[' + chunkIdExpression + ']||' + chunkIdExpression + ') + "',
+        name: `" + (${JSON.stringify(chunkMaps.name)}[${chunkIdExpression}]||${chunkIdExpression}) + "`,
         contentHash: {
-          javascript: '" + ' + JSON.stringify(chunkMaps.contentHash.javascript) + '[' + chunkIdExpression + '] + "'
+          javascript: `" + ${JSON.stringify(chunkMaps.contentHash.javascript)}[${chunkIdExpression}] + "`
         },
         contentHashWithLength: {
-          javascript: function javascript(length) {
-            var shortContentHashMap = {};
-            var contentHash = chunkMaps.contentHash.javascript;
-            var _iteratorNormalCompletion5 = true;
-            var _didIteratorError5 = false;
-            var _iteratorError5 = undefined;
-
-            try {
-              for (var _iterator5 = Object.keys(contentHash)[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
-                var chunkId = _step5.value;
-
-                if (typeof contentHash[chunkId] === 'string') {
-                  shortContentHashMap[chunkId] = contentHash[chunkId].substr(0, length);
-                }
-              }
-            } catch (err) {
-              _didIteratorError5 = true;
-              _iteratorError5 = err;
-            } finally {
-              try {
-                if (!_iteratorNormalCompletion5 && _iterator5.return) {
-                  _iterator5.return();
-                }
-              } finally {
-                if (_didIteratorError5) {
-                  throw _iteratorError5;
-                }
+          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 + '] + "';
+            return `" + ${JSON.stringify(shortContentHashMap)}[${chunkIdExpression}] + "`;
           }
         }
       },
       contentHashType: 'javascript'
     });
   };
-  mainTemplate.hooks.localVars.tap('JsonpMainTemplatePlugin', function (source, chunk, hash) {
-    var extraCode = [];
+
+  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 = {', _Template2.default.indent(chunk.ids.map(function (id) {
-        return JSON.stringify(id) + ': 0';
-      }).join(',\n')), '};', '', needEntryDeferringCode(chunk) ? 'var deferredModules = [];' : '');
+      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) {', _Template2.default.indent(['return ' + mainTemplate.requireFn + '.p + ' + getScriptSrcPath(hash, chunk, 'chunkId')]), '}');
+      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 _Template2.default.asString([source].concat(extraCode));
-  });
-
-  mainTemplate.hooks.jsonpScript.tap('JsonpMainTemplatePlugin', function (_, chunk, hash) {
-    var crossOriginLoading = mainTemplate.outputOptions.crossOriginLoading;
-    var chunkLoadTimeout = mainTemplate.outputOptions.chunkLoadTimeout;
-    var jsonpScriptType = mainTemplate.outputOptions.jsonpScriptType;
-
 
-    return _Template2.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) {', _Template2.default.indent('script.setAttribute("nonce", ' + mainTemplate.requireFn + '.nc);'), '}', 'script.src = jsonpScriptSrc(chunkId);', crossOriginLoading ? _Template2.default.asString(['if (script.src.indexOf(window.location.origin + \'/\') !== 0) {', _Template2.default.indent('script.crossOrigin = ' + JSON.stringify(crossOriginLoading) + ';'), '}']) : '', 'onScriptComplete = function (event) {', _Template2.default.indent(['// avoid mem leaks in IE.', 'script.onerror = script.onload = null;', 'clearTimeout(timeout);', 'var chunk = installedChunks[chunkId];', 'if(chunk !== 0) {', _Template2.default.indent(['if(chunk) {', _Template2.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(){', _Template2.default.indent(['onScriptComplete({ type: \'timeout\', target: script });']), '}, ' + chunkLoadTimeout + ');', 'script.onerror = script.onload = onScriptComplete;']);
+    return _Template.default.asString([source, ...extraCode]);
   });
-  mainTemplate.hooks.linkPreload.tap('JsonpMainTemplatePlugin', function (_, chunk, hash) {
-    var crossOriginLoading = mainTemplate.outputOptions.crossOriginLoading;
-    var jsonpScriptType = mainTemplate.outputOptions.jsonpScriptType;
-
-
-    return _Template2.default.asString(['var link = document.createElement(\'link\');', jsonpScriptType ? 'link.type = ' + JSON.stringify(jsonpScriptType) + ';' : '', 'link.charset = \'utf-8\';', 'if (' + mainTemplate.requireFn + '.nc) {', _Template2.default.indent('link.setAttribute("nonce", ' + mainTemplate.requireFn + '.nc);'), '}', 'link.rel = "preload";', 'link.as = "script";', 'link.href = jsonpScriptSrc(chunkId);', crossOriginLoading ? _Template2.default.asString(['if (link.href.indexOf(window.location.origin + \'/\') !== 0) {', _Template2.default.indent('link.crossOrigin = ' + JSON.stringify(crossOriginLoading) + ';'), '}']) : '']);
+  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.linkPrefetch.tap('JsonpMainTemplatePlugin', function (_, chunk, hash) {
-    var crossOriginLoading = mainTemplate.outputOptions.crossOriginLoading;
-
-
-    return _Template2.default.asString(['var link = document.createElement(\'link\');', crossOriginLoading ? 'link.crossOrigin = ' + JSON.stringify(crossOriginLoading) + ';' : '', 'if (' + mainTemplate.requireFn + '.nc) {', _Template2.default.indent('link.setAttribute("nonce", ' + mainTemplate.requireFn + '.nc);'), '}', 'link.rel = "prefetch";', 'link.as = "script";', 'link.href = jsonpScriptSrc(chunkId);']);
+  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.requireEnsure.tap('JsonpMainTemplatePlugin load', function (source, chunk, hash) {
-    return _Template2.default.asString([source, '', '// JSONP chunk loading for javascript', '', 'var installedChunkData = installedChunks[chunkId];', 'if(installedChunkData !== 0) { // 0 means "already installed".', _Template2.default.indent(['', '// a Promise means "currently loading".', 'if(installedChunkData) {', _Template2.default.indent(['promises.push(installedChunkData[2]);']), '} else {', _Template2.default.indent(['// setup Promise in chunk cache', 'var promise = new Promise(function(resolve, reject) {', _Template2.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.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
-  }, function (source, chunk, hash) {
-    var chunkMap = chunk.getChildIdsByOrdersMap().preload;
+  }, (source, chunk, hash) => {
+    const chunkMap = chunk.getChildIdsByOrdersMap().preload;
+
     if (!chunkMap || Object.keys(chunkMap).length === 0) {
       return source;
     }
-    return _Template2.default.asString([source, '', '// chunk preloadng for javascript', '', 'var chunkPreloadMap = ' + JSON.stringify(chunkMap, null, '\t') + ';', '', 'var chunkPreloadData = chunkPreloadMap[chunkId];', 'if(chunkPreloadData) {', _Template2.default.indent(['chunkPreloadData.forEach(function(chunkId) {', _Template2.default.indent(['if(installedChunks[chunkId] === undefined) {', _Template2.default.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'window.ZDShadowRoot.getElementById("head").appendChild(link);']), '}']), '});']), '}']);
+
+    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', function (source, chunk) {
+  mainTemplate.hooks.requireExtensions.tap('JsonpMainTemplatePlugin', (source, chunk) => {
     if (!needChunkOnDemandLoadingCode(chunk)) {
       return source;
     }
 
-    return _Template2.default.asString([source, '', '// on error function for async loading', mainTemplate.requireFn + '.oe = function(err) { console.error(err); throw err; };']);
+    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', function (source, chunk, hash) {
+  mainTemplate.hooks.bootstrap.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
     if (needChunkLoadingCode(chunk)) {
-      var withDefer = needEntryDeferringCode(chunk);
-      var withPrefetch = needPrefetchingCode(chunk);
-      return _Template2.default.asString([source, '', '// install a JSONP callback for chunk loading', 'function webpackJsonpCallback(data) {', _Template2.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++) {', _Template2.default.indent(['chunkId = chunkIds[i];', 'if(installedChunks[chunkId]) {', _Template2.default.indent('resolves.push(installedChunks[chunkId][0]);'), '}', 'installedChunks[chunkId] = 0;']), '}', 'for(moduleId in moreModules) {', _Template2.default.indent(['if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {', _Template2.default.indent(mainTemplate.renderAddModule(hash, chunk, 'moduleId', 'moreModules[moduleId]')), '}']), '}', 'if(parentJsonpFunction) parentJsonpFunction(data);', withPrefetch ? _Template2.default.asString(['// chunk prefetching for javascript', 'prefetchChunks.forEach(function(chunkId) {', _Template2.default.indent(['if(installedChunks[chunkId] === undefined) {', _Template2.default.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPrefetch.call('', chunk, hash), 'window.ZDShadowRoot.getElementById("head").appendChild(link);']), '}']), '});']) : '', 'while(resolves.length) {', _Template2.default.indent('resolves.shift()();'), '}', withDefer ? _Template2.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 ? _Template2.default.asString(['function checkDeferredModules() {', _Template2.default.indent(['var result;', 'for(var i = 0; i < deferredModules.length; i++) {', _Template2.default.indent(['var deferredModule = deferredModules[i];', 'var fulfilled = true;', 'for(var j = 1; j < deferredModule.length; j++) {', _Template2.default.indent(['var depId = deferredModule[j];', 'if(installedChunks[depId] !== 0) fulfilled = false;']), '}', 'if(fulfilled) {', _Template2.default.indent(['deferredModules.splice(i--, 1);', 'result = ' + mainTemplate.requireFn + '(' + mainTemplate.requireFn + '.s = deferredModule[0]);']), '}']), '}', 'return result;']), '}']) : '']);
+      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', function (source, chunk, hash) {
+  mainTemplate.hooks.beforeStartup.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
     if (needChunkLoadingCode(chunk)) {
-      var jsonpFunction = mainTemplate.outputOptions.jsonpFunction;
-      var globalObject = mainTemplate.outputOptions.globalObject;
-
-      return _Template2.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]);
+      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', function (source, chunk, hash) {
-    var prefetchChunks = chunk.getChildIdsByOrders().prefetch;
+  mainTemplate.hooks.beforeStartup.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
+    const prefetchChunks = chunk.getChildIdsByOrders().prefetch;
+
     if (needChunkLoadingCode(chunk) && prefetchChunks && prefetchChunks.length) {
-      return _Template2.default.asString([source, 'webpackJsonpCallback([[], {}, 0, ' + JSON.stringify(prefetchChunks) + ']);']);
+      return _Template.default.asString([source, `webpackJsonpCallback([[], {}, 0, ${JSON.stringify(prefetchChunks)}]);`]);
     }
+
     return source;
   });
-  mainTemplate.hooks.startup.tap('JsonpMainTemplatePlugin', function (source, chunk, hash) {
+  mainTemplate.hooks.startup.tap('JsonpMainTemplatePlugin', (source, chunk, hash) => {
     if (needEntryDeferringCode(chunk)) {
       if (chunk.hasEntryModule()) {
-        var entries = [chunk.entryModule].filter(Boolean).map(function (m) {
-          return [m.id].concat(Array.from(chunk.groupsIterable)[0].chunks.filter(function (c) {
-            return c !== chunk;
-          }).map(function (c) {
-            return c.id;
-          }));
-        });
-        return _Template2.default.asString(['// add entry module to deferred list', 'deferredModules.push(' + entries.map(function (e) {
-          return JSON.stringify(e);
-        }).join(', ') + ');', '// run deferred modules when ready', 'return checkDeferredModules();']);
+        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 _Template2.default.asString(['// run deferred modules from other chunks', 'checkDeferredModules();']);
+
+      return _Template.default.asString(['// run deferred modules from other chunks', 'checkDeferredModules();']);
     }
+
     return source;
   });
-  mainTemplate.hooks.hotBootstrap.tap('JsonpMainTemplatePlugin', function (source, chunk, hash) {
-    var globalObject = mainTemplate.outputOptions.globalObject;
-    var hotUpdateChunkFilename = mainTemplate.outputOptions.hotUpdateChunkFilename;
-    var hotUpdateMainFilename = mainTemplate.outputOptions.hotUpdateMainFilename;
-    var crossOriginLoading = mainTemplate.outputOptions.crossOriginLoading;
-    var hotUpdateFunction = mainTemplate.outputOptions.hotUpdateFunction;
-
-    var currentHotUpdateChunkFilename = mainTemplate.getAssetPath(JSON.stringify(hotUpdateChunkFilename), {
-      hash: '" + ' + mainTemplate.renderCurrentHashCode(hash) + ' + "',
-      hashWithLength: function hashWithLength(length) {
-        return '" + ' + mainTemplate.renderCurrentHashCode(hash, length) + ' + "';
-      },
+  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 + "'
       }
     });
-    var currentHotUpdateMainFilename = mainTemplate.getAssetPath(JSON.stringify(hotUpdateMainFilename), {
-      hash: '" + ' + mainTemplate.renderCurrentHashCode(hash) + ' + "',
-      hashWithLength: function hashWithLength(length) {
-        return '" + ' + mainTemplate.renderCurrentHashCode(hash, length) + ' + "';
-      }
+    const currentHotUpdateMainFilename = mainTemplate.getAssetPath(JSON.stringify(hotUpdateMainFilename), {
+      hash: `" + ${mainTemplate.renderCurrentHashCode(hash)} + "`,
+      hashWithLength: length => `" + ${mainTemplate.renderCurrentHashCode(hash, length)} + "`
     });
-    var runtimeSource = _Template2.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 + '\nfunction hotDisposeChunk(chunkId) {\n\tdelete installedChunks[chunkId];\n}\nvar parentHotUpdateCallback = ' + globalObject + '[' + JSON.stringify(hotUpdateFunction) + '];\n' + globalObject + '[' + JSON.stringify(hotUpdateFunction) + '] = ' + runtimeSource;
+
+    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', function (hash) {
+  mainTemplate.hooks.hash.tap('JsonpMainTemplatePlugin', hash => {
     hash.update('jsonp');
     hash.update('6');
   });

package/lib/plugins/SourceMapHookPlugin.js

@@ -1,47 +1,35 @@
-'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 _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
-
-var _webpackSources = require('webpack-sources');
+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"); } }
-
-var SourceMapHookPlugin = function () {
-  function SourceMapHookPlugin() {
-    _classCallCheck(this, SourceMapHookPlugin);
-  }
+class SourceMapHookPlugin {
+  apply(compiler) {
+    compiler.hooks.emit.tap('SourceMapHookPlugin', compilation => {
+      Object.keys(compilation.assets).forEach(filename => {
+        if (/\.js$/g.test(filename)) {
+          let source = compilation.assets[filename].source();
 
-  _createClass(SourceMapHookPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      compiler.hooks.emit.tap('SourceMapHookPlugin', function (compilation) {
-        Object.keys(compilation.assets).forEach(function (filename) {
-          if (/\.js$/g.test(filename)) {
-            var source = compilation.assets[filename].source();
+          let {
+            name
+          } = _path.default.parse(filename);
 
-            var _path$parse = _path2.default.parse(filename),
-                name = _path$parse.name;
-
-            var src = source + '\n//# sourceMappingURL=../smap/' + name + '.map';
-
-            compilation.assets[filename.replace(/js\//g, 'js-sm/')] = new _webpackSources.RawSource(src);
-          }
-        });
+          let src = `${source}\n//# sourceMappingURL=../smap/${name}.map`;
+          compilation.assets[filename.replace(/js\//g, 'js-sm/')] = new _webpackSources.RawSource(src);
+        }
       });
-    }
-  }]);
+    });
+  }
 
-  return SourceMapHookPlugin;
-}();
+}
 
-exports.default = SourceMapHookPlugin;
+var _default = SourceMapHookPlugin;
+exports.default = _default;