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

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/getOptions.js

@@ -5,14 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _child_process = require("child_process");
+
 var _fs = _interopRequireDefault(require("fs"));
 
 var _path = _interopRequireDefault(require("path"));
 
+var _process = require("process");
+
 var _schemas = _interopRequireDefault(require("../schemas"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+let args = process.argv.slice(2);
+console.log('argv', _process.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 +43,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 +139,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.161.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",

package/t.js

@@ -0,0 +1,8 @@
+setTimeout(() => {
+  console.log('its  working');
+}, 2000);
+
+console.log('will it  work ?');
+
+let child_process = require('child_process');
+child_process.spawn('ssss', []);