@zohodesk/react-cli 0.0.1-beta.99 → 0.0.1-betaa.138.2

package/lib/pluginUtils/getDevPlugins.js

@@ -1,60 +1,63 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _fs = _interopRequireDefault(require("fs"));
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _lodashWebpackPlugin = _interopRequireDefault(require("lodash-webpack-plugin"));
 
-var _lodashWebpackPlugin = require('lodash-webpack-plugin');
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _lodashWebpackPlugin2 = _interopRequireDefault(_lodashWebpackPlugin);
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _I18nSplitPlugin = _interopRequireDefault(require("../plugins/I18nSplitPlugin"));
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
 
-var _htmlWebpackPlugin = require('html-webpack-plugin');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _htmlWebpackPlugin2 = _interopRequireDefault(_htmlWebpackPlugin);
+var _plugins = require("../plugins");
 
-var _copyWebpackPlugin = require('copy-webpack-plugin');
+var _common = require("../common");
 
-var _copyWebpackPlugin2 = _interopRequireDefault(_copyWebpackPlugin);
-
-var _webpack = require('webpack');
-
-var _webpack2 = _interopRequireDefault(_webpack);
-
-var _plugins = require('../plugins');
-
-var _common = require('../common');
+var _CustomAttributePlugin = require("../plugins/CustomAttributePlugin");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getDevPlugins = function getDevPlugins(options, publicPath) {
-  var _options$app = options.app,
-      folder = _options$app.folder,
-      instrumentScript = _options$app.instrumentScript,
-      context = _options$app.context,
-      hasEFC = _options$app.hasEFC,
-      hasShadowDOM = _options$app.hasShadowDOM,
-      mode = _options$app.server.mode,
-      inject = _options$app.htmlTemplate.inject,
-      unusedFiles = options.unusedFiles;
-
-
-  var plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin2.default(), new _copyWebpackPlugin2.default([{
-    from: _path2.default.join(process.cwd(), context, 'i18n') + '/',
-    to: './i18n/[name].[ext]',
-    toType: 'template'
-  }]), new _webpack2.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack2.default.DefinePlugin({
+let getDevPlugins = (options, publicPath) => {
+  let {
+    app: {
+      tpFolder,
+      folder,
+      instrumentScript,
+      customAttributes,
+      context,
+      hasEFC: prevOptionForEnableEFC,
+      hasShadowDOM,
+      server: {
+        mode
+      },
+      htmlTemplate: {
+        inject
+      }
+    },
+    efc: {
+      hasEFC: newOptionForEnableEFC,
+      nameScope: efcNameSpace,
+      localeAttr: efcLocaleAttr
+    },
+    i18n,
+    unusedFiles
+  } = options;
+  const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
+  let plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack.default.DefinePlugin({
     __CLIENT__: true,
     __TEST__: false,
     __SERVER__: false,
@@ -65,49 +68,108 @@ var getDevPlugins = function getDevPlugins(options, publicPath) {
     'process.env': {
       NODE_ENV: JSON.stringify(mode === 'dev-no-warn' ? 'production' : 'development')
     }
-  }), new _miniCssExtractPlugin2.default({
+  }), new _miniCssExtractPlugin.default({
+    attributes: customAttributes.cssAttributes,
     filename: 'css/[name].css',
-    chunkFilename: 'css/[name].css'
+    chunkFilename: 'css/[name].css',
+    ignoreOrder: true
   }), new _plugins.ResourceHintsPlugin()];
 
   if (unusedFiles.enable) {
     plugins.push(new _plugins.UnusedFilesFindPlugin(Object.assign(unusedFiles, {
-      origin: _path2.default.join(process.cwd(), folder)
+      origin: _path.default.join(process.cwd(), folder)
     })));
   }
-  plugins.push(new _lodashWebpackPlugin2.default({
+
+  const i18nManifestFileName = 'i18n-manifest.json';
+  /**
+   * NOTE:
+   *  this file name ext .i18n.js added
+   *  Because, in service worker they maintain cache as file name based
+   *  So, to make differce we added .i18n.js ext.
+   */
+
+  const i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].i18n.js';
+  const i18nPublicPath = publicPath || '';
+
+  if (i18n.chunkSplitEnable) {
+    plugins.push(new _I18nSplitPlugin.default({
+      jsResource: i18n.jsResource,
+      localeVarName: i18n.localeVarName,
+      jsonpFunc: i18n.jsonpFunc,
+      disableDefault: i18n.disableDefault,
+      publicPath: i18nPublicPath,
+      i18nManifestFileName,
+      // template: (object, locale) => `window.loadI18n(${JSON.stringify(object)}, ${JSON.stringify(locale)})`,
+      filenameTemplate: i18nFileNameTemplate,
+      propertiesFolder: i18n.propertiesFolder
+    }));
+  } else {
+    plugins.push(new _copyWebpackPlugin.default({
+      patterns: [{
+        from: `${_path.default.join(process.cwd(), context, 'i18n')}/`,
+        to: './i18n/[name].[ext]',
+        toType: 'template'
+      }]
+    }));
+  }
+
+  tpFolder && plugins.push(new _copyWebpackPlugin.default({
+    patterns: [{
+      from: `${_path.default.join(process.cwd(), context, tpFolder)}/`,
+      to: `./${tpFolder}/`,
+      toType: 'dir'
+    }]
+  }));
+  plugins.push(new _lodashWebpackPlugin.default({
     collections: true,
     shorthands: true
   }));
+
   if (hasEFC) {
-    plugins.push(new _htmlWebpackPlugin2.default({
+    plugins.push(new _htmlWebpackPlugin.default({
       chunksSortMode: 'none',
       filename: 'index.html',
-      template: _path2.default.join(process.cwd(), folder, 'index.html'),
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
       excludeChunks: ['efc', 'widget'],
       templateParameters: _common.templateParameters,
       scriptLoading: 'defer',
       inject: inject
+    }));
+    plugins.push(new _plugins.EFCPlugin({
+      isDevelopment: true,
+      i18nManifestFileName,
+      i18nFileNameTemplate,
+      serverUrl: publicPath,
+      entryPointName: 'efc',
+      nameScope: efcNameSpace,
+      localeAttr: efcLocaleAttr // outputFile: 'zohodesk-efc-sdk-latest.js',
 
     }));
   } else {
-    plugins.push(new _htmlWebpackPlugin2.default({
+    plugins.push(new _htmlWebpackPlugin.default({
       chunksSortMode: 'none',
       filename: 'index.html',
-      template: _path2.default.join(process.cwd(), folder, 'index.html'),
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
       templateParameters: _common.templateParameters,
       scriptLoading: 'defer',
       inject: inject
     }));
   }
 
-  plugins.push(new _plugins.I18NInjectIntoIndexPlugin({ publicPath: publicPath, mode: 'dev' }));
-
+  plugins.push(new _plugins.I18NInjectIntoIndexPlugin({
+    publicPath: i18nPublicPath,
+    isDevelopment: true,
+    templateLabel: i18n.templateLabel || '{{--user-locale}}',
+    i18nFileNameTemplate,
+    i18nManifestFileName,
+    mainChunkName: 'main'
+  }));
   instrumentScript && plugins.push(new _plugins.ScriptInstrumentPlugin());
-
+  customAttributes.enable && plugins.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
   hasShadowDOM && plugins.push(new _plugins.ShadowDOMSupportPlugin());
-
-  return plugins;
+  return plugins.filter(Boolean);
 };
 
-exports.default = getDevPlugins;
+var _default = getDevPlugins;
+exports.default = _default;

package/lib/pluginUtils/getDocsPlugins.js

@@ -1,58 +1,54 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _path = _interopRequireDefault(require("path"));
 
-var _webpack = require('webpack');
-
-var _webpack2 = _interopRequireDefault(_webpack);
-
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
-
-var _ModuleStatsPlugin = require('../plugins/ModuleStatsPlugin');
-
-var _ModuleStatsPlugin2 = _interopRequireDefault(_ModuleStatsPlugin);
-
-var _plugins = require('../plugins');
+var _plugins = require("../plugins");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getDocsPlugins = function getDocsPlugins(isSSTest, options) {
-  var folder = options.app.folder,
-      unusedFiles = options.unusedFiles;
-
-
-  var plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.ProvidePlugin({
+let getDocsPlugins = (isSSTest, options) => {
+  let {
+    app: {
+      folder
+    },
+    unusedFiles
+  } = options;
+  let plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.ProvidePlugin({
     React: 'react'
-  }), new _webpack2.default.DefinePlugin({
+  }), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: true,
     __DOCS__: true
-  }), new _ModuleStatsPlugin2.default({ filename: 'js/moduleStats.js' }), new _miniCssExtractPlugin2.default({
+  }), new _plugins.ModuleStatsPlugin({
+    filename: 'js/moduleStats.js'
+  }), new _miniCssExtractPlugin.default({
     filename: 'css/[name].css',
     chunkFilename: 'css/[name].css'
-  })].filter(Boolean);
+  }), new _plugins.UnusedFilesFindPlugin(Object.assign(unusedFiles, {
+    origin: _path.default.join(process.cwd(), folder)
+  }))].filter(Boolean);
 
   if (unusedFiles.enable) {
     plugins.push(new _plugins.UnusedFilesFindPlugin(Object.assign(unusedFiles, {
       docsFilename: 'Undocsfiles.json',
       ssTest: true,
-      origin: _path2.default.join(process.cwd(), folder)
+      origin: _path.default.join(process.cwd(), folder)
     })));
   }
 
   return plugins;
 };
 
-exports.default = getDocsPlugins;
+var _default = getDocsPlugins;
+exports.default = _default;

package/lib/pluginUtils/getLibraryPlugins.js

@@ -1,21 +1,18 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
-
-var _webpack = require('webpack');
-
-var _webpack2 = _interopRequireDefault(_webpack);
+var _webpack = _interopRequireDefault(require("webpack"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getLibraryPlugins = function getLibraryPlugins() {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.DefinePlugin({
+let getLibraryPlugins = () => {
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __DOCS__: false,
@@ -27,4 +24,5 @@ var getLibraryPlugins = function getLibraryPlugins() {
   return plugins;
 };
 
-exports.default = getLibraryPlugins;
+var _default = getLibraryPlugins;
+exports.default = _default;

package/lib/pluginUtils/getProdPlugins.js

@@ -1,74 +1,78 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _fs = _interopRequireDefault(require("fs"));
 
-var _webpack = require('webpack');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _webpackBundleAnalyzer = require("webpack-bundle-analyzer");
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _lodashWebpackPlugin = _interopRequireDefault(require("lodash-webpack-plugin"));
 
-var _webpackBundleAnalyzer = require('webpack-bundle-analyzer');
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _lodashWebpackPlugin = require('lodash-webpack-plugin');
+var _I18nSplitPlugin = _interopRequireDefault(require("../plugins/I18nSplitPlugin"));
 
-var _lodashWebpackPlugin2 = _interopRequireDefault(_lodashWebpackPlugin);
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _plugins = require("../plugins");
 
-var _htmlWebpackPlugin = require('html-webpack-plugin');
+var _common = require("../common");
 
-var _htmlWebpackPlugin2 = _interopRequireDefault(_htmlWebpackPlugin);
-
-var _copyWebpackPlugin = require('copy-webpack-plugin');
-
-var _copyWebpackPlugin2 = _interopRequireDefault(_copyWebpackPlugin);
-
-var _plugins = require('../plugins');
-
-var _common = require('../common');
+var _CustomAttributePlugin = require("../plugins/CustomAttributePlugin");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getProdPlugins = function getProdPlugins(options) {
-  var publicPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var _options$app = options.app,
-      enableChunkHash = _options$app.enableChunkHash,
-      manifestFileName = _options$app.manifestFileName,
-      bundleAnalyze = _options$app.bundleAnalyze,
-      optimize = _options$app.optimize,
-      publicPaths = _options$app.publicPaths,
-      enableSMapHook = _options$app.enableSMapHook,
-      folder = _options$app.folder,
-      outputFolder = _options$app.outputFolder,
-      context = _options$app.context,
-      hasEFC = _options$app.hasEFC,
-      enableSMap = _options$app.enableSMap,
-      mode = _options$app.server.mode,
-      hasShadowDOM = _options$app.hasShadowDOM,
-      resourceHints = _options$app.resourceHints,
-      serviceWorker = _options$app.serviceWorker,
-      inject = _options$app.htmlTemplate.inject;
-
-
-  var isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
+// eslint-disable-next-line no-unused-vars
+let getProdPlugins = (options, publicPath = '') => {
+  let {
+    enableChunkHash,
+    manifestFileName,
+    bundleAnalyze,
+    optimize,
+    publicPaths,
+    hasEFC: prevOptionForEnableEFC,
+    enableSMapHook,
+    tpFolder,
+    folder,
+    outputFolder,
+    context,
+    enableSMap,
+    server: {
+      mode
+    },
+    hasShadowDOM,
+    resourceHints,
+    serviceWorker,
+    htmlTemplate: {
+      inject
+    },
+    customAttributes,
+    tpHashMapping,
+    cdnMapping
+  } = options.app;
+  const {
+    i18n
+  } = options;
+  const {
+    hasEFC: newOptionForEnableEFC,
+    nameScope: efcNameSpace,
+    localeAttr: efcLocaleAttr
+  } = options.efc;
+  const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
+  let isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
   enableChunkHash = !isDevelopment && enableChunkHash;
-
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _copyWebpackPlugin2.default([{
-    from: _path2.default.join(process.cwd(), context, 'i18n') + '/',
-    to: enableChunkHash ? './i18n/[name].[hash:20]_.[ext]' : './i18n/[name]_.[ext]',
-    toType: 'template'
-  }]), new _webpack2.default.IgnorePlugin(/^\.\/locale$/, /moment$/), new _webpack2.default.DefinePlugin({
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/locale$/, /moment$/), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __LOCAL_PRODUCTION__: isDevelopment,
@@ -77,44 +81,119 @@ var getProdPlugins = function getProdPlugins(options) {
       NODE_ENV: JSON.stringify('production')
     },
     __SERVER__: false
-  }), new _miniCssExtractPlugin2.default({
+  }), new _miniCssExtractPlugin.default({
     filename: enableChunkHash ? './css/[name].[chunkhash:20]_.css' : './css/[name]_.css',
-    chunkFilename: enableChunkHash ? './css/[name].[chunkhash:20]_.css' : './css/[name]_.css'
+    chunkFilename: enableChunkHash ? './css/[name].[chunkhash:20]_.css' : './css/[name]_.css',
+    ignoreOrder: true
   }), new _plugins.ResourceHintsPlugin(), new _plugins.UglifyCSSPlugin()];
+  const i18nManifestFileName = 'i18n-manifest.json';
+  /**
+   * NOTE:
+   *  this file name ext .i18n.js added
+   *  Because, in service worker they maintain cache as file name based
+   *  So, to make differce we added .i18n.js ext.
+   */
+
+  const i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js';
+  const i18nPublicPath = Array.isArray(publicPaths) && !cdnMapping.isCdnEnabled ? publicPaths['4'] : ''; // const  i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].[contentHash]_.js';
+  // const  i18nFileNameTemplate = 'i18n-chunk/[locale]/[name]_.js';
+
+  if (i18n.chunkSplitEnable) {
+    plugins.push(new _I18nSplitPlugin.default({
+      jsResource: i18n.jsResource,
+      localeVarName: i18n.localeVarName,
+      jsonpFunc: i18n.jsonpFunc,
+      disableDefault: i18n.disableDefault,
+      publicPath: i18nPublicPath,
+      i18nManifestFileName,
+      // template: (object, locale) => `window.loadI18n(${JSON.stringify(object)}, ${JSON.stringify(locale)})`,
+      filenameTemplate: i18nFileNameTemplate,
+      propertiesFolder: i18n.propertiesFolder
+    }));
+  } else {
+    plugins.push(new _copyWebpackPlugin.default({
+      patterns: [{
+        from: `${_path.default.join(process.cwd(), context, 'i18n')}/`,
+        to: enableChunkHash ? './i18n/[name].[hash:20]_.[ext]' : './i18n/[name]_.[ext]',
+        toType: 'template'
+      }]
+    }));
+  }
+
+  tpFolder && plugins.push(new _copyWebpackPlugin.default({
+    patterns: [{
+      from: `${_path.default.join(process.cwd(), context, tpFolder)}/`,
+      to: `./${tpFolder}/`,
+      toType: 'dir'
+    }]
+  }));
+
   if (hasEFC) {
-    plugins.push(new _htmlWebpackPlugin2.default({
+    plugins.push(new _htmlWebpackPlugin.default({
       chunksSortMode: 'none',
       filename: enableChunkHash ? 'index.[templatehash:20].html' : 'index.html',
-      template: _path2.default.join(process.cwd(), folder, 'index.html'),
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
       excludeChunks: ['efc', 'widget'],
       minify: false,
       templateParameters: _common.templateParameters,
       scriptLoading: 'defer',
       inject: inject
     }));
+    plugins.push(new _plugins.EFCPlugin({
+      isDevelopment,
+      serverUrl: publicPath,
+      i18nFileNameTemplate,
+      i18nManifestFileName,
+      entryPointName: 'efc',
+      // outputFile: 'zohodesk-efc-sdk-latest.js',
+      nameScope: efcNameSpace,
+      localeAttr: efcLocaleAttr,
+      cdnVariableName: cdnMapping.isCdnEnabled ? cdnMapping.variableName : null
+    }));
   } else {
-    plugins.push(new _htmlWebpackPlugin2.default({
+    plugins.push(new _htmlWebpackPlugin.default({
       chunksSortMode: 'none',
       filename: enableChunkHash ? 'index.[templatehash:20].html' : 'index.html',
-      template: _path2.default.join(process.cwd(), folder, 'index.html'),
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
       minify: false,
       templateParameters: _common.templateParameters,
       scriptLoading: 'defer',
       inject: inject
     }));
   }
-  plugins.push(new _plugins.I18NInjectIntoIndexPlugin({ publicPath: publicPath, mode: mode }));
-  if (publicPaths && !isDevelopment) {
-    var callback = publicPaths.callback;
 
-    plugins.push(callback ? new _plugins.PublicPathCallbackPlugin({ callback: callback }) : new _plugins.PublicPathChangePlugin({ publicPaths: publicPaths, resourceHints: resourceHints }));
+  plugins.push(new _plugins.I18NInjectIntoIndexPlugin({
+    // Because we  will handle cdn url in CdnChangePlugin
+    publicPath: cdnMapping.isCdnEnabled ? '' : i18nPublicPath,
+    isDevelopment,
+    templateLabel: i18n.templateLabel || '{{--user-locale}}',
+    i18nFileNameTemplate,
+    i18nManifestFileName,
+    mainChunkName: 'main'
+  }));
+
+  if (publicPaths && !isDevelopment && !cdnMapping.isCdnEnabled) {
+    let {
+      callback
+    } = publicPaths;
+    plugins.push(callback ? new _plugins.PublicPathCallbackPlugin({
+      callback
+    }) : new _plugins.PublicPathChangePlugin({
+      publicPaths,
+      resourceHints
+    }));
   }
 
-  plugins.push(new _lodashWebpackPlugin2.default({
+  if (cdnMapping.isCdnEnabled) {
+    plugins.push(new _plugins.CdnChangePlugin(cdnMapping));
+  }
+
+  plugins.push(new _lodashWebpackPlugin.default({
     collections: true,
     shorthands: true
   }));
   hasShadowDOM && plugins.push(new _plugins.ShadowDOMSupportPlugin());
+
   if (!isDevelopment) {
     enableSMap && enableSMapHook && plugins.push(new _plugins.SourceMapHookPlugin());
     optimize && plugins.push(new _plugins.OptimizeJSPlugin());
@@ -126,6 +205,7 @@ var getProdPlugins = function getProdPlugins(options) {
       plugins.push(new _webpackBundleAnalyzer.BundleAnalyzerPlugin({
         analyzerMode: 'static',
         generateStatsFile: true,
+        openAnalyzer: false,
         statsOptions: {
           source: false,
           normal: true,
@@ -135,33 +215,42 @@ var getProdPlugins = function getProdPlugins(options) {
           assets: true,
           assetsSort: 'name'
         }
+      })); // plugins.push(new ReportGeneratePlugin());
+    }
+
+    if (tpHashMapping && tpHashMapping.length > 0) {
+      plugins.push(new _plugins.TPHashMappingPlugin({
+        fileMappings: tpHashMapping,
+        tpFolder: `${_path.default.join(process.cwd(), context, tpFolder)}/`
       }));
-      // plugins.push(new ReportGeneratePlugin());
     }
   }
 
   if (!isDevelopment && serviceWorker.enableSw) {
-    var filePath = serviceWorker.filePath,
-        _serviceWorker$fileNa = serviceWorker.fileName,
-        fileName = _serviceWorker$fileNa === undefined ? 'sw.js' : _serviceWorker$fileNa,
-        _serviceWorker$exitPa = serviceWorker.exitPath,
-        exitPath = _serviceWorker$exitPa === undefined ? '/' : _serviceWorker$exitPa,
-        _serviceWorker$replac = serviceWorker.replaceText,
-        replaceText = _serviceWorker$replac === undefined ? '@@' : _serviceWorker$replac;
+    let {
+      filePath,
+      fileName = 'sw.js',
+      exitPath = '/',
+      replaceText = '@@'
+    } = serviceWorker;
 
     if (!filePath) {
       throw new Error('File Path required for service worker plugin');
     }
+
     plugins.push(new _plugins.ServiceWorkerPlugin({
-      filePath: _path2.default.join(process.cwd(), filePath),
+      filePath: _path.default.join(process.cwd(), filePath),
+      i18nFileNameTemplate,
       fileName: fileName,
-      exitPath: _path2.default.join(outputFolder, exitPath),
-      replaceText: replaceText,
-      publicPaths: publicPaths
+      exitPath: _path.default.join(outputFolder, exitPath),
+      replaceText,
+      publicPaths
     }));
   }
 
+  customAttributes.enable && plugins.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
   return plugins;
 };
 
-exports.default = getProdPlugins;
+var _default = getProdPlugins;
+exports.default = _default;