@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.171

package/bin/cli.js

@@ -1,51 +1,132 @@
 #!/usr/bin/env node
 
-let path = require('path');
-let os = require('os');
-let { spawnSync } = require('child_process');
-let { getOptions } = require('../lib/utils/index.js');
-
-let { log, initPreCommitHook } = require('../lib/utils');
-initPreCommitHook();
-
-let options = getOptions();
-
-let { esLint: esLintOptions } = options;
-let { ignoreFilePaths: esLintIgnorePaths, fix: esLintFix } = esLintOptions;
-
-let isWindows = os.platform().toLowerCase() === 'win32';
-
-let [, , option] = process.argv;
-let args = process.argv.slice(3);
-let appPath = process.cwd();
-
-let isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
-
-let webpack = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'webpack')
-  : 'webpack';
-
-let babel = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'babel')
-  : 'babel';
-
-let propertyToJson = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'propertyToJson')
-  : 'propertyToJson';
-
-let esLint = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'eslint')
-  : 'eslint';
+const path = require('path');
+const { existsSync } = require('fs');
+const { spawnSync: _spawnSync, spawn } = require('child_process');
+const { getOptions } = require('../lib/utils/index.js');
+
+const { log } = require('../lib/utils');
+const { getCliPath } = require('../lib/servers/getCliPath.js');
+//initPreCommitHook();
+
+const options = getOptions();
+
+function spawnSync(...args) {
+  const result = _spawnSync(...args);
+  if (result.error) {
+    console.error(result.error);
+  }
+  return result;
+}
 
-if (isWindows) {
-  webpack += '.cmd';
-  babel += '.cmd';
-  propertyToJson += '.cmd';
-  esLint += '.cmd';
+const { esLint: esLintOptions } = options || {};
+const { preprocess } = options;
+const {
+  ignoreFilePaths: esLintIgnorePaths,
+  fix: esLintFix,
+  isCI: isCI,
+  reportPath: reportPath
+} = esLintOptions || {};
+
+const [, , option] = process.argv;
+const args = process.argv.slice(3);
+const appPath = process.cwd();
+
+const webpack = getCliPath('webpack');
+
+const nodemon = getCliPath('nodemon');
+const babel = getCliPath('babel');
+const propertyToJson = getCliPath('propertyToJson');
+const esLint = getCliPath('eslint');
+
+const preprocesserPath = preprocess.runner
+  ? path.join(process.cwd(), preprocess.runner)
+  : '';
+const preprocessCli = preprocess.stopNodemon ? 'node' : nodemon;
+if (preprocesserPath && existsSync(preprocesserPath)) {
+  // eslint-disable-next-line default-case
+  switch (option) {
+    case 'start':
+    case 'docs':
+      spawn(preprocessCli, [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 'devbuild':
+    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 && 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 ${preprocesserPath}`);
+    }
+    break;
+  case 'lint-setup': {
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/utils/lint/index.js')].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+  }
+  case 'add-lint-scripts': {
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/utils/lint/lintScripts.js')].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+  }
+  case 'postpublish':
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/utils/dependencyPostPublish')].concat(args),
+      { stdio: 'inherit' }
+    );
+
+    process.exit(result.status);
+    break;
+  case 'rtl':
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/utils/rtl')].concat(args),
+      { 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':
     result = spawnSync(
       'cp',
@@ -82,6 +163,15 @@ switch (option) {
     process.exit(result.status);
     break;
 
+  case 'copyTimezones':
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/utils/copyTimezones')].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+
   case 'clone':
     result = spawnSync(
       'node',
@@ -91,6 +181,15 @@ switch (option) {
     process.exit(result.status);
     break;
 
+  case 'sslcertupdate':
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/common/sslcertUpdater')].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+
   case 'propertyToJson':
     result = spawnSync(
       propertyToJson,
@@ -103,19 +202,63 @@ 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);
     break;
 
+  case 'devbuild':
+    result = spawnSync(
+      'node',
+      [
+        require.resolve('../lib/servers/devBuild')
+      ].concat(args),
+      // [require.resolve('../lib/servers/staticServer'), '--expose-http2'].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+  case 'nowatchstart':
+    result = spawnSync(
+      'node',
+      [
+        require.resolve('../lib/servers/nowatchserver'),
+        '--expose-http2'
+      ].concat(args),
+      // [require.resolve('../lib/servers/staticServer'), '--expose-http2'].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
   case 'start':
     result = spawnSync(
       'node',
-      [require.resolve('../lib/servers/server'), '--expose-http2'].concat(args),
+      [
+        options.app.disableWatch
+          ? require.resolve('../lib/servers/nowatchserver')
+          : require.resolve('../lib/servers/server'),
+
+        '--expose-http2'
+      ].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+  case 'mockserver':
+    result = spawnSync(
+      nodemon,
+      [
+        require.resolve('../lib/servers/mockserver.js'),
+        '--delay',
+        '2500ms',
+        'watch',
+        `${appPath + path.sep}mockapi`
+      ].concat(args),
       { stdio: 'inherit' }
     );
     process.exit(result.status);
@@ -134,12 +277,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;
 
@@ -216,12 +362,31 @@ switch (option) {
   case 'sstest':
     result = spawnSync(
       'node',
-      [require.resolve('../lib/servers/ssServer')].concat(args),
+      [require.resolve('../lib/servers/scrServer')].concat(args),
       { stdio: 'inherit' }
     );
     process.exit(result.status);
     break;
 
+  case 'impact:library':
+    result = spawnSync(
+      webpack,
+      [
+        '--config',
+        require.resolve('../lib/configs/webpack.impact.config.js')
+      ].concat(args),
+      { stdio: 'inherit' }
+    );
+
+    // result = spawnSync(
+    //   webpack,
+    //   [require.resolve('../lib/server/libraryImpact')].concat(args),
+    //   { stdio: 'inherit' }
+    // )
+
+    process.exit(result.status);
+    break;
+
   case 'publish:report':
     result = spawnSync(
       'sh',
@@ -257,11 +422,14 @@ switch (option) {
       [
         '-c',
         path.join(__dirname, '..', '.eslintrc.js'),
+        isCI ? '--no-eslintrc' : false,
         '--ignore-path',
         esLintIgnorePaths
           ? path.join(appPath, esLintIgnorePaths)
           : path.join(__dirname, '..', '.eslintignore'),
-        esLintFix ? '--fix' : false
+        esLintFix ? '--fix' : false,
+        isCI ? '-f' : false,
+        isCI ? path.join(__dirname, './../lib/utils/lintReporter.js') : false
       ]
         .filter(Boolean)
         .concat(args.map(arg => path.join(appPath, arg))),
@@ -269,6 +437,7 @@ switch (option) {
         stdio: 'inherit'
       }
     );
+    isCI ? log(`You can see the eslint result from ${reportPath}`) : false;
     break;
 
   case 'set:config':

package/cert/Tsicsezwild-22-23.crt

@@ -0,0 +1,37 @@
+-----BEGIN CERTIFICATE-----
+MIIGXjCCBUagAwIBAgIRAMKJgToWlDYncIf54wIl/K4wDQYJKoZIhvcNAQELBQAw
+gY8xCzAJBgNVBAYTAkdCMRswGQYDVQQIExJHcmVhdGVyIE1hbmNoZXN0ZXIxEDAO
+BgNVBAcTB1NhbGZvcmQxGDAWBgNVBAoTD1NlY3RpZ28gTGltaXRlZDE3MDUGA1UE
+AxMuU2VjdGlnbyBSU0EgRG9tYWluIFZhbGlkYXRpb24gU2VjdXJlIFNlcnZlciBD
+QTAeFw0yMjA0MjAwMDAwMDBaFw0yMzA0MjAyMzU5NTlaMB4xHDAaBgNVBAMTE2Nz
+ZXouem9ob2NvcnBpbi5jb20wggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIB
+AQDaiXIoQmlYF7guFyGcjqmwJ4ksETK7R0QVoald3h0f8nkbqn29fg3MwvmMmnCV
+27frm0wYaWK7/xIWb0IIxYqGG2OmOFC4lv/jrGa96EH3fHm0DVU+4gFOf+qdvjdt
+vBdCxWw++dG8KJsbeFcJoF+az/Ei9vhjzgrKtHH62b9aw5i5lpVFbq9bZ0xr3xOx
+brOpZDk/Af2svICTi15/G+YGM7X5DL7z2tjtX8KZ5cbLIjkQS7chtjmx61Tuwq+f
+4zk0ge8w9hNkvcYrsueuT/FDyO8wbPphNPJBdGrjLnMT05vedAryYfl7LHe8ib3m
+T6QQ0afxvkIyOkpjIEiN1E/jAgMBAAGjggMjMIIDHzAfBgNVHSMEGDAWgBSNjF7E
+VK2K4Xfpm/mbBeG4AY1h4TAdBgNVHQ4EFgQUmkpYbSWtXdFPZfJSz+yW7EA0mjYw
+DgYDVR0PAQH/BAQDAgWgMAwGA1UdEwEB/wQCMAAwHQYDVR0lBBYwFAYIKwYBBQUH
+AwEGCCsGAQUFBwMCMEkGA1UdIARCMEAwNAYLKwYBBAGyMQECAgcwJTAjBggrBgEF
+BQcCARYXaHR0cHM6Ly9zZWN0aWdvLmNvbS9DUFMwCAYGZ4EMAQIBMIGEBggrBgEF
+BQcBAQR4MHYwTwYIKwYBBQUHMAKGQ2h0dHA6Ly9jcnQuc2VjdGlnby5jb20vU2Vj
+dGlnb1JTQURvbWFpblZhbGlkYXRpb25TZWN1cmVTZXJ2ZXJDQS5jcnQwIwYIKwYB
+BQUHMAGGF2h0dHA6Ly9vY3NwLnNlY3RpZ28uY29tMIIBfwYKKwYBBAHWeQIEAgSC
+AW8EggFrAWkAdwCt9776fP8QyIudPZwePhhqtGcpXc+xDCTKhYY069yCigAAAYBH
+FYz3AAAEAwBIMEYCIQD0YmMCd5ZPhVwCYdHJFXaB3TeEVtY3GGBmJreCYpxpWwIh
+AKPLd+IUbrKGjN436yXigPnSHYMhYHjcOIwkJilCKW4kAHYAejKMVNi3LbYg6jjg
+Uh7phBZwMhOFTTvSK8E6V6NS61IAAAGARxWMsAAABAMARzBFAiEA2QOIvUWLlk5d
+dCQ+b3rJrhJhhgYu4KReme7QYuopJL8CIEuwHH4Ro9RfFajzZcYfL0tQO1zacBM+
+yRVvLTF3MbwDAHYA6D7Q2j71BjUy51covIlryQPTy9ERa+zraeF3fW0GvW4AAAGA
+RxWMjwAABAMARzBFAiAU9r8DFaPKtVJ/uCelx8aYgmawpzthhaOATzfS2jWpNwIh
+AJsUAAMJb17Vwk4HucoLRN3ve2qm8TzRiGepKIh/r0rdMEsGA1UdEQREMEKCE2Nz
+ZXouem9ob2NvcnBpbi5jb22CFSouY3Nlei56b2hvY29ycGluLmNvbYIUKi50c2ku
+em9ob2NvcnBpbi5jb20wDQYJKoZIhvcNAQELBQADggEBADbqEtyp7J47CbCHIZ+A
+nedURDLTV0G2cR/yHxbbSUfQsJUt8t736JVw4JnRN2Exch32v9LHvEr40O7TL4er
+OQuEIe7wTkcJ7wZ6bkxgI/ip8y0w2Ips4eVxSmnYYk0AjiyKmn+ujdNZ0yz7qfUE
+ysgRbsyL4ODlUBdTHjS6vFVtTmDWGE9St/gkQEHPoyGNe7v6+39GJEHW2XKYfuhK
+//nHcQxvyr2O5dJGlP1q1WIJRJyCp3Srbgso55H/ylmwfJ7ePYgM4GWbWEfSDLHW
+KOZL2IZgz+oRJikKU4CAvjKvpULK2rSnIs2W11z4KtLqyzTrVmkuJ6MP2rMBQrHu
+jTs=
+-----END CERTIFICATE-----

package/cert/Tsicsezwild-22-23.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEA2olyKEJpWBe4LhchnI6psCeJLBEyu0dEFaGpXd4dH/J5G6p9
+vX4NzML5jJpwldu365tMGGliu/8SFm9CCMWKhhtjpjhQuJb/46xmvehB93x5tA1V
+PuIBTn/qnb43bbwXQsVsPvnRvCibG3hXCaBfms/xIvb4Y84KyrRx+tm/WsOYuZaV
+RW6vW2dMa98TsW6zqWQ5PwH9rLyAk4tefxvmBjO1+Qy+89rY7V/CmeXGyyI5EEu3
+IbY5setU7sKvn+M5NIHvMPYTZL3GK7Lnrk/xQ8jvMGz6YTTyQXRq4y5zE9Ob3nQK
+8mH5eyx3vIm95k+kENGn8b5CMjpKYyBIjdRP4wIDAQABAoIBACfOaGpX6nte2rAe
+i4NKYzNQiEZsHYsKaKbuCv0ro695icDV1dCJ4PaevzjyurY5Tu+OGpbJv2/R/tfy
+TRtu7BQQch7JXD67VoIAmbhW0YlEdaCr2w64uRc06qXwC4WkALKrZlO0SpVU6iff
+TC9XNILtBJXjWYxIcCPLKYXRWu8romGJGNvZlabHkMMk1eF/rZvdmlgVj1LCE//A
+gjYPsiWCDi0ZWOCXNmKq4yNQnAPjHb4nhN/BumXKn9D/wl282FFx6E9Yetg/bvj6
+f2JN8AST1WwMcPxdnDKC+ZUD0mQqG+w3g47dkaTxc1G5Yot9t0rYujIjbtaFLiWN
+MEGDtsUCgYEA+TIOItGeaRRPdAfXDKjEw2/UfnNr1S9DyAFP7j3UajR7bDv/wWSG
+ct0tJnpK/LvnYsvTF1QQ3PV1hNNtu97XdDV6rwuDeVXOfDBH0ctbnqevTw4ShRuG
++0qwfychuIy4jG0ZHGFn5adhBhspxGjgYqxJo9fdQBjU0ciH91B6IeUCgYEA4IEU
+GW9rJoVB86HVdaadq2VmuOdyGa+tLkPh8v47vPGB/vpRlThuuRRc51Oq+SRh7bC7
+FO4cjOa6VpM9dkeAc2GFPs+uyzzU8yRxeqO3gicvXC1sApaca9uv8Vp3WDacnlsu
+shVM+RXKLEi8/JHrcr9BCvSlycvZy8t+QUp6LicCgYBE1ocBJ1bTQEESlHfbj2OL
+eYEBzXCkW4Il5fbmoT3keMr/gzOLgPGDGYY3cuD0IBQzPor5jsd5wnTMVHujwlNS
+TtOtN0kCY6m+tLeiRMLyeO/8rq5/BrOrB17qQS0XhggVAq5FIMNKtYof3bEUCMSz
+fVR6Zk9APZvMt9CXiSuz4QKBgFHDMMrCpUd2KLrOKaubbrjJSUv2Hrv0GyJKXrPc
+m20Il8uA5s1trAWDwQIOmqn58iBayQeqYIOAVETLgwrcp49d6OUjRgmGsheLIjkD
+/wVLuBfeAwQ+TeGKNN21kNlzqj6R/sOktk/Q+7x9ETb6/cDgnpOa3fZMY5mxFt44
+fZ7pAoGBAN8ep49qQWxChYfqu75d3dkCcbF6UeWS+mDZ1QDkiJ5hGlDWDAC7EUma
+jf7c56wBydih+2XKFq2BWxyFcfzzxKJrNeMhGANi/yJ1QrECyrwVWnhP+OFfG5vR
+O+PzUCwZGet0PHG6r6IuvpGMCdZDYCt+fZSvIRJtmvIrtZWGKQly
+-----END RSA PRIVATE KEY-----

package/docs/CustomChunks.md

@@ -0,0 +1,26 @@
+# Custom Chunks
+
+In react-cli we provide options to create custom chunks.  
+This Custom Chunk Option is array of Object
+that Object keys are
+
+- `pattern` regex pattern as string
+- `name` chunk name
+- `size` is count which is minmum chunk dublicated or need in chunks
+
+> Since 0.0.1-exp.164.1
+
+extra features in custom chunks :-
+for more details [SplitChunkPlugin](https://webpack.js.org/plugins/split-chunks-plugin/) webpack
+
+- `minChunks`: `minChunks` is alies of `size` default value is `2`,
+- `rules`: `rules` is same as `pattern` with some easy hooks
+  - use `/` for both windows and linux we will replace internally
+  - for `.*` we need to use `*`
+  - we can consider rules as regex when the `rules-string` has any of these `*`, `^`, `$`. So if you want regex then kindly use `*` in your `rules-string` for force regex
+- `chunks`: by this option we can specify , default value is `all`,
+- `priority`: priority default value is `-10 * (index + 2)`,
+- `enforce`: enforce default value is true,
+- `maxSize`: maxSize, default value is 0,
+- `minSize`: minSize, default value is 20000,
+  includeDepenency: includeDepenency default value is false

package/docs/DevStart.md

@@ -0,0 +1,18 @@
+# DevServer Start
+
+## command
+
+> `react-cli start`
+
+## Options
+
+we have to typs of options command line arguments and package.json option specifying
+
+### First package.json option specifying
+
+1. `react-cli.app.context`
+1. `react-cli.app.server`
+1. `react-cli.app.server`
+1. `react-cli.app.server`
+1. `react-cli.app.server`
+1. `react-cli.app.server`

package/docs/HoverActive.md

@@ -0,0 +1,12 @@
+# hover active css handling
+
+In general we write css with some hover in it.  
+But In mobile there is no hover and some times this hover css may do something messy some thing like we may need to click a button we need to click it double time.
+
+To handle this behaviour we write a postcss plugin
+
+PostCSS plugin that transforms :hover selectors to :active on devices where a mouse isn't the primary input mechanism.
+
+when we write hover css it will have some problem in mobile devices the reason was in mobile device ther is no mouse
+
+for this we have to handle that as

package/docs/InstallNode.md

@@ -0,0 +1,28 @@
+### Step 1: Update APT index
+
+Run the apt update command on your Ubuntu Linux to update package repository contents database.
+
+> sudo apt update
+
+### Step 2: Install Node.js 14 on Ubuntu 22.04|20.04|18.04
+
+After system update, install Node.js 14 on Ubuntu 22.04|20.04|18.04 by first installing the required repository.
+
+> curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
+
+The script above will create apt sources list file for the NodeSource Node.js 14.x repo:
+
+> \# Ubuntu 20.04 example
+>
+> $ cat /etc/apt/sources.list.d/nodesource.list
+> deb https://deb.nodesource.com/node_14.x focal main
+> deb-src https://deb.nodesource.com/node_14.x focal main
+
+Once the repository is added, you can begin the installation of Node.js 14 on Ubuntu Linux:
+
+> sudo apt -y install nodejs
+
+Verify the version of Node.js installed.
+
+> $ node -v  
+> v14.17.5

package/docs/TODOS.md

@@ -0,0 +1,10 @@
+we need to fix all the warning print while install react-cli
+
+1.  npm WARN deprecated `babel-eslint@10.1.0`: babel-eslint is now `@babel/eslint-parser`. This package will no longer receive updates.
+    to resolve this warning use https://tjaddison.com/blog/2021/03/updating-babel-eslint-to-babeleslint-parser-for-react-apps/
+
+2.  npm WARN deprecated eslint-loader@4.0.2: This loader has been deprecated. Please use eslint-webpack-plugin.  
+    for this warning we need to confirm `is eslint-loader need while build` it's simplely waste of time if you ask me.
+3.  gitlab@14.2.2: The gitlab package has found a new home in the @gitbeaker organization. For the latest gitlab node library, check out @gitbeaker/node
+    for this warning we need to check with gitbeaker and impact team as well.
+4.  `fsevents@1.2.13` and `chokidar@2.1.8` these are just dependent packages need to check parent package of this package

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/docs/warnings_while_install.txt

@@ -0,0 +1,35 @@
+npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
+npm WARN deprecated eslint-loader@4.0.2: This loader has been deprecated. Please use eslint-webpack-plugin
+npm WARN deprecated gitlab@14.2.2: The gitlab package has found a new home in the @gitbeaker organization. For the latest gitlab node library, check out @gitbeaker/node. A full list of the features can be found here: https://github.com/jdalrymple/gitbeaker#readme
+npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
+npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
+npm WARN deprecated webdriverio@4.14.4: outdated version, please use @next
+npm WARN deprecated mkdirp@0.3.5: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
+npm WARN deprecated cross-spawn-async@1.0.1: cross-spawn no longer requires a build toolchain, use it instead
+npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
+npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
+npm WARN deprecated har-validator@5.1.5: this library is no longer supported
+npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
+npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
+npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
+npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.2 (node_modules/jest-haste-map/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/nodemon/node_modules/chokidar/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/watchpack/node_modules/chokidar/node_modules/fsevents):
+npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+npm WARN check2@1.0.0 No description
+npm WARN check2@1.0.0 No repository field.
+
++ @zohodesk/react-cli@0.0.1-beta.165
+updated 1 package and audited 1899 packages in 51.509s
+
+21 packages are looking for funding
+  run `npm fund` for details
+
+found 42 vulnerabilities (2 low, 20 moderate, 8 high, 12 critical)
+  run `npm audit fix` to fix them, or `npm audit` for details

package/files/eslintrc.js

@@ -0,0 +1,62 @@
+const [off, , error] = ['off', 'warn', 'error'];
+
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'airbnb',
+    'prettier',
+  ],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: [
+    'react',
+    'css-modules',
+    '@zohodesk/zsecurity',
+    '@zohodesk/react-performance',
+  ],
+  rules: {
+    // Internal Rules
+    '@zohodesk/react-performance/no-ref-mapstatetoprops': error,
+    '@zohodesk/zsecurity/no-unsecure-html': error,
+    '@zohodesk/zsecurity/no-protocol-check': error,
+
+    // CSS Module Rules
+    'css-modules/no-unused-class': [error, { camelCase: true }],
+    'css-modules/no-undef-class': [error, { camelCase: 'only' }],
+
+    'import/no-unresolved': off,
+    'import/no-extraneous-dependencies': off,
+
+    // As redux used
+    'no-shadow': off, // As we import the action files and use the same name in getting from props built from connect.
+    'react/jsx-filename-extension': off,
+
+    // As we don't follow
+    'react/require-default-props': off,
+    'react/jsx-props-no-spreading': off,
+
+    // As we didn't update
+    'react/jsx-fragments': off,
+
+    // Not needed
+    'no-plusplus': off,
+    'no-unused-expressions': [
+      error,
+      {
+        allowShortCircuit: true,
+        allowTernary: true,
+      },
+    ],
+    'react/jsx-no-target-blank': error,
+  },
+};

package/files/prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  trailingComma: 'none',
+};