@zohodesk/react-cli 1.1.14-exp.3 → 1.1.14-kubernetes

package/README.md

@@ -44,274 +44,24 @@ Now to run app
 
 # Change Logs
 
-# 1.1.14 (11-9-2023)
-
-**Feature:-**
-
-- Value Replacer supports `^` before and `$` after the word to consider the whole word for replacement. Only if the exact word comes as value, there will be a replacement made.
-
-**Issue Fix**
-
-- 'space' character on variable conversion changes to undefined fixed.
-- calc(100%) variable conversion to undefined fixed.
-- height value if text converts to undefined, issue fixed.
-
-# 1.1.13 (4-9-2023)
-
-**Changes**
-
-- Fixed the issue related to the resource cleanup plugin. (EfcResouceCleanupPlugin)
-
-
-# 1.1.12 (1-9-2023)
-
-**Features**
-
-- Generating stats.json file for the build assets only in production mode. To use this feature we need to add `stats > enable` or cli flags `enable_stats`.
-- Added Resource Cleanup plugin to cleanup resource retained by build tool. this plugin is controlled by custom attributes enable flag.
-
-**Changes**
-
-- Added a new config `stats` to control stats file generation.
-- Using Existing custom attributes flag, we can control resource cleanup plugin.
-
-# 1.1.11 (4-8-2023)
-
-**Changes**
-
-- we have renamed our default config file as `react-cli.config.js` instead of `build.config.js`. But we still support `build.config.js` we will remove it in later major version.
-
-- Prop-type, Prop description, Default Props support for docs given.
-- Docs and Docs_Code UI updated.
-
-**Features:-**
-
-- custom classname prefix for separate packages now supported.
-- to use custom classnames for specific patterns, we use the following pattern in `app > customClassNamePrefix` or `docs > customClassNamePrefix` :
-
-```
-"customClassNamePrefix" : [
-  {
-    "enable": true,
-    "prefix": "[required-prefix]",
-    "patterns":[
-      "**/[path-name]/**/*.css"
-    ]
-  }
-]
-```
-
-For example,
-
-```
-"customClassNamePrefix": [
-  {
-    "enable": true,
-    "prefix": "zdSvg",
-    "patterns": [
-      "**/@zohodesk/svg/**/*.css"
-    ]
-  },
-],
-```
-
-**Issue Fix:**
-
-- typo fix, (../src/common/runPreProcess.js) to (../lib/common/runPreProcess.js) in cli.js our code.
-
-# 1.1.10 (2-8-2023)
-
-**Issue Fix:**
-
-- undefined plugin postcss issue fixed for docs.
-- unnecessary deprecation warning stopped. (for exclude config)
-
-# 1.1.9 (25-7-2023)
-
-**Features:-**
-
-- we have added config file support for react-cli schema. the default config file name `build.config.js` support added. In `build.config.js` you must export configuration object under `config` key. And Note: `build.config.js` is high priority then `package.json` `react-cli` config.
-- added support for using regex expression to get group of chunks chunkId via Resource Hint plugin prefetch/preload hook.
-  only will be activate when `resourceHints` => `allowPrefetchingMultipleChunks` as `true`
-- added support for pattern as function for custom chunks split logic.
-- added options to split chunks base config in the key `app` => `customChunksBaseConfig` as object
-- added `postCssPluginOrder` feature :
-
-  - If `app > postCssPluginOrder` or `docs > postCssPluginOrder` is set to "false", default plugin order will be followed.
-  - If `app > postCssPluginOrder` or `docs > postCssPluginOrder` is set to "true", order preserved in `plugins` Object will be considered.
-  - If `app > postCssPluginOrder` or `docs > postCssPluginOrder` is set to an array with plugins in a custom order, the custom order will be considered.
-
-- We use the same plugin names as in `patterns` for the plugins to execute successfully.
-
-**Issue Fix**
-
-- fixed file path separator issue with split chunks config for vendor exclude list for windows (that was work well for mac and ubuntu only issue in windows).
-- fixed cssUniqueness pattern not working in docs.
-
-**Changes**
-
-- previously all custom chunks are enforce true, no we have given support for enforce false for chunks on splitChunks config.
-
-# 1.1.8
-
-**Issue Fix**
-
-- Docs fix for Selector Replace 'always require argument' issue.
-
-# 1.1.7
-
-**Feature**
-
-- Markdown parser feature added in docs
-  For more info please refer to :
-  [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/MarkdownParser.md)
-
-# 1.1.6-exp.2
-
-- fixed file path separator issue with split chunks config for vendor exclude list.
-- added support for not doing enforce true for chunks on splitChunks config.
-
-# 1.1.5-exp.5
-
-- fixed the issues regarding custom chunks base config schema.
-
-# 1.1.5-exp.4
-
-- added support for using regex expression to get group of chunks chunkId via Resource Hint plugin prefetch/preload hook.
-
-# 1.1.5-exp.3
-
-- added options to split chunks base config
-- added support for passing custom chunks split logic as function.
-
-# 1.1.6
-
-**Issue Fix**
-
-- local install react-cli spawnSync Error fix in npm 8
-- babel version update issue fix (Cannot read properties of undefined (reading 'file')) and (BABEL_TRANSFORM_ERROR)
-
-# 1.1.5-exp.2
-
-**Issue Fix**
-
-- local install react-cli spawnSync Error fix in npm 8
-
-# 1.1.5
-
-**Issue Fix**
-
-- include pattern fix for variable converter plugin fixed
-
-# 1.1.4
-
-**Issue Fix**
-
-- global install react-cli spawnSync Error fix
-- `0px` variable value conversion issue fixed
-- pattern exclude for postcss plugins case fixed
-
-# 1.1.3
-
-**Issue Fix**
-
-- local install react-cli spawnSync Error fix
-
-# 1.1.2
-
-**Issue Fix**
-
-- ReactLiveConverter filepath changed to 'reactLiveConverter.js' in docLoader file
-
-# 1.1.1
-
-**Issue Fix**
-
-- docs component name incorrect in windows, when using --enableReactLive issue fixed.
-
-**Feature Update**
-
-- Support for desk-library to use Selector Replace plugin using individual script. To use `react-cli selectorReplacer [source] [target]`
-
-# 1.1.0
-
-**Feature Update**
-
-- Support for desk-library to use variable conversion plugin using individual script. To use `react-cli variableConverter [source] [target]`
-- pattern filter changes, new filter system instead of exclude to include or exclude files for plugins.
-  For more info please refer to :
-  [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/patternFiltering.md)
-- React Live feature implemented for Docs.
-  [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/ReactLive.md)
-
-# 1.0.3-beta.1
-
-**Issue Fix**
-
-- nock api not working issue fixed. This error throwing in @zohodesk/react-cli@1.0.2 version. but working in older versions ( 0.0.1-beta.178 )
-
-# 1.0.3
-
-**Feature Update**
-
-- Support for global httpsCerts usage
-- Support for global client_packages_group usage
-- custom attribute for dynamically loading chunks, In this version we merged changes from [0.0.1-beta.167.1](#0.0.1-beta.167.1).
-  **Package Update**
-- @zohodesk/client_packages_group@**1.0.1** ==> @zohodesk/client_packages_group@**1.0.2**
-
-# 1.0.2
-
-**Feature Update**
-
-- Selector replace plugin made as a custom postcss-plugin with update to code that was unpublished in package.
-
-# 1.0.1
-
-**Issue Fix**
-
-- variable conversion for px and var(--) values in same declaration was not supported, now it is supported.
-- package-lock.json removed from `.npmignore`
-
-**Feature Update**
-
-- exclude added to Selector Plugin
-
-# 1.0.0
-
-## Major Release
-
-**Changes:**
-
-- File support added for `.webp` for `docs`, `dev` and `prod` mode
-- File support added for `.webm` for `docs`, `dev` and `prod` mode
-
-**Breaking Changes:**
-
-- We have remove ssl certificate for security reasons.
-  So default https server won't run.
-  In order to make it work as before you need to specify two things
-  1. install `@zohodesk-private/client_dev_cert`
-  2. `react-cli.app.server.httpsCerts` option example `"httpsCerts": "@zohodesk-private/client_dev_cert"`
-     unless configaration are proper this may break `start` , `docs` , `nowatchstart`. and mock wms `/wmsmockapi` won't work.
-     So Please be carefull when you update this version or above without proper configaration.
 
 # 0.0.1-beta.178
 
 **Changes:**
 
 - File support added for `.webp` for `docs`, `dev` and `prod` mode
+- and this version has same as `0.0.1-exp.178.1`, `0.0.1-exp.178.2`
 - File support added for `.webm` for `docs`, `dev` and `prod` mode
 
 **Breaking Changes:**
 
-- We have remove ssl certificate for security reasons.
-  So default https server won't run.
-  In order to make it work as before you need to specify two things
+- We have remove ssl certificate for security reasons.  
+  So default https server won't run.  
+  In order to make it work as before you  need to specify two things
   1. install `@zohodesk-private/client_dev_cert`
-  2. `react-cli.app.server.httpsCerts` option example `"httpsCerts": "@zohodesk-private/client_dev_cert"`
-     unless configaration are proper this may break `start` , `docs` , `nowatchstart`.
-     So Please be carefull when you update this version or above without proper configaration.
+  2.  `react-cli.app.server.httpsCerts` option example `"httpsCerts": "@zohodesk-private/client_dev_cert"`
+  unless configaration are proper this may break `start` , `docs` , `nowatchstart`.
+  So Please be carefull when you update this version or above without proper configaration.
 
 # 0.0.1-exp.178.2
 
@@ -323,13 +73,13 @@ For example,
 
 **Breaking Changes:**
 
-- We have remove ssl certificate for security reasons.
-  So default https server won't run.
-  In order to make it work as before you need to specify two things
+- We have remove ssl certificate for security reasons.  
+  So default https server won't run.  
+  In order to make it work as before you  need to specify two things
   1. install `@zohodesk-private/client_dev_cert`
-  2. `react-cli.app.server.httpsCerts` option example `"httpsCerts": "@zohodesk-private/client_dev_cert"`
-     unless configaration are proper this may break `start` , `docs` , `nowatchstart`.
-     So Please be carefull when you update this version or above without proper configaration.
+  2.  `react-cli.app.server.httpsCerts` option example `"httpsCerts": "@zohodesk-private/client_dev_cert"`
+  unless configaration are proper this may break `start` , `docs` , `nowatchstart`.
+  So Please be carefull when you update this version or above without proper configaration.
 
 # 0.0.1-beta.177
 
@@ -390,8 +140,8 @@ cli has been updated to fix compose issue faced when classname:hover exists and
 
 **Feature:-**
 
-- `react-cli.test.classnameFormat` option added to change CssModules (Ex: import style from "./a.module.css" ) className transform template unittest case.
-  `classnameFormat` default value `[classname]` you can customize it. Example: `[classname]-[hash]`
+- `react-cli.test.classnameFormat` option added to change CssModules (Ex: import style from "./a.module.css" ) className transform template unittest case.  
+   `classnameFormat` default value `[classname]` you can customize it. Example: `[classname]-[hash]`
 
 **Changes:-**
 
@@ -410,7 +160,7 @@ For an more information and reference, refer to `[details](https://zgit.csez.zoh
 
 # 0.0.1-beta.172
 
-We have renamed some options, For Our future features convenience.
+We have renamed some options, For Our future features convenience.  
 We have given fallback support.
 Deprecation Warnings:-
 
@@ -486,11 +236,6 @@ Features:-
 
 - In docs we have added `Description` for Component Props- check out it in `PropTypes` tab
 
-# 0.0.1-beta.167.1
-
-In this version we merged changes from [0.0.1-betaa.138.1](#0.0.1-betaa.138.1).
-and with [0.0.1-beta.167](#0.0.1-beta.167) version changes.
-
 # 0.0.1-beta.167
 
 SSL certificate update
@@ -752,12 +497,6 @@ impact servise related changes:-
 - babel runtime plugin issue fix in prod config
 - few enhancements
 
-# 0.0.1-betaa.138.1
-
-- new feature added for custom extra attribute for dynamically added tags by webpack.
-- To enable this feature you need to enable "react-cli" => "app" => "customAttributes" => "enable"
-- For more [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/9eea8df14e55584b2114b5e484ca8b751a4ba191/src/plugins/CustomAttributePlugin.md)
-
 # 0.0.1-beta.138
 
 - sstest library version updated
@@ -1396,7 +1135,3 @@ impact servise related changes:-
 - prod string error fix
 - efc build support
 - single style tag support
-
-```
-
-```

package/bin/cli.js

@@ -1,19 +1,15 @@
 #!/usr/bin/env node
 
 const path = require('path');
-const { spawnSync: _spawnSync, execSync } = require('child_process');
-const getOptions = require('../lib/utils/getOptions.js').default;
+const { existsSync } = require('fs');
+const { spawnSync: _spawnSync, spawn } = require('child_process');
+const { getOptions } = require('../lib/utils/index.js');
 
-const { log } = require('../lib/utils/log.js');
+const { log } = require('../lib/utils');
 const { getCliPath } = require('../lib/servers/getCliPath.js');
-const { runPreProcess } = require('../lib/common/runPreProcess.js');
 //initPreCommitHook();
 
-const [, , option] = process.argv;
-const args = process.argv.slice(3);
-const appPath = process.cwd();
-
-const options = getOptions({ start: true, build: true, docs: true }[option]);
+const options = getOptions();
 
 function spawnSync(...args) {
   const result = _spawnSync(...args);
@@ -24,6 +20,7 @@ function spawnSync(...args) {
 }
 
 const { esLint: esLintOptions } = options || {};
+const { preprocess } = options;
 const {
   ignoreFilePaths: esLintIgnorePaths,
   fix: esLintFix,
@@ -31,6 +28,10 @@ const {
   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');
@@ -38,10 +39,49 @@ const babel = getCliPath('babel');
 const propertyToJson = getCliPath('propertyToJson');
 const esLint = getCliPath('eslint');
 
-runPreProcess({ options, option, nodemon, spawnSync });
+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',
@@ -76,22 +116,6 @@ switch (option) {
       { stdio: 'inherit' }
     );
 
-    process.exit(result.status);
-    break;
-  case 'variableConverter':
-    result = spawnSync(
-      'node',
-      [require.resolve('../lib/utils/variableConverter')].concat(args),
-      { stdio: 'inherit' }
-    );
-    process.exit(result.status);
-    break;
-  case 'selectorReplacer':
-    result = spawnSync(
-      'node',
-      [require.resolve('../lib/utils/selectorReplacer.js')].concat(args),
-      { stdio: 'inherit' }
-    );
     process.exit(result.status);
     break;
   case 'valuereplacer':
@@ -191,7 +215,9 @@ switch (option) {
   case 'devbuild':
     result = spawnSync(
       'node',
-      [require.resolve('../lib/servers/devBuild')].concat(args),
+      [
+        require.resolve('../lib/servers/devBuild')
+      ].concat(args),
       // [require.resolve('../lib/servers/staticServer'), '--expose-http2'].concat(args),
       { stdio: 'inherit' }
     );
@@ -230,7 +256,7 @@ switch (option) {
         require.resolve('../lib/servers/mockserver.js'),
         '--delay',
         '2500ms',
-        '--watch',
+        'watch',
         `${appPath + path.sep}mockapi`
       ].concat(args),
       { stdio: 'inherit' }
@@ -437,9 +463,8 @@ switch (option) {
   case '--v':
   case '-v':
     log(`@zohodesk/react-cli v${require('../package.json').version}`);
-    log(`Node Js Version : ${process.version}`);
-    log(`Npm Version : ${execSync('npm --version')}`);
     break;
+
   default:
     log(`react-cli > Unknown option "${option}"`);
     log('react-cli app <appName>');

package/docs/CustomChunks.md

@@ -4,26 +4,23 @@ In react-cli we provide options to create custom chunks.
 This Custom Chunk Option is array of Object
 that Object keys are
 
-- `pattern` **{ String | Function | Array<String> }** regex pattern as string and custom logic to split chunks can be defined using function
-- `name` **{ String }** chunk name
-- `size` **{ Number }** is count which is minimum chunk duplicated or need in chunks
+- `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 alias of `size` default value is `2`,
-- `rules`: `rules` is same as `pattern` with some easy hooks **(removed after v1.1.5)**
+- `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`,
-- `reuseExistingChunk` If the current chunk contains modules already split out from the main bundle, it will be reused instead of a new one being generated. This can affect the resulting file name of the chunk.
-- `automaticNamePrefix` with this you can specify for chunks created through that specified config. default value `''`.
-- `cacheGroupName`: `cacheGroupName` is alias of `name`, But it won't work as chunk name, instead it will just work as key in cacheGroup.
-<!-- includeDependency: includeDependency default value is `false` -->
+- `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/SelectorWeight.md

@@ -4,6 +4,3 @@
  * all classes in all files will be added with the `defaultSelector` provided in package.json to increase selector weight
  * in case a specific chunk file is supposed to have a different selector, it can be mentioned in the `customFileSelectorWeight.json`. This will add the new selector to that particular chunk file.
  * `excludeStrings` is an array used to exclude selectors that should not be converted. Default selectors such as body, html are excluded through this way.
-
-# v1.0.1 update: 
- * exclude support added, file paths to be added in `react-cli > app > exclude > selectorWeight` to be excluded from conversion.

package/docs/ValueReplacer.md

@@ -58,30 +58,3 @@ new option `valueReplacer` added for replace css property value while build runn
     font: zdf-rCallBar_1 !important;
   }
   ```
-
-
-If we need the exact word to be considered for replacement ( that is, if value is `text` and only if the value is `text` and not `text_cursor` or `cursortext` for example, the conversion happens ) we have to use `^` before the word and `$` after the word in the key. 
-
-# For Example : 
-{
-  valueReplacer: [
-      {
-        "props": [
-          "cursor",
-          "--label_cursor",
-          "--checkbox_cursor",
-          "--tag_cursor",
-          "--button_cursor",
-          "--textboxicon_icon_cursor",
-        ],
-        "values": {
-          "^default$": "var(--zdr-cursor-default)",
-          "^pointer$": "var(--zdr-cursor-pointer)",
-          "^text$": "var(--zdr-cursor-text)",
-          "^move$": "var(--zdr-cursor-move)",
-        }
-      }
-    ]
-}
-
-- Here we have added `^` before and `$` after default, pointer, text and move. Only if the exact words default, pointer, text and move are used, the values will be converted.

package/docs/VariableConversion.md

@@ -4,13 +4,8 @@
 
 Conversion for Variables from Variables to px in Supportapp completed (`variableIgnore.js` && `pxParserPostcss.js` to be referred to), and px to custom variables through the new `variableModificationPlugin`. Error Log generation can also be converted on enabling
 
-
-**Issue Fix**
-# Issue fix done in `1.0.1`
-- variable conversion for px and var(--) values in same declaration was not supported, now it is supported.
-
 **Features:** 
-# Features below are added from `0.0.1-beta.173`
+# Features below are added form `0.0.1-beta.173`
 1. variables are converted from px to custom variables ( options are consumed from `cssVariableReplacementOptions.json` present in source folder )
 2. To enable the error log generation `errorLog` is to be made `true` in `cssVariableReplacementOptions.json` ( it will take a little longer than usual build time )
 3. To enable the console display of errors that are generated, `errorInConsole` is to be made `true` in `cssVariableReplacementOptions.json`