@zohodesk/react-cli 0.0.1-beta.160 → 0.0.1-beta.162.1

package/README.md

@@ -1,39 +1,106 @@
 # React CLI
 
 A CLI tool for build modern web application and libraries
+
+# 0.0.1-beta.162.1
+
+- **Issue Fix:-**
+  - if git not installed react-cli throws error for any command due to `getCurrentBranch` in `shemas/index.js` now fixed
+
+# 0.0.1-beta.161.1
+
+- **Features :-**
+  - feature added for pre process logic
+    - tailer made requirement for preprocess, just write node js file
+    - mention file in `"react-cli" => "preprocess" => "runner"`
+  - option parse logic added for react-cli (exprimental)
+
+# 0.0.1-beta.161
+
+- **Features :-**
+  - feature added for efc `templateFilePath` in `package.json` option palce is `"react-cli" => "efc" `
+  - `(('publicPath'))` this placeholder will be replace as publicPath string `publicPath`
+  - `(('getInitalAssets'))` this placeholder will be replace as function `getInitalAssets`
+  - `getInitalAssets` this function has two arguments `assetsType`, `lang`
+    - `assetsType` are `js`, `css`, `i18n`
+    - `lang` this argument only works when `i18n` is `assetsType`
+  - feature added for efc `cdnStatement`
+- **Issue fixes:-**
+  - css classname hash change issue fix
+  - debug package conflit issue fix in nock in (react-cli test)
+  - manifest.json css file name correction issue for rtl and ltr
+
+# 0.0.1-exp.161.2
+
+- Features
+  - feature added for efc `templateFilePath` in `package.json` option palce is `"react-cli" => "efc" `
+    - `(('publicPath'))` this placeholder will be replace as publicPath string `publicPath`
+    - `(('getInitalAssets'))` this placeholder will be replace as function `getInitalAssets`
+    - `getInitalAssets` this function has two arguments `assetsType`, `lang`
+      - `assetsType` are `js`, `css`, `i18n`
+      - `lang` this argument only works when `i18n` is `assetsType`
+
+# 0.0.1-exp.161.1
+
+- Features
+  - feature added for efc `cdnStatement`
+- Issue fixes:-
+  - css classname hash change issue fix
+  - debug package conflit issue fix in nock in (react-cli test)
+  - manifest.json css file name correction issue for rtl and ltr
+
 # 0.0.1-beta.160
+
 - @zohodesk/normalizer package version updated to 1.0.2
+
 # 0.0.1-beta.159
+
 - @zohodesk/datetimejs package updated to beta.7
+
+# 0.0.1-exp.159
+
+- isse fix:-
+  - when rtl ltr css split enable manifest json css filename keys comes with hash .
+
 # 0.0.1-beta.158
-  - Removing source map files from service worker caching.
+
+- Removing source map files from service worker caching.
+
 # 0.0.1-beta.157
-  - Experimental version issue fix(Dummy version removed)
+
+- Experimental version issue fix(Dummy version removed)
+
 # 0.0.1-beta.156
-  - ReportPublish issue fix
+
+- ReportPublish issue fix
 
 # 0.0.1-beta.155
-  - get impacted library source files option added
+
+- get impacted library source files option added
 
 # 0.0.1-beta.154
-  - mockPrefix option for mock url prefix change
-  - Issue fix:-
-    - un wanted {{--js-smap}} in inital html without enable smap in build
+
+- mockPrefix option for mock url prefix change
+- Issue fix:-
+  - un wanted {{--js-smap}} in inital html without enable smap in build
 
 # 0.0.1-beta.153
+
 - Vendor include array added
   - If you need to include any thrid party js in vendor we can use this array
 
 # 0.0.1-beta.152
+
 impact servise related changes:-
+
 - nowatchstart option added. will be used like `react-cli nowatchstart <...options>` this will be used for src file changes no need to reflect (or no need to rebulid on file changes)
 - cssselector_zip option added. will be used like `--cssselector-zip=selectormapping.zip`
   only work in two ways
   1. `react-cli start --disable-watch --cssselector-zip=selectormapping.zip` app start command with `--disable-watch` flag and your usaul options
   2. `react-cli nowatchstart --cssselector-zip=selectormapping.zip` app start command's usaul options
   #### Urls are:-
-  Below express path are added, For download zip files and  
-  - `/zips/${zipname}.zip`  for  css selector maps zip file (contains css_map filies  and original css files)
+  Below express path are added, For download zip files and
+  - `/zips/${zipname}.zip` for css selector maps zip file (contains css_map filies and original css files)
   - `/zips/build.zip` build zip file (contains bundled all files)
 
 # 0.0.1-beta.151

package/bin/cli.js

@@ -2,7 +2,7 @@
 
 let path = require('path');
 let os = require('os');
-let { spawnSync } = require('child_process');
+let { spawnSync, spawn } = require('child_process');
 let { getOptions } = require('../lib/utils/index.js');
 
 let { log } = require('../lib/utils');
@@ -42,8 +42,53 @@ let babel = getCliPath('babel');
 let propertyToJson = getCliPath('propertyToJson');
 let esLint = getCliPath('eslint');
 
+let preprocesserPath = options.preprocessor.runner
+  ? path.join(process.cwd(), options.preprocessor.runner)
+  : '';
+
+// console.log(
+//   'options.app.preprocessor',
+//   options.preprocessor.runner,
+//   preprocesserPath
+// );
+if (preprocesserPath) {
+  // eslint-disable-next-line default-case
+  switch (option) {
+    case 'start':
+    case 'docs':
+      spawn(nodemon, [preprocesserPath], {
+        stdio: 'inherit',
+        cwd: preprocesserPath.slice(0, preprocesserPath.lastIndexOf('/') + 1)
+      });
+      // NOTE:  it's ok if  we  not  close this  here
+      // Because when  node server stops this program willbe closed So this  nodemon  will be killed  as well
+      break;
+    case 'nowatchstart':
+    case 'build:library:es':
+    case 'build:component:es':
+    case 'build:library:cmjs':
+    case 'build:component:cmjs':
+      spawnSync('node', [preprocesserPath], {
+        stdio: 'inherit',
+        cwd: preprocesserPath.slice(0, preprocesserPath.lastIndexOf('/') + 1)
+      });
+      break;
+  }
+}
+
 let result;
 switch (option) {
+  case 'preprocessor':
+    if (preprocesserPath) {
+      result = spawnSync(nodemon, [preprocesserPath], {
+        stdio: 'inherit',
+        cwd: preprocesserPath.slice(0, preprocesserPath.lastIndexOf('/') + 1)
+      });
+      process.exit(result.status);
+    } else {
+      console.error('preProcessor not exists ');
+    }
+    break;
   case 'lint-setup': {
     result = spawnSync(
       'node',

package/eslint/NOTES.md

@@ -0,0 +1,3 @@
+Suggestions :
+
+1. 'lint-setup', 'add-lint-scripts' not need to exposed

package/eslint/mockapi.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>mock api</title>
+  </head>
+  <body>
+    <h1>We are going to see how to use mock api</h1>
+    <ul>
+      <li>
+        Step 1:-
+        you need to start the app with "react-cli"."app"."server"."hasMock" as "true" in package.json
+        <code>npm run start --app-port=9090</code>
+      </li>
+    </ul>
+  </body>
+</html>

package/eslint/mockapi.md

@@ -0,0 +1,5 @@
+# We are going to see how to use `Mock api`
+
+- Step 1:-
+  you need to start the app with **"react-cli"."app"."server"."hasMock"** as `true` and **"react-cli"."app"."server"."hasMock"** as `true` in package.json <code>npm run start --app-port=9090</code>
+- Step 2:- you need to start the app with **"react-cli"."app"."server"."hasMock"** as `true` in package.json <code>npm run start --app-port=9090</code>

package/lib/common/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "splitChunks", {
-  enumerable: true,
-  get: function () {
-    return _splitChunks.default;
-  }
-});
 Object.defineProperty(exports, "getEntries", {
   enumerable: true,
   get: function () {
@@ -21,6 +15,12 @@ Object.defineProperty(exports, "getPublicPathConfig", {
     return _getPublicPathConfig.default;
   }
 });
+Object.defineProperty(exports, "splitChunks", {
+  enumerable: true,
+  get: function () {
+    return _splitChunks.default;
+  }
+});
 Object.defineProperty(exports, "templateParameters", {
   enumerable: true,
   get: function () {

package/lib/configs/jest.config.js

@@ -2,9 +2,17 @@
 
 var _path = _interopRequireDefault(require("path"));
 
+var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let appPath = process.cwd();
+let appPath = process.cwd(); //   '^@root(.*)$': '<rootDir>/src$1',
+// '^@components(.*)$': '<rootDir>/src/components$1',
+
+let moduleNameMapper = Object.keys(_libAlias.libAlias).reduce((previousValue, key) => {
+  previousValue[`^${key}(.*)$`] = `${moduleNameMapper[key]}$1`;
+  return previousValue;
+}, {});
 let commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
@@ -14,10 +22,11 @@ let commonConfig = {
     '^.+\\.css$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
     '^(?!.*\\.(js|jsx|css|json)$)': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
   },
-  moduleNameMapper: {
+  moduleNameMapper: { ...moduleNameMapper,
     '\\.(css|less)$': 'identity-obj-proxy'
   },
-  transformIgnorePatterns: ['/node_modules.*?.js$'],
+  transformIgnorePatterns: ['/node_modules/(?!(@zohodesk)/)'],
+  // transformIgnorePatterns: ['/node_modules.*?.js$'],
   moduleFileExtensions: ['js'],
   setupFiles: [_path.default.resolve(appPath, '__testUtils__', 'globals.js'), _path.default.resolve(__dirname, '..', 'jest', 'setup.js')],
   globals: {

package/lib/configs/libAlias.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.libAlias = void 0;
+// the reason for alias at the time was code tree shaking
+// tree shaking was most compactable with ES module system
+// FIXME: But there is a posiblity when these  package  does not have lib,
+//  app will work because of alias, But may be jest won't work because of not alais
+//  So need to think about use alais in jest 
+const libAlias = {
+  '@zohodesk/components/lib': '@zohodesk/components/es',
+  // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
+  '@zohodesk/dot/lib': '@zohodesk/dot/es',
+  '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
+  '@zohodesk/icons/lib': '@zohodesk/icons/es',
+  '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
+  '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
+  '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
+  '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
+  '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
+  '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
+  '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
+  '@zohodesk/storage/lib': '@zohodesk/storage/es',
+  '@zohodesk/svg/lib': '@zohodesk/svg/es',
+  '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
+  '@zohodesk/variables/lib': '@zohodesk/variables/es',
+  '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
+};
+exports.libAlias = libAlias;

package/lib/configs/webpack.dev.config.js

@@ -10,6 +10,8 @@ var _pluginUtils = require("../pluginUtils");
 
 var _loaderUtils = require("../loaderUtils");
 
+var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let options = (0, _utils.getOptions)();
@@ -55,6 +57,9 @@ module.exports = {
   entry: (0, _common.getEntries)(options, 'dev'),
   devtool: sourcemap,
   mode: 'development',
+  watchOptions: {
+    ignored: /node_modules.(?!@zohodesk)/
+  },
   output,
   stats: options.app.disableWatch ? 'errors-only' : {
     children: false
@@ -127,25 +132,7 @@ module.exports = {
   },
   resolve: {
     modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
-    alias: disableES5Transpile ? {
-      '@zohodesk/components/lib': '@zohodesk/components/es',
-      // "@zohodesk/zc-custom/lib": "@zohodesk/zc-custom/es",
-      '@zohodesk/dot/lib': '@zohodesk/dot/es',
-      '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
-      '@zohodesk/icons/lib': '@zohodesk/icons/es',
-      '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
-      '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
-      '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
-      '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
-      '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
-      '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
-      '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
-      '@zohodesk/storage/lib': '@zohodesk/storage/es',
-      '@zohodesk/svg/lib': '@zohodesk/svg/es',
-      '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
-      '@zohodesk/variables/lib': '@zohodesk/variables/es',
-      '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-    } : {}
+    alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
     modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']

package/lib/configs/webpack.prod.config.js

@@ -10,6 +10,8 @@ var _pluginUtils = require("../pluginUtils");
 
 var _loaderUtils = require("../loaderUtils");
 
+var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let options = (0, _utils.getOptions)();
@@ -194,25 +196,7 @@ module.exports = {
   },
   resolve: {
     modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
-    alias: disableES5Transpile ? {
-      '@zohodesk/components/lib': '@zohodesk/components/es',
-      // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
-      '@zohodesk/dot/lib': '@zohodesk/dot/es',
-      '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
-      '@zohodesk/icons/lib': '@zohodesk/icons/es',
-      '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
-      '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
-      '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
-      '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
-      '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
-      '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
-      '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
-      '@zohodesk/storage/lib': '@zohodesk/storage/es',
-      '@zohodesk/svg/lib': '@zohodesk/svg/es',
-      '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
-      '@zohodesk/variables/lib': '@zohodesk/variables/es',
-      '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-    } : {}
+    alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
     modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']

package/lib/loaderUtils/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getDevJsLoaders", {
+Object.defineProperty(exports, "getCSSLoaders", {
   enumerable: true,
   get: function () {
-    return _getDevJsLoaders.default;
+    return _getCSSLoaders.default;
   }
 });
-Object.defineProperty(exports, "getCSSLoaders", {
+Object.defineProperty(exports, "getDevJsLoaders", {
   enumerable: true,
   get: function () {
-    return _getCSSLoaders.default;
+    return _getDevJsLoaders.default;
   }
 });
 

package/lib/pluginUtils/getDevPlugins.js

@@ -55,6 +55,7 @@ let getDevPlugins = (options, publicPath) => {
     },
     efc: {
       hasEFC: newOptionForEnableEFC,
+      templateFilePath,
       nameScope: efcNameSpace,
       localeAttr: efcLocaleAttr
     },
@@ -162,6 +163,7 @@ let getDevPlugins = (options, publicPath) => {
     plugins.push(new _plugins.EFCPlugin({
       isDevelopment: true,
       i18nManifestFileName,
+      templateFilePath,
       i18nFileNameTemplate,
       serverUrl: publicPath,
       entryPointName: 'efc',

package/lib/pluginUtils/getProdPlugins.js

@@ -72,6 +72,7 @@ let getProdPlugins = (options, publicPath = '') => {
   const {
     hasEFC: newOptionForEnableEFC,
     nameScope: efcNameSpace,
+    templateFilePath,
     localeAttr: efcLocaleAttr
   } = options.efc;
   const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
@@ -166,6 +167,7 @@ let getProdPlugins = (options, publicPath = '') => {
       isDevelopment,
       serverUrl: publicPath,
       i18nFileNameTemplate,
+      templateFilePath,
       i18nManifestFileName,
       entryPointName: 'efc',
       // outputFile: 'zohodesk-efc-sdk-latest.js',

package/lib/pluginUtils/index.js

@@ -9,34 +9,28 @@ Object.defineProperty(exports, "getDevPlugins", {
     return _getDevPlugins.default;
   }
 });
-Object.defineProperty(exports, "getProdPlugins", {
-  enumerable: true,
-  get: function () {
-    return _getProdPlugins.default;
-  }
-});
 Object.defineProperty(exports, "getDocsPlugins", {
   enumerable: true,
   get: function () {
     return _getDocsPlugins.default;
   }
 });
-Object.defineProperty(exports, "getServerPlugins", {
+Object.defineProperty(exports, "getLibraryPlugins", {
   enumerable: true,
   get: function () {
-    return _getServerPlugins.default;
+    return _getLibraryPlugins.default;
   }
 });
-Object.defineProperty(exports, "getLibraryPlugins", {
+Object.defineProperty(exports, "getProdPlugins", {
   enumerable: true,
   get: function () {
-    return _getLibraryPlugins.default;
+    return _getProdPlugins.default;
   }
 });
-Object.defineProperty(exports, "getUMDComponentPlugins", {
+Object.defineProperty(exports, "getServerPlugins", {
   enumerable: true,
   get: function () {
-    return _getUMDComponentPlugins.default;
+    return _getServerPlugins.default;
   }
 });
 Object.defineProperty(exports, "getUMDCSSPlugins", {
@@ -45,6 +39,12 @@ Object.defineProperty(exports, "getUMDCSSPlugins", {
     return _getUMDCSSPlugins.default;
   }
 });
+Object.defineProperty(exports, "getUMDComponentPlugins", {
+  enumerable: true,
+  get: function () {
+    return _getUMDComponentPlugins.default;
+  }
+});
 
 var _getDevPlugins = _interopRequireDefault(require("./getDevPlugins"));
 

package/lib/plugins/EFCPlugin.js

@@ -17,6 +17,8 @@ var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nK
 
 var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
 
+var _EFCTemplatePlugin = _interopRequireDefault(require("./EFCTemplatePlugin"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
@@ -34,17 +36,19 @@ const {
   efc: efcOptios
 } = cliOptions;
 const {
-  createSDkFile
+  createSDkFile,
+  cdnStatement
 } = efcOptios;
 
 class EFCPlugin {
   constructor(options = {}) {
     this.isDevelopment = options.isDevelopment;
+    this.templateFilePath = options.templateFilePath;
     this.serverUrl = options.serverUrl;
     this.i18nFileNameTemplate = options.i18nFileNameTemplate; // NOTE: this logic may be needed for i18n splited file name with contenthash cases
     // this.i18nManifestFileName = options.i18nManifestFileName;
     // IMPORTANT: here we mergeing optionds  from  pacakge.json  and options via constructor
-    // So when debugging consider this as well 
+    // So when debugging consider this as well
 
     this.options = Object.assign({}, efcOptios, options);
     this.options.entryPointName = options.entryPointName || 'efc';
@@ -125,20 +129,35 @@ class EFCPlugin {
   ${enableRTLSplit ? `const cssDir = ${cssDirStatement};` : ''}
   const prod = !${this.isDevelopment};
   let cdnVariableName = "${cdnVariableName}";
-  let assetURLs = {
-    //hook
-    js: ${JSON.stringify(jsPath || serverUrl)},
-    css: ${JSON.stringify(cssPath || serverUrl)},
-    i18n: ${JSON.stringify(i18nJsPath || serverUrl)}
-  };
+
+  function getAssetUrl(ext) {
+    ${cdnStatement ? `
+    return (() => {
+      let fu = (${cdnStatement});
+      return typeof fu === "function" ? fu(ext) : fu;
+    })();` : ''}
+
+    ${publicPaths.callback ? `return (${publicPaths.callback})(ext)` : ''}
+    
+    let assetURLs = {
+      //hook
+      js: ${JSON.stringify(jsPath || serverUrl)},
+      css: ${JSON.stringify(cssPath || serverUrl)},
+      i18n: ${JSON.stringify(i18nJsPath || serverUrl)}
+    };
+
+    return assetURLs[ext];
+
+  }
+  
 
   window.desk_urls={}
-  window.desk_urls.staticDomain = 'https:' + assetURLs.js + '/';
+  window.desk_urls.staticDomain = 'https:' + getAssetUrl('js') + '/';
   if (prod && cdnVariableName) {
-    window["${cdnVariableName}"] = 'https:' + assetURLs.css + '/';
+    window["${cdnVariableName}"] = 'https:' + getAssetUrl('css') + '/';
   }
 
-  let initalI18nAssets = ${initalI18nAssets}.map(urlpath => "${i18nJsPath}/"+ urlpath);
+  let initalI18nAssets = ${initalI18nAssets};
   let initialAssets = initalI18nAssets.concat(${JSON.stringify(enableRTLSplit ? filteredInitialFiles.map(filePath => (0, _replaceCssDirTemplate.replaceCssDirTemplate)(filePath, cssDirTemplate)) : filteredInitialFiles)});
 
   let loadAsset = (id, type, url) => {
@@ -150,12 +169,12 @@ class EFCPlugin {
       switch(type) {
         case 'script':
         case 'i18n':
-          el.src = (type === 'i18n'? assetURLs.i18n : assetURLs.js)+'/'+url
+          el.src = (type === 'i18n'? getAssetUrl('i18n') : getAssetUrl('js'))+'/'+url
           el.defer = 'defer';
           document.body.appendChild(el);
           break;
         case 'link':
-          el.href = assetURLs.css+'/'+url${enableRTLSplit ? `.replace(${JSON.stringify(cssDirTemplate)}, cssDir)` : ''}
+          el.href = getAssetUrl('css')+'/'+url${enableRTLSplit ? `.replace(${JSON.stringify(cssDirTemplate)}, cssDir)` : ''}
           el.rel = 'stylesheet';
           document.head.appendChild(el);
           break;
@@ -186,6 +205,17 @@ class EFCPlugin {
   apply(compiler) {
     if (!createSDkFile) {
       return;
+    } //console.log('this.templateFilePath', this.templateFilePath, this.options);
+
+
+    if (this.templateFilePath) {
+      new _EFCTemplatePlugin.default({
+        templateFilePath: this.templateFilePath,
+        publicPath: this.serverUrl,
+        i18nFileNameTemplate: this.i18nFileNameTemplate,
+        entryPointName: this.options.entryPointName
+      }).apply(compiler);
+      return;
     }
 
     compiler.hooks.emit.tap('EFCPlugin', compilation => {

package/lib/plugins/EFCTemplatePlugin.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _webpackSources = require("webpack-sources");
+
+var _utils = require("../utils");
+
+var _path = _interopRequireDefault(require("path"));
+
+var _fs = require("fs");
+
+var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
+
+var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nKeysIdentifer"));
+
+var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
+const cliOptions = (0, _utils.getOptions)();
+const {
+  i18n: {
+    chunkSplitEnable
+  },
+  css: {
+    enableRTLSplit
+  },
+  efc: efcOptios
+} = cliOptions;
+const {
+  createSDkFile
+} = efcOptios; // for smap relate changes
+// CdnChangePlugin
+// SourceMapHookPlugin
+
+class EFCTemplatePlugin {
+  constructor(options = {}) {
+    // console.log(' templateFilePath ', process.cwd(), options.templateFilePath, templateFilePath);
+    this.templateFilePath = _path.default.join(process.cwd(), options.templateFilePath); // console.log(' templateFilePath ', this.templateFilePath);
+
+    this.i18nFileNameTemplate = options.i18nFileNameTemplate;
+    this.publicPath = options.publicPath; // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+    // this.i18nManifestFileName = options.i18nManifestFileName;
+    // IMPORTANT: here we mergeing optionds  from  pacakge.json  and options via constructor
+    // So when debugging consider this as well
+    // this.options = Object.assign({}, efcOptios, options);
+
+    this.entryPointName = options.entryPointName || 'efc';
+    this.outputFile = efcOptios.outputFile.replace('[version]', efcOptios.version);
+  } // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+  // getI18nManifest(compilation) {
+  //   const i18nManifestFile =
+  //     compilation.assets[this.options.i18nManifestFileName];
+  //   if (i18nManifestFile) {
+  //     const manifest = JSON.parse(i18nManifestFile.source());
+  //     return manifest;
+  //   }
+  //   return {};
+  // }
+
+
+  getI18nAssetsStr(entryPoint, compilation) {
+    // NOTE: we have used lang variable inside
+    if (!chunkSplitEnable) {
+      let i18nAsstes = {};
+      let i18nFiles = Object.keys(compilation.assets).filter(assert => assert.indexOf(`i18n${_path.default.sep}`) !== -1); //hook for i18n url contains i18n/ may cause problem
+
+      i18nAsstes = i18nFiles.reduce((res, i18nFilePath) => {
+        let fileName = i18nFilePath.replace(`i18n${_path.default.sep}`, '');
+        let splittedFileName = fileName.split('.');
+        res[splittedFileName[0]] = i18nFilePath;
+        return res;
+      }, {});
+      return `[${JSON.stringify(i18nAsstes)}[lang]]`;
+    }
+
+    let initalI18nAssets = entryPoint.chunks.filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
+    return `${JSON.stringify(initalI18nAssets)}.map(urlpath => urlpath.replace(/@locale@/g, lang))`;
+  }
+
+  templateReplacer(entryPoint, compilation) {
+    const cssDirTemplate = '@dir@'; // const i18nManifest = this.getI18nManifest(compilation);
+
+    const initialFiles = entryPoint.getFiles();
+    const filteredInitialFiles = initialFiles.filter(file => /\.(css|js)$/.test(file));
+    const initialJsFiles = filteredInitialFiles.filter(file => /\.js$/.test(file));
+    let initialCssFiles = filteredInitialFiles.filter(file => /\.css$/.test(file));
+
+    if (enableRTLSplit) {
+      initialCssFiles = initialCssFiles.map(filePath => (0, _replaceCssDirTemplate.replaceCssDirTemplate)(filePath, cssDirTemplate));
+    } // const i18nAssets = getShortI18nAssets(
+    //   entryPoint.chunks,
+    //   i18nManifest,
+    //   '' // i18nJsPath
+    // );
+
+
+    const initalI18nAssets = this.getI18nAssetsStr(entryPoint, compilation, '' // i18nJsPath
+    );
+    let templateStr = (0, _fs.readFileSync)(this.templateFilePath).toString();
+    return templateStr.replace('((\'getInitalAssets\'))', `function getInitalAssets(assetsType, lang) {
+          if (assetsType === "js") {
+            return ${JSON.stringify(initialJsFiles)}
+          }
+          if (assetsType === "css") {
+            return ${JSON.stringify(initialCssFiles)}
+          }
+          if (assetsType === "i18n") {
+            return ${initalI18nAssets};
+          }
+          return  [];
+        }`).replace('((\'@dir@\'))', '\'@dir@\'').replace('((\'publicPath\'))', this.publicPath).replace('((\'@locale@\'))', '\'@locale@\'');
+  }
+
+  apply(compiler) {
+    if (!createSDkFile) {
+      return;
+    }
+
+    compiler.hooks.emit.tap('EFCTemplatePlugin', compilation => {
+      const {
+        entryPointName,
+        outputFile
+      } = this;
+      const entryPoint = compilation.entrypoints.get(entryPointName);
+
+      if (!entryPoint) {
+        return;
+      }
+
+      if (!(0, _fs.existsSync)(this.templateFilePath)) {
+        console.error(`EFC Template file not exists ${this.templateFilePath}`);
+        return;
+      }
+
+      const source = new _webpackSources.RawSource(this.templateReplacer(entryPoint, compilation));
+      compilation.assets[outputFile] = source; // console.log('EFCTemplatePlugin working');
+      // eslint-disable-next-line no-console
+
+      console.log('The EFC embedded code was created successfully..!!!');
+    });
+  }
+
+}
+
+exports.default = EFCTemplatePlugin;

package/lib/plugins/I18nSplitPlugin/utils/hashUtils.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasContentHash = hasContentHash;
-exports.getShortI18nAssets = getShortI18nAssets;
 exports.REGEXP_CONTENTHASH = void 0;
+exports.getShortI18nAssets = getShortI18nAssets;
+exports.hasContentHash = hasContentHash;
 
 var _urlConcat = require("../../../utils/urlConcat");
 

package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.getAllI18n = getAllI18n;
+exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.jsonToString = jsonToString;
 
 var _fs = require("fs");

package/lib/plugins/ManifestPlugin.js

@@ -21,6 +21,14 @@ let filenameParser = filename => {
   } = _path.default.parse(hashedName);
 
   let nameparts = name.split('.');
+
+  if (ext === '.css' && /^(rtl|ltr)$/.test(nameparts[nameparts.length - 1])) {
+    return {
+      name: nameparts.slice(0, nameparts.length - 2).join('.') + ext,
+      hashedName
+    };
+  }
+
   return {
     name: nameparts.slice(0, nameparts.length - 1).join('.') + ext,
     hashedName

package/lib/plugins/index.js

@@ -3,88 +3,82 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ModuleStatsPlugin", {
-  enumerable: true,
-  get: function () {
-    return _ModuleStatsPlugin.default;
-  }
-});
-Object.defineProperty(exports, "SourceMapHookPlugin", {
+Object.defineProperty(exports, "CdnChangePlugin", {
   enumerable: true,
   get: function () {
-    return _SourceMapHookPlugin.default;
+    return _CdnChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+Object.defineProperty(exports, "CleanUpStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _UnusedFilesFindPlugin.default;
+    return _CleanupStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "ScriptInstrumentPlugin", {
+Object.defineProperty(exports, "EFCPlugin", {
   enumerable: true,
   get: function () {
-    return _ScriptInstrumentPlugin.default;
+    return _EFCPlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathChangePlugin", {
+Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathChangePlugin.default;
+    return _I18NInjectIntoIndexPlugin.default;
   }
 });
-Object.defineProperty(exports, "OptimizeJSPlugin", {
+Object.defineProperty(exports, "ManifestPlugin", {
   enumerable: true,
   get: function () {
-    return _OptimizeJSPlugin.default;
+    return _ManifestPlugin.default;
   }
 });
-Object.defineProperty(exports, "ResourceHintsPlugin", {
+Object.defineProperty(exports, "ModuleStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _ResourceHintsPlugin.default;
+    return _ModuleStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "UglifyCSSPlugin", {
+Object.defineProperty(exports, "OptimizeJSPlugin", {
   enumerable: true,
   get: function () {
-    return _UglifyCSSPlugin.default;
+    return _OptimizeJSPlugin.default;
   }
 });
-Object.defineProperty(exports, "ManifestPlugin", {
+Object.defineProperty(exports, "PublicPathCallbackPlugin", {
   enumerable: true,
   get: function () {
-    return _ManifestPlugin.default;
+    return _PublicPathCallbackPlugin.default;
   }
 });
-Object.defineProperty(exports, "CleanUpStatsPlugin", {
+Object.defineProperty(exports, "PublicPathChangePlugin", {
   enumerable: true,
   get: function () {
-    return _CleanupStatsPlugin.default;
+    return _PublicPathChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "EFCPlugin", {
+Object.defineProperty(exports, "ReportGeneratePlugin", {
   enumerable: true,
   get: function () {
-    return _EFCPlugin.default;
+    return _ReportGeneratePlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathCallbackPlugin", {
+Object.defineProperty(exports, "ResourceHintsPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathCallbackPlugin.default;
+    return _ResourceHintsPlugin.default;
   }
 });
-Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
+Object.defineProperty(exports, "ScriptInstrumentPlugin", {
   enumerable: true,
   get: function () {
-    return _I18NInjectIntoIndexPlugin.default;
+    return _ScriptInstrumentPlugin.default;
   }
 });
-Object.defineProperty(exports, "ReportGeneratePlugin", {
+Object.defineProperty(exports, "ServiceWorkerPlugin", {
   enumerable: true,
   get: function () {
-    return _ReportGeneratePlugin.default;
+    return _ServiceWorkerPlugin.default;
   }
 });
 Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
@@ -93,10 +87,10 @@ Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
     return _ShadowDOMSupportPlugin.default;
   }
 });
-Object.defineProperty(exports, "ServiceWorkerPlugin", {
+Object.defineProperty(exports, "SourceMapHookPlugin", {
   enumerable: true,
   get: function () {
-    return _ServiceWorkerPlugin.default;
+    return _SourceMapHookPlugin.default;
   }
 });
 Object.defineProperty(exports, "TPHashMappingPlugin", {
@@ -105,10 +99,16 @@ Object.defineProperty(exports, "TPHashMappingPlugin", {
     return _TPHashMappingPlugin.default;
   }
 });
-Object.defineProperty(exports, "CdnChangePlugin", {
+Object.defineProperty(exports, "UglifyCSSPlugin", {
   enumerable: true,
   get: function () {
-    return _CdnChangePlugin.default;
+    return _UglifyCSSPlugin.default;
+  }
+});
+Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+  enumerable: true,
+  get: function () {
+    return _UnusedFilesFindPlugin.default;
   }
 });
 

package/lib/postcss-plugins/RTLSplitPlugin.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.separateSingleDir = separateSingleDir;
 exports.separateRtlAndLtr = separateRtlAndLtr;
+exports.separateSingleDir = separateSingleDir;
 
 var postcss = _interopRequireWildcard(require("postcss"));
 

package/lib/schemas/index.js

@@ -18,6 +18,12 @@ var _default = {
     value: null,
     cli: 'ssl_cert_url'
   },
+  preprocessor: {
+    runner: {
+      value: '',
+      cli: 'preprocessor'
+    }
+  },
   i18n: {
     chunkSplitEnable: {
       value: false,
@@ -42,11 +48,14 @@ var _default = {
     nameScope: 'ZOHODESK',
     version: 'default',
     outputFile: 'zohodesk-efc-sdk-[version].js',
+    templateFilePath: '',
     localeAttr: 'data-efc-locale',
     localeDefaultValue: 'en_US',
     localeStatement: null,
     cssDirAttr: 'data-efc-dir',
     cssDirDefaultValue: 'ltr',
+    cdnStatement: '',
+    // cdnStatement: "new URL(document.querySelector(\"script[src*='zohodesk-efc-sdk']\").src).origin",
     cssDirStatement: null
   },
   app: {

package/lib/templates/linterConstant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.endTag = exports.htmlTemplate = void 0;
+exports.htmlTemplate = exports.endTag = void 0;
 const htmlTemplate = '<!DOCTYPE html><html> <head> <title>Eslint Security Rule</title> <style type="text/css"> body{margin: 0; font: 93.75%/1.6 -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}body, html{width: 100%; height: 100%;}.pkCont{}.pkEmpty{height: 300px;display: flex;align-items: center;justify-content: center;font-size: 20px;}.pkUl{margin: 0; padding: 0; list-style-type: none;}.pkLi{}.pkRow{display: flex; padding: 12px 16px;}.pkArrowCont{cursor: pointer; width: 50px; display: flex; align-items: center; justify-content: center; background-color: #f4f5f5; border-radius: 4px;}.pkArrow{width: 1px; height: 1px; border: 5px solid; border-color: #000 transparent transparent; margin-top: 7px;}.pkDetailsOpen .pkArrow{margin: 0 0 7px; border-color: transparent transparent #000;}.pkFileName{font-weight: 600; margin: 0 8px;}.pkUrl{flex: 1; min-width: 0; min-height: 0; word-break: break-word; word-wrap: break-word; color: blue;}.pkDetails{margin-left: 66px; display: none;}.pkDetailsOpen .pkDetails{display: block;}.pkDetailsHead{font-weight: 600; display: flex; border: 1px solid #e5e5e5; padding: 3px 8px;}.pkDetailsBody{max-height: 400px; overflow: auto;}.pkDetailsRow{display: flex; padding: 10px 8px;}.pkDetailsRow:nth-child(even){background-color: #f4f5f5;}.pkDetailsCol{word-break: break-word; word-wrap: break-word;}.pkError{color: red;}.pkDetailsCol:nth-child(1){width: 10%;}.pkDetailsCol:nth-child(2){width: 10%;}.pkDetailsCol:nth-child(3){width: 40%;}.pkDetailsCol:nth-child(4){width: 40%;}</style> <script>function toggleWrapper(element){var classArray=element.parentElement.parentElement.className; if (classArray.includes("pkDetailsOpen")){element.parentElement.parentElement.className="pkLi";}else{element.parentElement.parentElement.className="pkLi pkDetailsOpen";}}</script> </head> <body> <div class="pkCont">';
 exports.htmlTemplate = htmlTemplate;
 const endTag = '</div></body></html>';

package/lib/utils/cssClassNameGenerate.js

@@ -40,6 +40,13 @@ var _default = (unique = true, {
   filenames,
   packages
 }, classNamePrefix) => (context, localIdentName, localName) => {
+  // NOTE:  in build macine we use date as folder path.
+  // So every time we create new build there is path will alway different
+  // in order to minmaze that problem we try in relative path;
+  // console.log('context.resourcePath', context.resourcePath, context);
+  // let contextResourcePath = context.resourcePath;
+  let relativePath = _path.default.relative(context.rootContext, context.resourcePath);
+
   if (context.resourcePath.endsWith('.plain.css')) {
     return localName;
   }
@@ -47,7 +54,7 @@ var _default = (unique = true, {
 
 
   if (unique) {
-    let h = (0, _getHash.default)(context.resourcePath + localName, 10);
+    let h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
     return `${classNamePrefix}${h}`;
   }
   /* old production mode end*/
@@ -60,7 +67,7 @@ var _default = (unique = true, {
   //let local = localName.toLowerCase()
 
   if (isSelectorPackage(context.resourcePath, packages) || filenames.indexOf(cleanFileName) !== -1) {
-    let h = (0, _getHash.default)(context.resourcePath + localName, 10);
+    let h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
     return `${classNamePrefix}${h}`;
   }
 

package/lib/utils/cssURLReplacer.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cssUrlReplacer = exports.getUrls = exports.getFileType = void 0;
+exports.getUrls = exports.getFileType = exports.cssUrlReplacer = void 0;
 
 var _fs = _interopRequireDefault(require("fs"));
 

package/lib/utils/getCurrentBranch.js

@@ -22,7 +22,7 @@ var _default = (type = 'git', cwd = process.cwd()) => {
     });
   }
 
-  let [currentBranch] = results.output.filter(d => d);
+  let [currentBranch] = results && results.output ? results.output.filter(d => d) : [''];
   return currentBranch.replace(/(\r\n|\n|\r)/gm, '');
 };
 

package/lib/utils/getOptions.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _child_process = require("child_process");
+
 var _fs = _interopRequireDefault(require("fs"));
 
 var _path = _interopRequireDefault(require("path"));
@@ -13,6 +15,9 @@ var _schemas = _interopRequireDefault(require("../schemas"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import { argv } from 'process';
+let args = process.argv.slice(2); // console.log('argv', argv);
+
 const NPM_CONFIG_PREFIX = 'npm_config_'; // TODO: we have to do option parse logic little better
 // if user use react-cli stritly without using npm scripts options won't work,
 //  So  we have to write our own option parse logic or some other library
@@ -37,6 +42,51 @@ keysWithColon.forEach(key => {
   processEnv[nkey] = processEnv[key];
 });
 
+function getNpmVersion() {
+  // require("child_process").
+  let vers = '6';
+
+  try {
+    [vers] = (0, _child_process.execSync)('npm -v').toString().trim().split('.');
+  } catch (error) {
+    console.log(error);
+  }
+
+  return vers;
+}
+
+function getCWD() {
+  // require("child_process").
+  let cwd = process.cwd();
+
+  try {
+    let ress = (0, _child_process.execSync)('npm bin').toString();
+    let i = ress.lastIndexOf('node_modules');
+    cwd = i === -1 ? cwd : ress.slice(0, ress.lastIndexOf('node_modules'));
+  } catch (error) {
+    console.log(error);
+  }
+
+  return cwd;
+}
+
+args.forEach(option => {
+  if (/^--./.test(option)) {
+    let equIndex = option.indexOf('='); // equIndex = equIndex === -1 ? option.length : equIndex;
+
+    let key = option.slice(2, equIndex);
+    let value = option.slice(equIndex + 1);
+
+    if (equIndex === -1) {
+      key = option.slice(2);
+      value = true;
+    }
+
+    key = key.replace(/-/g, '_').replace(/:/g, '_');
+    processEnv[key] = value;
+  }
+});
+
 let defaulter = (target, source) => {
   let defaultObject = {};
   Object.keys(target).forEach(key => {
@@ -88,6 +138,8 @@ let getOptions = () => {
   }
 
   let options = defaulter(_schemas.default, userSchemas || {});
+  options.npmVersion = getNpmVersion();
+  options.cwd = getCWD();
   options.packageVersion = process.env.npm_package_version;
   global.reactCLIOptions = options;
   return options;

package/lib/utils/index.js

@@ -21,22 +21,16 @@ var _exportNames = {
   getComponents: true,
   ssTestHack: true
 };
-Object.defineProperty(exports, "getOptions", {
-  enumerable: true,
-  get: function () {
-    return _getOptions.default;
-  }
-});
 Object.defineProperty(exports, "createEventStream", {
   enumerable: true,
   get: function () {
     return _createEventStream.default;
   }
 });
-Object.defineProperty(exports, "getServerURL", {
+Object.defineProperty(exports, "getComponents", {
   enumerable: true,
   get: function () {
-    return _getServerURL.default;
+    return _getComponents.default;
   }
 });
 Object.defineProperty(exports, "getCurrentBranch", {
@@ -45,22 +39,23 @@ Object.defineProperty(exports, "getCurrentBranch", {
     return _getCurrentBranch.default;
   }
 });
-Object.defineProperty(exports, "switchBranch", {
+Object.defineProperty(exports, "getDependenciesImpactList", {
   enumerable: true,
   get: function () {
-    return _switchBranch.default;
+    return _getDependenciesImpactList.default;
   }
 });
-Object.defineProperty(exports, "pullOrigin", {
+exports.getLibraryConflict = exports.getInfoFromPublicPaths = void 0;
+Object.defineProperty(exports, "getOptions", {
   enumerable: true,
   get: function () {
-    return _pullOrigin.default;
+    return _getOptions.default;
   }
 });
-Object.defineProperty(exports, "request", {
+Object.defineProperty(exports, "getServerURL", {
   enumerable: true,
   get: function () {
-    return _request.default;
+    return _getServerURL.default;
   }
 });
 Object.defineProperty(exports, "jsonHelper", {
@@ -69,16 +64,17 @@ Object.defineProperty(exports, "jsonHelper", {
     return _jsonHelper.default;
   }
 });
-Object.defineProperty(exports, "getDependenciesImpactList", {
+exports.makeDir = exports.log = void 0;
+Object.defineProperty(exports, "pullOrigin", {
   enumerable: true,
   get: function () {
-    return _getDependenciesImpactList.default;
+    return _pullOrigin.default;
   }
 });
-Object.defineProperty(exports, "getComponents", {
+Object.defineProperty(exports, "request", {
   enumerable: true,
   get: function () {
-    return _getComponents.default;
+    return _request.default;
   }
 });
 Object.defineProperty(exports, "ssTestHack", {
@@ -87,7 +83,13 @@ Object.defineProperty(exports, "ssTestHack", {
     return _ssTestHack.default;
   }
 });
-exports.getLibraryConflict = exports.getInfoFromPublicPaths = exports.makeDir = exports.writeFile = exports.log = void 0;
+Object.defineProperty(exports, "switchBranch", {
+  enumerable: true,
+  get: function () {
+    return _switchBranch.default;
+  }
+});
+exports.writeFile = void 0;
 
 var _stream = require("stream");
 

package/lib/utils/jsonHelper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setTestInfoStatus = exports.jsonHelper = exports.jsonConcate = exports.fileHandler = exports.getRunnerDetail = void 0;
+exports.setTestInfoStatus = exports.jsonHelper = exports.jsonConcate = exports.getRunnerDetail = exports.fileHandler = void 0;
 
 let fs = require('fs');
 

package/lib/utils/reinstallDependencies.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.reinstallDependencies = exports.reinstallDependencies1 = exports.collectPackageDiff = void 0;
+exports.reinstallDependencies1 = exports.reinstallDependencies = exports.collectPackageDiff = void 0;
 
 var _fs = _interopRequireDefault(require("fs"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-beta.160",
+  "version": "0.0.1-beta.162.1",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -55,6 +55,7 @@
     "copy-webpack-plugin": "5.1.2",
     "core-js": "3.6.5",
     "css-loader": "4.2.1",
+    "debug": "4.3.3",
     "escodegen": "2.0.0",
     "eslint": "7.6.0",
     "eslint-html-reporter": "0.7.4",
@@ -94,7 +95,6 @@
     "postcss-selector-replace": "1.0.2",
     "prop-types": "15.7.2",
     "react": "16.13.1",
-    "react-dev-utils": "10.2.1",
     "react-dom": "16.13.1",
     "react-error-overlay": "6.0.7",
     "react-redux": "7.2.1",
@@ -117,7 +117,7 @@
     "url-loader": "4.1.0",
     "velocity-react": "1.4.3",
     "webpack": "4.44.1",
-    "webpack-bundle-analyzer": "3.8.0",
+    "webpack-bundle-analyzer": "4.5.0",
     "webpack-cli": "3.3.12",
     "webpack-core": "0.6.9",
     "webpack-dev-middleware": "3.7.2",