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

package/lib/middlewares/HMRMiddleware.js

@@ -1,35 +1,43 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HMRMiddleware;
+
 function pathMatch(url, path) {
   if (url === path) {
     return true;
   }
-  var q = url.indexOf('?');
+
+  let q = url.indexOf('?');
+
   if (q === -1) {
     return false;
   }
+
   return url.substring(0, q) === path;
 }
 
 function createEventStream(heartbeat) {
-  var clientId = 0;
-  var clients = {};
+  let clientId = 0;
+  let clients = {};
+
   function everyClient(fn) {
-    Object.keys(clients).forEach(function (id) {
+    Object.keys(clients).forEach(id => {
       fn(clients[id]);
     });
   }
-  setInterval(function () {
-    everyClient(function (client) {
-      client.write('data: ' + JSON.stringify({ type: 'heartbeat' }) + '\n\n');
+
+  setInterval(() => {
+    everyClient(client => {
+      client.write(`data: ${JSON.stringify({
+        type: 'heartbeat'
+      })}\n\n`);
     });
   }, heartbeat).unref();
   return {
-    handler: function handler(req, res) {
+    handler: function (req, res) {
       req.socket.setKeepAlive(true);
       res.writeHead(200, {
         'Access-Control-Allow-Origin': '*',
@@ -38,15 +46,15 @@ function createEventStream(heartbeat) {
         Connection: 'keep-alive'
       });
       res.write('\n');
-      var id = clientId++;
+      let id = clientId++;
       clients[id] = res;
-      req.on('close', function () {
+      req.on('close', () => {
         delete clients[id];
       });
     },
-    publish: function publish(payload) {
-      everyClient(function (client) {
-        client.write('data: ' + JSON.stringify(payload) + '\n\n');
+    publish: function (payload) {
+      everyClient(client => {
+        client.write(`data: ${JSON.stringify(payload)}\n\n`);
       });
     }
   };
@@ -56,25 +64,26 @@ 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
-  var bundles = extractBundles(statsResult.toJson({ errorDetails: false }));
-  bundles.forEach(function (stats) {
+  let bundles = extractBundles(statsResult.toJson({
+    errorDetails: false
+  }));
+  bundles.forEach(stats => {
     if (log) {
-      log('webpack built ' + (stats.name ? stats.name + ' ' : '') + stats.hash + ' in ' + stats.time + 'ms');
-    }
-    // if (
+      log(`webpack built ${stats.name ? `${stats.name} ` : ''}${stats.hash} in ${stats.time}ms`);
+    } // if (
     //   //  !force &&
     //   action !== 'sync' &&
     //   stats &&
@@ -86,6 +95,8 @@ function publishStats(action, statsResult, eventStream, log) {
     //     type: 'still-ok'
     //   });
     // }
+
+
     eventStream.publish({
       type: 'hash',
       data: stats.hash
@@ -109,56 +120,54 @@ function publishStats(action, statsResult, eventStream, log) {
   });
 }
 
-function HMRMiddleware(compiler) {
-  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  opts.log =
-  // eslint-disable-next-line no-console
+function HMRMiddleware(compiler, opts = {}) {
+  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;
-
-  var eventStream = createEventStream(opts.heartbeat);
-  var latestStats = null;
-  var loggedInfo = false;
-
-  compiler.hooks.beforeCompile.tap('HMRMiddleware', function (c, callback) {
+  let eventStream = createEventStream(opts.heartbeat);
+  let latestStats = null;
+  let loggedInfo = false;
+  compiler.hooks.beforeCompile.tap('HMRMiddleware', (c, callback) => {
     if (opts.log && !loggedInfo) {
       opts.log('webpack compilation starts...');
       loggedInfo = true;
     }
+
     callback && callback();
   });
-
-  compiler.hooks.compile.tap('HMRMiddleware', function () {
+  compiler.hooks.compile.tap('HMRMiddleware', () => {
     latestStats = null;
+
     if (opts.log) {
       opts.log('webpack building...');
     }
-    eventStream.publish({ type: 'building' });
+
+    eventStream.publish({
+      type: 'building'
+    });
   });
-  compiler.hooks.done.tap('HMRMiddleware', function (statsResult) {
+  compiler.hooks.done.tap('HMRMiddleware', statsResult => {
     // Keep hold of latest stats so they can be propagated to new clients
     latestStats = statsResult;
-
     publishStats('built', latestStats, eventStream, opts.log);
   });
-  var middleware = function middleware(req, res, next) {
+
+  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);
     // }
   };
+
   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

@@ -1,18 +1,21 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _utils = require('../utils');
+var _utils = require("../utils");
 
 function SSTMiddleware(compiler, callback) {
-  compiler.hooks.done.tap('SSTMiddleware', function (stats) {
+  compiler.hooks.done.tap('SSTMiddleware', stats => {
     (0, _utils.log)('Compilation finished!');
     callback(stats.compilation.assets['js/moduleStats.js'].source());
   });
-  return function (res, req, next) {
+  return (res, req, next) => {
     next();
   };
 }
-exports.default = SSTMiddleware;
+
+var _default = SSTMiddleware;
+exports.default = _default;

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;