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

package/.eslintrc.js

@@ -108,7 +108,9 @@ let commonConfigs = {
     'comma-dangle': [logLevel],
     'comma-spacing': [logLevel],
     'func-call-spacing': [logLevel],
-    indent: [logLevel, 2, { SwitchCase: 1 }],
+    // reference to this https://stackoverflow.com/questions/56337176/prettier-and-eslint-indents-not-working-together
+    // when using prettier, we should disable eslint's indent rule
+    indent: ['off', 2, { SwitchCase: 1 }],
     'jsx-quotes': [logLevel, 'prefer-single'],
     'key-spacing': [logLevel],
     'keyword-spacing': [logLevel],
@@ -140,8 +142,6 @@ let commonConfigs = {
     'prefer-template': [logLevel],
     'prefer-rest-params': [logLevel],
     'no-useless-constructor': [logLevel],
-    'no-duplicate-imports': [logLevel],
-    'array-callback-return': [logLevel],
     'no-use-before-define': [logLevel],
 
     'react/default-props-match-prop-types': [logLevel],
@@ -152,7 +152,6 @@ let commonConfigs = {
     'react/no-this-in-sfc': [logLevel],
     'react/no-will-update-set-state': [logLevel],
     'react/no-unused-state': [logLevel],
-    'react/no-will-update-set-state': [logLevel],
     // 'react/require-default-props': [logLevel],
     // 'react/require-optimization': [logLevel],
 
@@ -171,9 +170,6 @@ let commonConfigs = {
     'react/jsx-no-duplicate-props': [logLevel],
     'react/no-deprecated': [logLevel],
     'react/no-children-prop': [logLevel],
-    'react/no-unused-state': [logLevel],
-    'react/destructuring-assignment': [logLevel],
-    'react/default-props-match-prop-types': [logLevel],
 
     'css-modules/no-unused-class': [logLevel, { camelCase: true }],
     'css-modules/no-undef-class': [logLevel, { camelCase: 'only' }]

package/README.md

@@ -2,6 +2,37 @@
 
 A CLI tool for build modern web application and libraries
 
+# 0.0.1-beta.165
+
+- `valueReplacer` option added in shemas for font name replace related issue handling, for more [details](./docs/ValueReplacer.md)
+- `valuereplacer` option added in react-cli it takes three
+  1. sourceDir
+  2. distDir
+  3. `copyAll` is boolean flag which is for copy all other file or not. "true" means copy all files.
+
+# 0.0.1-beta.164
+
+- typo fix
+
+# 0.0.1-beta.163
+
+- **Issue Fix:-**
+
+  - if git not installed react-cli throws error for any command due to `getCurrentBranch` in `shemas/index.js` now fixed
+  - jest test cases not runnig issue fix (typo moduleNameMapper => libAlias)
+
+- **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)
+  - `--stop_nodemon` usally preprocessor run in `nodemon` so to stop it this option is provided
+
+# 0.0.1-exp.162.2
+
+- **Optimazation:-**
+  - double time minimize optimazation
+
 # 0.0.1-beta.162.1
 
 - **Issue Fix:-**
@@ -15,10 +46,14 @@ A CLI tool for build modern web application and libraries
     - mention file in `"react-cli" => "preprocess" => "runner"`
   - option parse logic added for react-cli (exprimental)
 
+# 0.0.1-beta.162
+
+- @zohodesk/datetimejs package updated to beta.8
+
 # 0.0.1-beta.161
 
 - **Features :-**
-  - feature added for efc `templateFilePath` in `package.json` option palce is `"react-cli" => "efc" `
+  - feature added for efc `templateFilePath` in `package.json` option palce is `"react-cli" => "efc" => "templateFilePath"`
   - `(('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`

package/bin/cli.js

@@ -1,28 +1,30 @@
 #!/usr/bin/env node
 
-let path = require('path');
-let os = require('os');
-let { spawnSync, spawn } = require('child_process');
-let { getOptions } = require('../lib/utils/index.js');
+const path = require('path');
+const os = require('os');
+const { existsSync } = require('fs');
+const { spawnSync, spawn } = require('child_process');
+const { getOptions } = require('../lib/utils/index.js');
 
-let { log } = require('../lib/utils');
+const { log } = require('../lib/utils');
 //initPreCommitHook();
 
-let options = getOptions();
+const options = getOptions();
 
-let { esLint: esLintOptions } = options || {};
-let {
+const { esLint: esLintOptions } = options || {};
+const { preprocess } = options;
+const {
   ignoreFilePaths: esLintIgnorePaths,
   fix: esLintFix,
   isCI: isCI,
   reportPath: reportPath
 } = esLintOptions || {};
 
-let isWindows = os.platform().toLowerCase() === 'win32';
+const isWindows = os.platform().toLowerCase() === 'win32';
 
-let [, , option] = process.argv;
-let args = process.argv.slice(3);
-let appPath = process.cwd();
+const [, , option] = process.argv;
+const args = process.argv.slice(3);
+const appPath = process.cwd();
 
 const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
 
@@ -35,28 +37,23 @@ function getCliPath(libName) {
   return _getCliPath(libName) + suffixExt;
 }
 
-let webpack = getCliPath('webpack');
+const webpack = getCliPath('webpack');
 
-let nodemon = getCliPath('nodemon');
-let babel = getCliPath('babel');
-let propertyToJson = getCliPath('propertyToJson');
-let esLint = getCliPath('eslint');
+const nodemon = getCliPath('nodemon');
+const babel = getCliPath('babel');
+const propertyToJson = getCliPath('propertyToJson');
+const esLint = getCliPath('eslint');
 
-let preprocesserPath = options.preprocessor.runner
-  ? path.join(process.cwd(), options.preprocessor.runner)
+const preprocesserPath = preprocess.runner
+  ? path.join(process.cwd(), preprocess.runner)
   : '';
-
-// console.log(
-//   'options.app.preprocessor',
-//   options.preprocessor.runner,
-//   preprocesserPath
-// );
-if (preprocesserPath) {
+const preprocessCli = preprocess.stopNodemon ? 'node' : nodemon;
+if (preprocesserPath && existsSync(preprocesserPath)) {
   // eslint-disable-next-line default-case
   switch (option) {
     case 'start':
     case 'docs':
-      spawn(nodemon, [preprocesserPath], {
+      spawn(preprocessCli, [preprocesserPath], {
         stdio: 'inherit',
         cwd: preprocesserPath.slice(0, preprocesserPath.lastIndexOf('/') + 1)
       });
@@ -79,14 +76,14 @@ if (preprocesserPath) {
 let result;
 switch (option) {
   case 'preprocessor':
-    if (preprocesserPath) {
-      result = spawnSync(nodemon, [preprocesserPath], {
+    if (preprocesserPath && existsSync(preprocesserPath)) {
+      result = spawnSync(preprocessCli, [preprocesserPath], {
         stdio: 'inherit',
         cwd: preprocesserPath.slice(0, preprocesserPath.lastIndexOf('/') + 1)
       });
       process.exit(result.status);
     } else {
-      console.error('preProcessor not exists ');
+      console.error(`preProcessor not exists ${preprocesserPath}`);
     }
     break;
   case 'lint-setup': {
@@ -123,6 +120,15 @@ switch (option) {
       { stdio: 'inherit' }
     );
 
+    process.exit(result.status);
+    break;
+  case 'valuereplacer':
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/common/valueReplacer')].concat(args),
+      { stdio: 'inherit' }
+    );
+
     process.exit(result.status);
     break;
   case 'app':
@@ -200,10 +206,11 @@ switch (option) {
     break;
 
   case 'clean':
-    args = args.map(arg => path.join(appPath, arg));
     result = spawnSync(
       'node',
-      [require.resolve('../lib/utils/clean')].concat(args),
+      [require.resolve('../lib/utils/clean')].concat(
+        args.map(arg => path.join(appPath, arg))
+      ),
       { stdio: 'inherit' }
     );
     process.exit(result.status);
@@ -263,12 +270,15 @@ switch (option) {
     result = spawnSync(
       webpack,
       [
+        // '--progress',
+        // '--profile',
         '--config',
         require.resolve('../lib/configs/webpack.prod.config.js')
       ].concat(args),
       { stdio: 'inherit' }
     );
 
+    // console.log(result);
     process.exit(result.status);
     break;
 

package/docs/ValueReplacer.md

@@ -0,0 +1,60 @@
+# value replacer
+
+<!-- file paths
+  1. src/postcss-plugins/ValueReplacer.js
+  2. src/common/valueReplacer.js
+ -->
+
+this option is array of objects which will have a two keys
+new option `valueReplacer` added for replace css property value while build running
+
+- this option is array of object, that object two keys
+  1. `props` key for array of property names
+  2. `values` key is object ,this object key contents will be replaced as value content
+- this option wiil be work for below
+
+  - `start`
+  - `docs`
+  - `nowatchstart`
+  - `devbuild`
+  - `build:library:es`
+  - `build:component:es`
+  - `build:library:cmjs`
+  - `build:component:cmjs`
+    Example data:-
+
+  ```json
+  {
+    "react-cli": {
+      "css": {
+        "valueReplacer": [
+          {
+            "props": ["font", "font-family"],
+            "values": {
+              "zdfonts-rCallBar": "zdf-rCallBar_1",
+              "zdfonts-rPuvi": "zdf-rPuvi_1"
+            }
+            // ,suffix: '0'
+          }
+        ]
+      }
+    }
+  }
+  ```
+
+  Example Replace:-
+  before replace
+
+  ```css
+  .some-selector {
+    font: zdfonts-rCallBar !important;
+  }
+  ```
+
+  after replace
+
+  ```css
+  .some-selector {
+    font: zdf-rCallBar_1 !important;
+  }
+  ```

package/eslint/a23.c

@@ -0,0 +1,16 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 23
+
+int main()
+{
+  // Write C code here
+  int i = 20, j = 22, k = 20, l = 10;
+
+  for (int m = 0; m <= 10; m++)
+  {
+    l = ++i + ++j - k--;
+  }
+  printf("%d\n", l);
+  return 0;
+}

package/eslint/a28.c

@@ -0,0 +1,25 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 28
+int mark(int x)
+{
+  if (x <= 0)
+  {
+    return 1;
+  }
+  return 0;
+}
+
+int main()
+{
+  // Write C code here
+  int x = 2345, t, a = 0;
+  while (x > 0)
+  {
+    t = x % 10;
+    a += mark(t);
+    x /= 10;
+  }
+  printf("%d\n", a);
+  return 0;
+}

package/eslint/a29.c

@@ -0,0 +1,25 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 29
+
+int main()
+{
+  // Write C code here
+  int x = 777, y, s = 0, m, n, t, u;
+  y = x;
+  for (m = 0; y != 0; y /= 10)
+  {
+    u = y % 9;
+    for (n = m, t = 1; n >= 0; n--)
+    {
+      t *= 9;
+    }
+    if (u < 5)
+    {
+      u += 3;
+    }
+    s = s * u + t;
+  }
+  printf("%d\n", s);
+  return 0;
+}

package/eslint/a30.c

@@ -0,0 +1,29 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 30
+
+int main()
+{
+  // Write C code here
+  int a[8] = {24, 27, 33, 27, 9, 43, 0, 3};
+  int i, sum = 0;
+  for (i = 0; i < 5; i = i + 1)
+  {
+    switch (a[i] % 3)
+    {
+    case 2:
+      sum = sum * sum;
+      break;
+    case 1:
+      sum += a[i];
+      break;
+    case 0:
+      sum -= a[i];
+      break;
+    default:
+      sum = sum * a[i];
+    }
+  }
+  printf("%d\n", sum);
+  return 0;
+}

package/eslint/a31.c

@@ -0,0 +1,23 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 31
+
+int main()
+{
+  // Write C code here
+  int x = 16, y = 32, i = 0;
+  do
+  {
+    if (x % 2 == 0)
+    {
+      y /= 2;
+    }
+    if (y % 2 < 1)
+    {
+      x /= 2;
+    }
+    i++;
+  } while (x > 1);
+  printf("%d\n", i);
+  return 0;
+}

package/eslint/a35.c

@@ -0,0 +1,23 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 34
+int compute(int a, int b)
+{
+  if (b == 1)
+  {
+    return a;
+  }
+  else
+  {
+    return a + compute(a, --b);
+  }
+}
+
+int main()
+{
+  // Write C code here
+  int a = 37, b = 26, result = 0;
+  result = compute(a, b);
+  printf("%d\n", result);
+  return 0;
+}

package/eslint/a36.c

@@ -0,0 +1,18 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 36
+int main()
+{
+  // Write C code here
+  char a[] = {'o', 'm', 'p', 'n', 'j', 'o'};
+  for (int i = 1; i <= 6; i++)
+  {
+    a[i - 1] = a[i - 1] + i;
+  }
+  for (int i = 0; i < 6; i++)
+  {
+    printf("%c\n", a[i]);
+  }
+  // printf("%d\n", result);
+  return 0;
+}

package/eslint/a37.c

@@ -0,0 +1,25 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 37
+int main()
+{
+  // Write C code here
+  char name[] = {'o', 'h', 'o', 'z', 'p', 'r', 'o', 'c'};
+  for (int i = 0, j = 7; i <= 7; i++, j--)
+  {
+    if (name[i] < name[j])
+    {
+      name[i] = name[j];
+    }
+    else
+    {
+      name[i] = name[i];
+    }
+  }
+  for (int i = 0; i <= 7; i++)
+  {
+    printf("%c", name[i]);
+  }
+  // printf("%d\n", result);
+  return 0;
+}

package/eslint/a38.c

@@ -0,0 +1,28 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 38
+int main()
+{
+  // Write C code here
+  int a = 7798, d = 1, temp, result = 1;
+  temp = a;
+  while (d)
+  {
+    d = temp % 10;
+    temp = temp / 10;
+    d %= 4;
+    switch (d)
+    {
+    case 0:
+      result += (a / 100) + (a % 100);
+    case 1:
+      result += (a / 100) + (a % 100);
+    case 2:
+      result += (a / 100) + (a % 100);
+    case 3:
+      result += (a / 100) + (a % 100);
+    };
+  }
+  printf("%d\n", result);
+  return 0;
+}

package/eslint/a39.c

@@ -0,0 +1,17 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 39
+int main()
+{
+  // Write C code here
+  int a = 20, b = 15, c = 0;
+
+  while (b > 0)
+  {
+    a = c + a - b;
+    b = a + 1;
+    c = b - 1;
+  }
+  printf("%d\n", a);
+  return 0;
+}

package/eslint/a40.c

@@ -0,0 +1,32 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 40
+int main()
+{
+  // Write C code here
+  char a[5] = {'i', 'j', 'k', 'l', 'm'};
+  int i;
+  for (i = 0; i < 5; i++)
+  {
+    // printf("%d\n", a[i]);
+    switch (i % 2)
+    {
+    case 0:
+      a[i] = a[i] + 2;
+      break;
+    case 1:
+      a[i] = a[i] + 3;
+      break;
+    default:
+      a[i] = a[i] + 3;
+    }
+  }
+
+  for (i = 0; i < 5; i++)
+  {
+    printf("%c", a[i]);
+  }
+  // printf("\nHello world");
+
+  return 0;
+}

package/lib/common/valueReplacer.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _folderIterator = _interopRequireDefault(require("../utils/folderIterator"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const cwd = process.cwd();
+
+const src = _path.default.join(cwd, process.argv[2]);
+
+const dist = _path.default.join(cwd, process.argv[3]);
+
+const docopy = process.argv[4] === 'true';
+const {
+  css: {
+    valueReplacer
+  }
+} = (0, _utils.getOptions)();
+
+if (!_fs.default.existsSync(dist)) {
+  _fs.default.mkdirSync(dist, {
+    recursive: true
+  });
+}
+
+(0, _folderIterator.default)(src, dist, docopy ? false : ['.css'], false, (fromPath, toPath) => {
+  //console.log({ fromPath: fromPath, toPath: toPath });
+  let css = _fs.default.readFileSync(fromPath);
+
+  if (docopy && !fromPath.endsWith('.css')) {
+    //console.log(toPath,'....');
+    _fs.default.writeFileSync(toPath, css);
+
+    return;
+  }
+
+  (0, _postcss.default)([valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer)]).process(css, {
+    from: fromPath,
+    to: toPath
+  }).then(result => {
+    _fs.default.writeFile(toPath, result.css, () => true);
+
+    if (result.map) {
+      _fs.default.writeFile(`${toPath}.map`, result.map, () => true);
+    }
+  });
+});

package/lib/configs/jest.config.js

@@ -10,7 +10,7 @@ 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`;
+  previousValue[`^${key}(.*)$`] = `${_libAlias.libAlias[key]}$1`;
   return previousValue;
 }, {});
 let commonConfig = {

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

@@ -57,9 +57,9 @@ module.exports = {
   entry: (0, _common.getEntries)(options, 'dev'),
   devtool: sourcemap,
   mode: 'development',
-  watchOptions: {
-    ignored: /node_modules.(?!@zohodesk)/
-  },
+  // watchOptions: {
+  //   ignored: /node_modules.(?!@zohodesk)/
+  // },
   output,
   stats: options.app.disableWatch ? 'errors-only' : {
     children: false

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

@@ -14,6 +14,7 @@ var _libAlias = require("./libAlias");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import TerserPlugin from 'terser-webpack-plugin';
 let options = (0, _utils.getOptions)();
 let {
   app: {
@@ -78,12 +79,23 @@ module.exports = {
     },
     concatenateModules: true,
     minimize: true,
+    // by  default if  minimize: true in webpack minimize then webpack automaticaly add TerserPlugin,
+    //  So we are overrideing it. 
+    // minimizer: [
+    //   new TerserPlugin({
+    //     cache: true,
+    //     parallel: true,
+    //     sourceMap: isDevelopment && enableSMap,
+    //     exclude: /\/smap/
+    //   })
+    // ],
     moduleIds: 'named'
   },
   stats: {
     children: false,
     colors: true,
     // excludeAssets: /i18n/,
+    // excludeAssets: /./,
     warningsFilter: /\[mini-css-extract-plugin\]/
   },
   plugins: (0, _pluginUtils.getProdPlugins)(options, output.publicPath),
@@ -115,7 +127,8 @@ module.exports = {
           }] : null].filter(Boolean),
           cacheDirectory: true
         }
-      }],
+      }].filter(Boolean),
+      // include: path.join(appPath, folder)
       include: module => {
         let srcPath = _path.default.join(appPath, folder);
 
@@ -132,7 +145,7 @@ module.exports = {
       exclude: /\.module\.css$/,
       use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, '[local]', false, null)
     } : null, {
-      test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
+      test: seperateCssModules ? /\.module\.css$/ : /\.css$/,
       use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,

package/lib/loaderUtils/getCSSLoaders.js

@@ -20,6 +20,9 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
   const {
     devCssFileBountry
   } = options.app;
+  const {
+    valueReplacer
+  } = options.css;
   const {
     cssSelectorZipPath
   } = options.impactService;
@@ -51,12 +54,12 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
     options: {
       devCssFileBountry
     }
-  }, hasRTL || selectorReplace ? {
+  }, hasRTL || selectorReplace || valueReplacer ? {
     loader: 'postcss-loader',
     options: {
       ident: 'postcss',
       plugins: function () {
-        return [selectorReplace && require('postcss-selector-replace')(selectorReplace), hasRTL && require('../postcss-plugins/ExcludeRTLPlugin')({
+        return [valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), selectorReplace && require('postcss-selector-replace')(selectorReplace), hasRTL && require('../postcss-plugins/ExcludeRTLPlugin')({
           ignore: rtlExcludeLocal,
           plugins: [require('@zohodesk/postcss-rtl')({
             addPrefixToSelector: function addPrefixToSelector(selector, prefix) {

package/lib/postcss-plugins/ValueReplacer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// module.exports = postcss.plugin('postcss-value-replacer', opts => {
+//   const { plugins } = opts;
+//   return (root, result) => {
+//     const inputFile = root.source.input.file;
+//     let isIgnoredFile= opts.ignore.some(file => inputFile.indexOf(file)!==-1);
+//     if (!isIgnoredFile) {
+//       const handler = response =>
+//         response.messages.forEach(msg => result.messages.push(msg));
+//       return postcss(plugins)
+//         .process(root, { from: undefined })
+//         .then(handler);
+//     }
+//   };
+// });
+// export default 
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
+root => {
+  root.walkDecls(decl => {
+    valueReplacer.forEach(obj => {
+      if (obj.props.indexOf(decl.prop) !== -1) {
+        let ks = Object.keys(obj.values).sort((a, b) => b.length - a.length);
+        ks.forEach(k => {
+          decl.value = decl.value.replace(k, obj.values[k]);
+        }); //decl.value = obj.values[decl.value];
+      }
+    }); //console.log({root, roots:root+""}, root+"")
+    // Transform CSS AST here
+  }); // root.walkDecls(decl => {
+  //   valueReplacer.forEach(obj => {
+  //     if (
+  //       obj.props.indexOf(decl.prop) !== -1 &&
+  //       obj.values[decl.value] !== undefined
+  //     ) {
+  //       decl.value = obj.values[decl.value];
+  //     }
+  //   });
+  //   //console.log({root, roots:root+""}, root+"")
+  //   // Transform CSS AST here
+  // });
+});

package/lib/schemas/index.js

@@ -18,10 +18,16 @@ var _default = {
     value: null,
     cli: 'ssl_cert_url'
   },
-  preprocessor: {
+  preprocess: {
+    // This option is for tell the  react-cli which in preprocessor js file path
     runner: {
       value: '',
       cli: 'preprocessor'
+    },
+    // usally preprocessor run in nodemon for, start and docs , preprocessor
+    stopNodemon: {
+      value: false,
+      cli: 'stop_nodemon'
     }
   },
   i18n: {
@@ -38,6 +44,17 @@ var _default = {
   },
   css: {
     enableRTLSplit: false,
+    valueReplacer: null,
+    //valueReplacer: [
+    //   {
+    //     props: ['font', 'font-family'],
+    //     values: {
+    //       'zdfonts-rCallBar': 'zdfonts-rCallBar01',
+    //       'zdfonts-rCall': 'zdfonts-rCallBar02'
+    //     }
+    //     // ,suffix: '0'
+    //   }
+    // ],
     templateLabel: '{{--dir}}',
     disableMiniFiySelector: false,
     dirVarName: 'document.dir'

package/lib/utils/getOptions.js

@@ -16,7 +16,7 @@ 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 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,
@@ -62,13 +62,14 @@ function getCWD() {
   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'));
+    cwd = i === -1 ? cwd : ress.slice(0, i);
   } catch (error) {
     console.log(error);
   }
 
   return cwd;
-}
+} // experimental argumnet parsing logic
+
 
 args.forEach(option => {
   if (/^--./.test(option)) {
@@ -82,7 +83,7 @@ args.forEach(option => {
       value = true;
     }
 
-    key = key.replace(/-/g, '_').replace(/:/g, '_');
+    key = key.replace(/-|:/g, '_');
     processEnv[key] = value;
   }
 });
@@ -137,7 +138,8 @@ let getOptions = () => {
     userSchemas = require(packagePath)['react-cli'] || {};
   }
 
-  let options = defaulter(_schemas.default, userSchemas || {});
+  let options = defaulter(_schemas.default, userSchemas || {}); // for future may be for npm 8 edge cases
+
   options.npmVersion = getNpmVersion();
   options.cwd = getCWD();
   options.packageVersion = process.env.npm_package_version;

package/lib/utils/jsonHelper.js

@@ -45,12 +45,21 @@ let fileHandler = {
 };
 exports.fileHandler = fileHandler;
 
+const isObject = obj => obj && obj.constructor === {}.constructor;
+
+const isArray = obj => obj && obj.constructor === [].constructor; // In below funtion 
+//  this function is for concat two json  object like _.extend, 
+//  if botha array we  concat them 
+//  if  both object we use call this  function  recurcively
+//  if both differend data type we will just  assign it  
+
+
 let jsonConcate = (receiverObj, senterObj) => {
   Object.keys(senterObj).map(key => {
     if (Object.prototype.hasOwnProperty.call(receiverObj, key)) {
-      if (receiverObj[key].constructor === {}.constructor && senterObj[key].constructor === {}.constructor) {
+      if (isObject(receiverObj[key]) && isObject(senterObj[key])) {
         jsonConcate(receiverObj[key], senterObj[key]);
-      } else if (receiverObj[key].constructor === [].constructor && senterObj[key].constructor === [].constructor) {
+      } else if (isArray(receiverObj[key]) && isArray(senterObj[key])) {
         receiverObj[key] = receiverObj[key].concat(senterObj[key]);
       } else {
         receiverObj[key] = senterObj[key];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-beta.162.1",
+  "version": "0.0.1-beta.165",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -35,7 +35,7 @@
     "@babel/preset-env": "7.11.0",
     "@babel/preset-react": "7.10.4",
     "@babel/runtime": "7.11.2",
-    "@zohodesk/datetimejs": "1.0.0-beta.7",
+    "@zohodesk/datetimejs": "1.0.0-beta.8",
     "@zohodesk/eslint-plugin-react-performance": "1.0.3",
     "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
     "@zohodesk/normalizer": "1.0.2",