@zohodesk/react-cli 1.1.11-exp.3 → 1.1.11-exp.5

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/getChunkModules.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChunkModules = getChunkModules;
+
+function getChunkModules(chunk, compilation) {
+  const {
+    chunkGraph
+  } = compilation || {};
+  return typeof chunkGraph !== 'undefined' ? chunkGraph.getChunkModules(chunk) : chunk.modulesIterable;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -11,6 +11,8 @@ var _fs = require("fs");
 
 var _path = require("path");
 
+var _constants = require("../../../../../constants");
+
 function isComment(line) {
   return line[0] === '#';
 }
@@ -64,7 +66,7 @@ function getAllI18n({
   try {
     const files = (0, _fs.readdirSync)(folderPath, 'utf8');
     const allLangI18n = {};
-    const context = (0, _path.join)(process.cwd(), folderPath);
+    const context = (0, _constants.joinWithAppPath)(folderPath);
     files.forEach(file => {
       const filePath = (0, _path.join)(context, file);
 
@@ -113,15 +115,15 @@ function jsonToString(json, keySeperator) {
   str += '}';
   return str;
 }
-/**
- * not useable due to special charector
- * 
-      return `{${Object.keys(data).map(key =>  `"${key}": "${data[key]}"`).join(",")}}`
-      // return JSON.stringify(data);
-      let str = "{";
-      for (const key of Object.keys(data)) {
-        str+= `"${key}": "${data[key]}",`
-      }
-      str+="}";
-      return str;
+/**
+ * not useable due to special charector
+ * 
+      return `{${Object.keys(data).map(key =>  `"${key}": "${data[key]}"`).join(",")}}`
+      // return JSON.stringify(data);
+      let str = "{";
+      for (const key of Object.keys(data)) {
+        str+= `"${key}": "${data[key]}",`
+      }
+      str+="}";
+      return str;
  */

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/InitialHtmlPlugin.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InitialHtmlPlugin = void 0;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class InitialHtmlPlugin {
+  constructor(options) {
+    this.options = options;
+  }
+
+  apply(compiler) {
+    const {
+      filename,
+      template,
+      minify,
+      inject,
+      mainChunkName
+    } = this.options;
+    new _htmlWebpackPlugin.default({
+      filename,
+      template,
+      minify,
+      chunks: [mainChunkName],
+      inject,
+      scriptLoading: 'defer'
+    }).apply(compiler);
+    compiler.hooks.thisCompilation.tap('InitialHtmlPlugin', compilation => {
+      _htmlWebpackPlugin.default.getHooks(compilation).alterAssetTagGroups.tapAsync('MyPlugin', (data, cb) => {
+        const headTags = [];
+        const bodyTags = [];
+        data.headTags.forEach(tag => {
+          if (tag.tagName === 'link') {
+            headTags.push(tag);
+          } else {
+            bodyTags.push(tag);
+          }
+        });
+        cb(null, { ...data,
+          headTags,
+          bodyTags
+        });
+      });
+    });
+  }
+
+}
+
+exports.InitialHtmlPlugin = InitialHtmlPlugin;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/__test__/addFilesNamesToManifestJson.test.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _addFilesNamesToManifestJson = require("../addFilesNamesToManifestJson");
+
+function callTestCases(output, option) {
+  const manifestJson = {};
+  const hashDigestLength = 20;
+  const assets = {
+    'i18n-chunks/zh_TW/9978.de290aa1ffcac387cfc3.i18n.js': '1',
+    'smap/js/icons.32650912f9d52c500752.js': '2',
+    'smap/js/main.48e5db5d73bbb61856ac.js.LICENSE.txt': '3',
+    'i18n-chunks/zh_TW/9978.de290aa1ffcac387cfc3.i18n.js.map': '1',
+    'smap/js/icons.32650912f9d52c500752.js.map': '2',
+    'smap/js/main.48e5db5d73bbb61856ac.js.LICENSE.txt.map': '3'
+  };
+  const input = (0, _addFilesNamesToManifestJson.addFilesNamesToManifestJson)({
+    manifestJson,
+    option,
+    assets,
+    hashDigestLength
+  });
+  expect(input).toStrictEqual(output);
+}
+
+test('creating normal manifestJson', () => {
+  const option = {
+    test: f => !/\.i18n\.js$|\.LICENSE\.txt$|\.map$/.test(f)
+  };
+  const output = {
+    'smap/js/icons.js': 'smap/js/icons.32650912f9d52c500752.js'
+  };
+  callTestCases(output, option);
+});
+test('creating i18nmanifestJson', () => {
+  const option = {
+    test: f => /\.i18n\.js$/g.test(f)
+  };
+  const output = {
+    'i18n-chunks/zh_TW/9978.i18n.js': 'i18n-chunks/zh_TW/9978.de290aa1ffcac387cfc3.i18n.js'
+  };
+  callTestCases(output, option);
+});
+test('creating LICENSE.txt manifestJson', () => {
+  const option = {
+    test: f => /\.LICENSE\.txt$/g.test(f)
+  };
+  const output = {
+    'smap/js/main.js.LICENSE.txt': 'smap/js/main.48e5db5d73bbb61856ac.js.LICENSE.txt'
+  };
+  callTestCases(output, option);
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/__test__/createInitialEntries.test.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _createInitialEntries = require("../createInitialEntries");
+
+/* eslint-disable max-lines */
+function callTestCase(filename, output) {
+  const hashLength = 20;
+  const input = (0, _createInitialEntries.createInitialEntriesForManifestJson)(filename, hashLength);
+  expect(input).toStrictEqual(output);
+}
+
+test('passing empty array', () => {
+  const filenames = [];
+  const output = {};
+  callTestCase(filenames, output);
+});
+test('check i18n.js files', () => {
+  const filename = ['i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js'];
+  const output = {
+    'i18n-chunks/en_US/11.i18n.js': 'i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js'
+  };
+  callTestCase(filename, output);
+});
+test('check LICENSE.txt file', () => {
+  const filename = ['js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'];
+  const output = {
+    'js/store.worker.js.LICENSE.txt': 'js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'
+  };
+  callTestCase(filename, output);
+});
+test('check js file', () => {
+  const filename = ['smap/js/efc.659f89ec02c7a454f167.js'];
+  const output = {
+    'smap/js/efc.js': 'smap/js/efc.659f89ec02c7a454f167.js'
+  };
+  callTestCase(filename, output);
+});
+test('check css file', () => {
+  const filename = ['css/icons.83848142e71f3f6f06f0.ltr.css'];
+  const output = {
+    'css/icons.ltr.css': 'css/icons.83848142e71f3f6f06f0.ltr.css'
+  };
+  callTestCase(filename, output);
+});
+test('check image file', () => {
+  const filename = ['images/radarQrCode.3658d05a928b8337173f.png'];
+  const output = {
+    'images/radarQrCode.png': 'images/radarQrCode.3658d05a928b8337173f.png'
+  };
+  callTestCase(filename, output);
+});
+test('check videos file', () => {
+  const filename = ['videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4'];
+  const output = {
+    'videos/IMBubbleMaximizedView.mp4': 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4'
+  };
+  callTestCase(filename, output);
+});
+test('check font file', () => {
+  const filename = ['fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg'];
+  const output = {
+    'fonts/DeskWhiteLogo.svg': 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg'
+  };
+  callTestCase(filename, output);
+});
+test('check vendor file', () => {
+  const filename = ['smap/js/vendor.d8cb6423142255fb107d.js'];
+  const output = {
+    'smap/js/vendor.js': 'smap/js/vendor.d8cb6423142255fb107d.js'
+  };
+  callTestCase(filename, output);
+});
+test('check html file', () => {
+  const filename = ['index.7d89d2bdec8567df96ec.html'];
+  const output = {
+    'index.html': 'index.7d89d2bdec8567df96ec.html'
+  };
+  callTestCase(filename, output);
+}); // eslint-disable-next-line jest/valid-title
+
+test('test an array containing all format of files eg:js, css', () => {
+  const filename = ['i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js', 'index.7d89d2bdec8567df96ec.html', 'smap/js/vendor.d8cb6423142255fb107d.js', 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg', 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4', 'images/radarQrCode.3658d05a928b8337173f.png', 'css/icons.83848142e71f3f6f06f0.ltr.css', 'smap/js/efc.659f89ec02c7a454f167.js', 'js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'];
+  const output = {
+    'i18n-chunks/en_US/11.i18n.js': 'i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js',
+    'index.html': 'index.7d89d2bdec8567df96ec.html',
+    'smap/js/vendor.js': 'smap/js/vendor.d8cb6423142255fb107d.js',
+    'fonts/DeskWhiteLogo.svg': 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg',
+    'videos/IMBubbleMaximizedView.mp4': 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4',
+    'images/radarQrCode.png': 'images/radarQrCode.3658d05a928b8337173f.png',
+    'css/icons.ltr.css': 'css/icons.83848142e71f3f6f06f0.ltr.css',
+    'smap/js/efc.js': 'smap/js/efc.659f89ec02c7a454f167.js',
+    'js/store.worker.js.LICENSE.txt': 'js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'
+  };
+  callTestCase(filename, output);
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/__test__/removeHashFromFileName.test.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _removeHashFromFileName = require("../removeHashFromFileName");
+
+/* eslint-disable max-lines */
+function callRemoveHash(filename, output) {
+  const hashLength = 20;
+  const input = (0, _removeHashFromFileName.removeHashFromFileName)(filename, hashLength);
+  expect(input).toBe(output);
+}
+
+test('check i18n file', () => {
+  const filename = 'i18n-chunks/pl_PL/9978.1bff2fdb3a2bb05ee845.i18n.js';
+  const output = 'i18n-chunks/pl_PL/9978.i18n.js';
+  callRemoveHash(filename, output);
+});
+test('check LICENSE.txt file', () => {
+  const filename = 'js/efc.659f89ec02c7a454f167.js.LICENSE.txt';
+  const output = 'js/efc.js.LICENSE.txt';
+  callRemoveHash(filename, output);
+});
+test('check js file', () => {
+  const filename = 'smap/js/icons.32650912f9d52c500752.js';
+  const output = 'smap/js/icons.js';
+  callRemoveHash(filename, output);
+});
+test('check css file', () => {
+  const filename = 'css/styles.304e3585c48bc1da0f50.ltr.css';
+  const output = 'css/styles.ltr.css';
+  callRemoveHash(filename, output);
+});
+test('check vendor file', () => {
+  const filename = 'smap/js/vendor.d8cb6423142255fb107d.js';
+  const output = 'smap/js/vendor.js';
+  callRemoveHash(filename, output);
+});
+test('check image file', () => {
+  const filename = 'images/radarQrCode.3658d05a928b8337173f.png';
+  const output = 'images/radarQrCode.png';
+  callRemoveHash(filename, output);
+});
+test('check fonts file', () => {
+  const filename = 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg';
+  const output = 'fonts/DeskWhiteLogo.svg';
+  callRemoveHash(filename, output);
+});
+test('check videos file', () => {
+  const filename = 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4';
+  const output = 'videos/IMBubbleMaximizedView.mp4';
+  callRemoveHash(filename, output);
+});
+test('check html file', () => {
+  const filename = 'index.7d89d2bdec8567df96ec.html';
+  const output = 'index.html';
+  callRemoveHash(filename, output);
+});
+test('chunk name greater than hash', () => {
+  const filename = 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4';
+  const output = 'videos/IMBubbleMaximizedView.mp4';
+  callRemoveHash(filename, output);
+});
+test('chunk name lesser than hash', () => {
+  const filename = 'index.7d89d2bdec8567df96ec.html';
+  const output = 'index.html';
+  callRemoveHash(filename, output);
+});
+test('check i18n.js.map file', () => {
+  const filename = 'i18n-chunks/pl_PL/9978.1bff2fdb3a2bb05ee845.i18n.js.map';
+  const output = 'i18n-chunks/pl_PL/9978.i18n.js.map';
+  callRemoveHash(filename, output);
+});
+test('check LICENSE.txt.map file', () => {
+  const filename = 'js/efc.659f89ec02c7a454f167.js.LICENSE.txt.map';
+  const output = 'js/efc.js.LICENSE.txt.map';
+  callRemoveHash(filename, output);
+});
+test('check js.map file', () => {
+  const filename = 'smap/js/icons.32650912f9d52c500752.js.map';
+  const output = 'smap/js/icons.js.map';
+  callRemoveHash(filename, output);
+});
+test('check css.map file', () => {
+  const filename = 'css/styles.304e3585c48bc1da0f50.ltr.css.map';
+  const output = 'css/styles.ltr.css.map';
+  callRemoveHash(filename, output);
+});
+test('check vendor.js.map file', () => {
+  const filename = 'smap/js/vendor.d8cb6423142255fb107d.js.map';
+  const output = 'smap/js/vendor.js.map';
+  callRemoveHash(filename, output);
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/addFilesNamesToManifestJson.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addFilesNamesToManifestJson = addFilesNamesToManifestJson;
+
+var _removeHashFromFileName = require("./removeHashFromFileName");
+
+function addFilesNamesToManifestJson({
+  manifestJson,
+  option,
+  assets,
+  hashDigestLength
+}) {
+  const json = manifestJson;
+  Object.keys(assets).forEach(filename => {
+    if (option.test(filename)) {
+      const filenameNameWithoutHash = (0, _removeHashFromFileName.removeHashFromFileName)(filename, hashDigestLength);
+      json[filenameNameWithoutHash] = filename;
+    }
+  });
+  return json;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/createInitialEntries.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createInitialEntriesForManifestJson = createInitialEntriesForManifestJson;
+
+var _removeHashFromFileName = require("./removeHashFromFileName");
+
+function createInitialEntriesForManifestJson(initialFileNames, hashLength) {
+  const initialEntries = {};
+  initialFileNames.forEach(fileName => {
+    const filenameNameWithoutHash = (0, _removeHashFromFileName.removeHashFromFileName)(fileName, hashLength);
+    initialEntries[filenameNameWithoutHash] = fileName;
+  });
+  return initialEntries;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/createManifestJson.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createManifestJson = createManifestJson;
+
+var _findInitialFileNames = require("./findInitialFileNames");
+
+var _addFilesNamesToManifestJson = require("./addFilesNamesToManifestJson");
+
+var _createInitialEntries = require("./createInitialEntries");
+
+function createManifestJson({
+  option,
+  hashDigestLength,
+  compilation,
+  assets
+}) {
+  const manifestJson = {};
+
+  if (option.needInitialEntries) {
+    const initialFileNames = (0, _findInitialFileNames.findInitialFileNames)(compilation);
+    const initialEntries = (0, _createInitialEntries.createInitialEntriesForManifestJson)(initialFileNames, hashDigestLength);
+    manifestJson.initialEntries = initialEntries;
+  }
+
+  const outputJson = (0, _addFilesNamesToManifestJson.addFilesNamesToManifestJson)({
+    manifestJson,
+    option,
+    assets,
+    hashDigestLength
+  });
+  return outputJson;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/findInitialFileNames.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findInitialFileNames = findInitialFileNames;
+
+function findInitialFileNames(compilation) {
+  const initialEntries = [];
+  compilation.entrypoints.forEach(element => {
+    element.chunks.forEach(chunk => {
+      Array.from(chunk.files).forEach(filename => {
+        initialEntries.push(filename);
+      });
+    });
+  });
+  return initialEntries;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddFileToManifestJson = void 0;
+
+var _webpack = require("webpack");
+
+var _createManifestJson = require("./createManifestJson");
+
+class AddFileToManifestJson {
+  constructor(options) {
+    this.options = options;
+  }
+
+  apply(compiler) {
+    const {
+      RawSource
+    } = compiler.webpack.sources;
+    compiler.hooks.thisCompilation.tap('MyWebpackPlugin', compilation => {
+      compilation.hooks.processAssets.tap({
+        name: 'MyPlugin',
+        stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
+      }, assets => {
+        const {
+          hashDigestLength
+        } = compilation.outputOptions;
+        this.options.forEach(option => {
+          const manifestJson = (0, _createManifestJson.createManifestJson)({
+            option,
+            hashDigestLength,
+            compilation,
+            assets
+          });
+          compilation.emitAsset(option.outputJsonFileName, new RawSource(JSON.stringify(manifestJson)));
+        });
+      });
+    });
+  }
+
+}
+
+exports.AddFileToManifestJson = AddFileToManifestJson;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/removeHashFromFileName.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeHashFromFileName = removeHashFromFileName;
+
+function removeHashFromFileName(fileName, hashDigestLength) {
+  let outputFileName = '';
+  fileName.split('.').forEach(iterateValue => {
+    if (outputFileName === '') {
+      outputFileName += iterateValue;
+    } else if (iterateValue.length < hashDigestLength) {
+      outputFileName += `.${iterateValue}`;
+    }
+  });
+  return outputFileName;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ResourceHintsPlugin.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _webpack = require("webpack");
+
+const pluginName = 'prefetch-preload-chunk-plugin';
+/**
+ * NOTE: below functions are useable in webpack 5 as per day 28 Apr 2023
+ * Please checkout for future changes
+ * Here List of functions that take chunkId as Argument and return url without publicPath
+ * `__webpack_require__.u(chunkId)`          -  return's JS script urlPath
+ * `__webpack_require__.miniCssF(chunkId)`   -  return's CSS script urlPath
+ * `__webpack_require__.miniI18nF(chunkId)`  -  return's I18N script urlPath
+ *
+ *
+ * if url  has .undefined. then chunk or url not valid or that file nt available
+ */
+
+class ResourceHintsPlugin {
+  constructor({
+    publicPath
+  }) {
+    this.publicPathsTemplateObj = {
+      js: publicPath,
+      css: publicPath,
+      i18n: publicPath
+    };
+  } // eslint-disable-next-line class-methods-use-this
+
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+      const enabledChunks = new WeakSet();
+
+      const handler = (entryRuntimeChunk, set) => {
+        if (enabledChunks.has(entryRuntimeChunk)) {
+          return;
+        }
+
+        enabledChunks.add(entryRuntimeChunk);
+        set.add(_webpack.RuntimeGlobals.getFullHash);
+        set.add(_webpack.RuntimeGlobals.getChunkCssFilename);
+        const {
+          publicPathsTemplateObj
+        } = this;
+        compilation.addRuntimeModule(entryRuntimeChunk, // eslint-disable-next-line no-use-before-define
+        new ResourceHintsRuntimePlugin(set, {
+          compiler,
+          chunk: entryRuntimeChunk,
+          publicPathsTemplateObj
+        }));
+      };
+
+      compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.ensureChunkHandlers).tap(pluginName, handler);
+    });
+  }
+
+}
+
+exports.default = ResourceHintsPlugin;
+
+class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
+  constructor(compiler, {
+    chunk,
+    publicPathsTemplateObj
+  }) {
+    super('ResourceHintsRuntimePlugin loading', 10);
+    this.compiler = compiler;
+    this.publicPathsTemplateObj = publicPathsTemplateObj;
+    this.chunk = chunk;
+  }
+
+  generate() {
+    const {
+      chunk
+    } = this;
+    const idNameMap = chunk.getChunkMaps().name;
+    const nameIdMap = {};
+    let needsMap = false; // eslint-disable-next-line no-restricted-syntax
+
+    for (const key in idNameMap) {
+      if (Object.prototype.hasOwnProperty.call(idNameMap, key)) {
+        const value = idNameMap[key];
+        nameIdMap[value] = key;
+
+        if (key !== value) {
+          needsMap = true;
+        }
+      }
+    }
+
+    const {
+      js: jsPP = '',
+      css: cssPP = '',
+      i18n: i18nPP = ''
+    } = this.publicPathsTemplateObj;
+    return _webpack.Template.asString([`
+      const preloadedChunks = {};
+      function createLinkTag(href, rel) {
+        let link = document.createElement("link");
+        link.href = href;
+        link.rel = rel;
+        if(href.endsWith(".css")) {
+          link.as="style";
+        } else if (href.endsWith(".js")) {
+          link.as="script";
+        }
+        document.head.appendChild(link);
+      }
+      function isValidUrl(url) {
+        //return !url.includes(".undefined.");
+        return url.indexOf(".undefined.") === -1;
+      }
+      function loadAsPreloadOrPrefetch(_chunkId, rel) {
+        let chunkId = ${_webpack.RuntimeGlobals.require}.getChunkId(_chunkId);
+        // ${_webpack.RuntimeGlobals.require}.e(chunkId);
+        // return;
+        if(__webpack_require__.O.j(chunkId) || preloadedChunks[chunkId]) {
+          preloadedChunks[chunkId] = true;
+          // console.log("skipped loadAsPreloadOrPrefetch", _chunkId, chunkId, rel);
+          return;
+        }
+        const jsUrl = ${jsPP} + __webpack_require__.u(chunkId);
+        const cssUrl = ${cssPP} + __webpack_require__.miniCssF(chunkId);
+        const i18nUrl = ${i18nPP} + __webpack_require__.miniI18nF(chunkId);
+        isValidUrl(jsUrl) && createLinkTag(jsUrl, rel);
+        isValidUrl(cssUrl) && createLinkTag(cssUrl, rel);
+        isValidUrl(i18nUrl) && createLinkTag(i18nUrl, rel);      
+      }
+      
+      ${_webpack.RuntimeGlobals.require}.getChunkId = function getChunkId(chunkId) {
+        ${needsMap ? `chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;` : ''}
+        return chunkId;
+      }
+      // Prefetch a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {
+        loadAsPreloadOrPrefetch(chunkId, "prefetch");
+      };
+
+      // Preload a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.plc = function preloadChunk(chunkId) {
+        loadAsPreloadOrPrefetch(chunkId, "preload");
+      };
+        ` // `// Prefetch a chunk (${pluginName})`,
+    // `${RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {`,
+    // Template.indent([
+    //   `chunkId = ${RuntimeGlobals.require}.getChunkId(chunkId)`,
+    //   `${RuntimeGlobals.require}.e(chunkId);`
+    // ]),
+    // '};',
+    // `// Preload a chunk (${pluginName})`,
+    // `${RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {`,
+    // Template.indent([
+    //   `chunkId = ${RuntimeGlobals.require}.getChunkId(chunkId)`,
+    //   `${RuntimeGlobals.require}.e(chunkId);`
+    // ]),
+    // '};'
+    ]);
+  }
+
+}