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

package/lib/middlewares/HMRMiddleware.js

@@ -4,31 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HMRMiddleware;
-
 function pathMatch(url, path) {
   if (url === path) {
     return true;
   }
-
   let q = url.indexOf('?');
-
   if (q === -1) {
     return false;
   }
-
   return url.substring(0, q) === path;
 }
-
 function createEventStream(heartbeat) {
   let clientId = 0;
   let clients = {};
-
   function everyClient(fn) {
     Object.keys(clients).forEach(id => {
       fn(clients[id]);
     });
   }
-
   setInterval(() => {
     everyClient(client => {
       client.write(`data: ${JSON.stringify({
@@ -59,22 +52,20 @@ function createEventStream(heartbeat) {
     }
   };
 }
-
 function extractBundles(stats) {
   // Stats has modules, single bundle
   if (stats.modules) {
     return [stats];
-  } // Stats has children, multiple bundles
-
+  }
 
+  // Stats has children, multiple bundles
   if (stats.children && stats.children.length) {
     return stats.children;
-  } // Not sure, assume single
-
+  }
 
+  // Not sure, assume single
   return [stats];
 }
-
 function publishStats(action, statsResult, eventStream, log) {
   // For multi-compiler, stats will be an object with a 'children' array of stats
   let bundles = extractBundles(statsResult.toJson({
@@ -83,7 +74,8 @@ function publishStats(action, statsResult, eventStream, log) {
   bundles.forEach(stats => {
     if (log) {
       log(`webpack built ${stats.name ? `${stats.name} ` : ''}${stats.hash} in ${stats.time}ms`);
-    } // if (
+    }
+    // if (
     //   //  !force &&
     //   action !== 'sync' &&
     //   stats &&
@@ -95,13 +87,10 @@ function publishStats(action, statsResult, eventStream, log) {
     //     type: 'still-ok'
     //   });
     // }
-
-
     eventStream.publish({
       type: 'hash',
       data: stats.hash
     });
-
     if (stats.errors.length > 0) {
       eventStream.publish({
         type: 'errors',
@@ -119,9 +108,9 @@ function publishStats(action, statsResult, eventStream, log) {
     }
   });
 }
-
 function HMRMiddleware(compiler, opts = {}) {
-  opts.log = // eslint-disable-next-line no-console
+  opts.log =
+  // eslint-disable-next-line no-console
   typeof opts.log === 'undefined' ? console.log.bind(console) : opts.log;
   opts.path = opts.path || '/__webpack_hmr';
   opts.heartbeat = opts.heartbeat || 10 * 1000;
@@ -133,16 +122,13 @@ function HMRMiddleware(compiler, opts = {}) {
       opts.log('webpack compilation starts...');
       loggedInfo = true;
     }
-
     callback && callback();
   });
   compiler.hooks.compile.tap('HMRMiddleware', () => {
     latestStats = null;
-
     if (opts.log) {
       opts.log('webpack building...');
     }
-
     eventStream.publish({
       type: 'building'
     });
@@ -152,13 +138,12 @@ function HMRMiddleware(compiler, opts = {}) {
     latestStats = statsResult;
     publishStats('built', latestStats, eventStream, opts.log);
   });
-
   let middleware = function (req, res, next) {
     if (!pathMatch(req.url, opts.path)) {
       return next();
     }
-
-    eventStream.handler(req, res); // if (latestStats) {
+    eventStream.handler(req, res);
+    // if (latestStats) {
     //   // Explicitly not passing in `log` fn as we don't want to log again on
     //   // the server
     //   //  publishStats('sync', latestStats, eventStream);
@@ -167,7 +152,9 @@ function HMRMiddleware(compiler, opts = {}) {
 
   middleware.publish = eventStream.publish;
   return middleware;
-} // function buildModuleMap(modules) {
+}
+
+// function buildModuleMap(modules) {
 // 	let map = {};
 // 	modules.forEach(function(module) {
 // 		map[module.id] = module.name;

package/lib/middlewares/SSTMiddleware.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 function SSTMiddleware(compiler, callback) {
   compiler.hooks.done.tap('SSTMiddleware', stats => {
     (0, _utils.log)('Compilation finished!');
@@ -16,6 +14,5 @@ function SSTMiddleware(compiler, callback) {
     next();
   };
 }
-
 var _default = SSTMiddleware;
 exports.default = _default;

package/lib/pluginUtils/configHtmlWebpackPlugins.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configHtmlWebpackPlugins = configHtmlWebpackPlugins;
+var _path = _interopRequireDefault(require("path"));
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
+var _common = require("../common");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const defaultHTMLMiniFyOption = {
+  collapseWhitespace: true,
+  minifyCSS: true,
+  minifyJS: true,
+  keepClosingSlash: true,
+  removeComments: false,
+  removeRedundantAttributes: true,
+  removeScriptTypeAttributes: true,
+  removeStyleLinkTypeAttributes: true,
+  useShortDoctype: true
+};
+function configHtmlWebpackPlugins(plugins, {
+  enableChunkHash = false,
+  folder,
+  inject,
+  crossorigin,
+  hasEFC,
+  minify: minifyHtmlOptions = false
+}) {
+  const optionsHtmlWebpack = {
+    chunksSortMode: 'none',
+    filename: enableChunkHash ? 'index.[templatehash:20].html' : 'index.html',
+    template: _path.default.join(process.cwd(), folder, 'index.html'),
+    minify: minifyHtmlOptions === true ? defaultHTMLMiniFyOption : minifyHtmlOptions === null ? false : minifyHtmlOptions,
+    // : typeof minifyHtmlOptions === 'object'
+    // ? minifyHtmlOptions
+    // : minifyHtmlOptions,,
+    templateParameters: _common.templateParameters,
+    scriptLoading: 'defer',
+    inject: inject
+  };
+  console.log({
+    optionsHtmlWebpack
+  });
+  if (hasEFC) {
+    optionsHtmlWebpack.excludeChunks = ['efc', 'widget'];
+  }
+  plugins.push(new _htmlWebpackPlugin.default(optionsHtmlWebpack));
+  crossorigin && plugins.push(new _htmlWebpackInjectAttributesPlugin.default({
+    crossorigin: 'anonymous'
+  }));
+}

package/lib/pluginUtils/getDevPlugins.js

@@ -4,39 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
-
 var _lodashWebpackPlugin = _interopRequireDefault(require("lodash-webpack-plugin"));
-
 var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-
-var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-
-var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
-
 var _I18nSplitPlugin = _interopRequireDefault(require("../plugins/I18nSplitPlugin"));
-
 var _RequireVariablePublicPlugin = _interopRequireDefault(require("../plugins/RequireVariablePublicPlugin"));
-
 var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
-
 var _webpack = _interopRequireDefault(require("webpack"));
-
 var _plugins = require("../plugins");
-
-var _common = require("../common");
-
 var _RtlCssPlugin = require("../plugins/RtlSplitPlugin/RtlCssPlugin");
-
+var _configHtmlWebpackPlugins = require("./configHtmlWebpackPlugins");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-let getDevPlugins = (options, publicPath) => {
-  let {
+const getDevPlugins = (options, publicPath) => {
+  const {
     app: {
       tpFolder,
       folder,
@@ -68,7 +50,7 @@ let getDevPlugins = (options, publicPath) => {
   const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
   const cssLTRFileNameTempalte = enableRTLSplit ? 'css/[name].ltr.css' : 'css/[name].css';
   const cssRTLFileNameTempalte = 'css/[name].rtl.css';
-  let plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack.default.DefinePlugin({
+  const plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack.default.DefinePlugin({
     __CLIENT__: true,
     __TEST__: false,
     __SERVER__: false,
@@ -84,7 +66,6 @@ let getDevPlugins = (options, publicPath) => {
     // ignoreOrder: true,
     chunkFilename: cssLTRFileNameTempalte
   }), new _plugins.ResourceHintsPlugin()];
-
   if (enableRTLSplit) {
     plugins.push(new _RtlCssPlugin.RtlCssPlugin({
       templateLabel: options.css.templateLabel,
@@ -95,24 +76,21 @@ let getDevPlugins = (options, publicPath) => {
       filename: cssRTLFileNameTempalte
     }));
   }
-
   if (unusedFiles.enable) {
     plugins.push(new _plugins.UnusedFilesFindPlugin(Object.assign(unusedFiles, {
       origin: _path.default.join(process.cwd(), folder)
     })));
   }
-
   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.
+  /**
+   * 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,
@@ -126,8 +104,7 @@ let getDevPlugins = (options, publicPath) => {
       propertiesFolder: i18n.propertiesFolder
     }));
   } else {
-    let i18nPath = _path.default.join(process.cwd(), context, 'i18n');
-
+    const i18nPath = _path.default.join(process.cwd(), context, 'i18n');
     if (_fs.default.existsSync(i18nPath)) {
       plugins.push(new _copyWebpackPlugin.default([{
         from: `${i18nPath}/`,
@@ -136,7 +113,6 @@ let getDevPlugins = (options, publicPath) => {
       }]));
     }
   }
-
   tpFolder && plugins.push(new _copyWebpackPlugin.default([{
     from: `${_path.default.join(process.cwd(), context, tpFolder)}/`,
     to: `./${tpFolder}/`,
@@ -146,20 +122,15 @@ let getDevPlugins = (options, publicPath) => {
     collections: true,
     shorthands: true
   }));
-
+  (0, _configHtmlWebpackPlugins.configHtmlWebpackPlugins)(plugins, {
+    enableChunkHash: false,
+    folder,
+    minify: false,
+    inject,
+    crossorigin,
+    hasEFC
+  });
   if (hasEFC) {
-    plugins.push(new _htmlWebpackPlugin.default({
-      chunksSortMode: 'none',
-      filename: 'index.html',
-      template: _path.default.join(process.cwd(), folder, 'index.html'),
-      excludeChunks: ['efc', 'widget'],
-      templateParameters: _common.templateParameters,
-      scriptLoading: 'defer',
-      inject: inject
-    }));
-    crossorigin && plugins.push(new _htmlWebpackInjectAttributesPlugin.default({
-      crossorigin: 'anonymous'
-    }));
     plugins.push(new _plugins.EFCPlugin({
       isDevelopment: true,
       i18nManifestFileName,
@@ -168,20 +139,8 @@ let getDevPlugins = (options, publicPath) => {
       serverUrl: publicPath,
       entryPointName: 'efc',
       nameScope: efcNameSpace,
-      localeAttr: efcLocaleAttr // outputFile: 'zohodesk-efc-sdk-latest.js',
-
-    }));
-  } else {
-    plugins.push(new _htmlWebpackPlugin.default({
-      chunksSortMode: 'none',
-      filename: 'index.html',
-      template: _path.default.join(process.cwd(), folder, 'index.html'),
-      templateParameters: _common.templateParameters,
-      scriptLoading: 'defer',
-      inject: inject
-    }));
-    crossorigin && plugins.push(new _htmlWebpackInjectAttributesPlugin.default({
-      crossorigin: 'anonymous'
+      localeAttr: efcLocaleAttr
+      // outputFile: 'zohodesk-efc-sdk-latest.js',
     }));
   }
 
@@ -195,15 +154,12 @@ let getDevPlugins = (options, publicPath) => {
   }));
   instrumentScript && plugins.push(new _plugins.ScriptInstrumentPlugin());
   hasShadowDOM && plugins.push(new _plugins.ShadowDOMSupportPlugin());
-
   if (devCssFileBountry) {
     plugins.push(new _RequireVariablePublicPlugin.default({
       requireFuncName: 'require'
     }));
   }
-
   return plugins.filter(Boolean);
 };
-
 var _default = getDevPlugins;
 exports.default = _default;

package/lib/pluginUtils/getDocsPlugins.js

@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
-
 var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-
 var _webpack = _interopRequireDefault(require("webpack"));
-
 var _path = _interopRequireDefault(require("path"));
-
 var _plugins = require("../plugins");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // isForLibraryImpact this variable for now only used in getLibraryImactPlugins.
 // So you gona use it please check with that function as well
+
 let getDocsPlugins = (isSSTest, options, isForLibraryImpact = false) => {
   let {
     app: {
@@ -38,7 +32,6 @@ let getDocsPlugins = (isSSTest, options, isForLibraryImpact = false) => {
     filename: 'css/[name].css',
     chunkFilename: 'css/[name].css'
   })].filter(Boolean);
-
   if (unusedFiles.enable) {
     plugins.push(new _plugins.UnusedFilesFindPlugin(Object.assign(unusedFiles, {
       docsFilename: 'Undocsfiles.json',
@@ -46,9 +39,7 @@ let getDocsPlugins = (isSSTest, options, isForLibraryImpact = false) => {
       origin: _path.default.join(process.cwd(), folder)
     })));
   }
-
   return plugins;
 };
-
 var _default = getDocsPlugins;
 exports.default = _default;

package/lib/pluginUtils/getLibraryImactPlugins.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getLibraryImactPlugins;
-
 var _libraryImpactPlugin = _interopRequireDefault(require("../plugins/libraryImpactPlugin"));
-
 var _getDocsPlugins = _interopRequireDefault(require("./getDocsPlugins"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // import ModuleStatsPlugin from '../plugins/ModuleStatsPlugin';
+
 function getLibraryImactPlugins(options) {
-  let plugins = (0, _getDocsPlugins.default)(false, options, true); // for performance But for furture maintanablity we adding isForLibraryImpact in getDocsPlugin
+  let plugins = (0, _getDocsPlugins.default)(false, options, true);
+
+  // for performance But for furture maintanablity we adding isForLibraryImpact in getDocsPlugin
   // plugins.filter(plugin => !(plugin instanceof ModuleStatsPlugin));
 
   plugins.push(new _libraryImpactPlugin.default({

package/lib/pluginUtils/getLibraryPlugins.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
-
 var _webpack = _interopRequireDefault(require("webpack"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 let getLibraryPlugins = () => {
   let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.DefinePlugin({
     __TEST__: false,
@@ -23,6 +19,5 @@ let getLibraryPlugins = () => {
   })];
   return plugins;
 };
-
 var _default = getLibraryPlugins;
 exports.default = _default;