@zohodesk/react-cli 1.1.14-kubernetes → 1.1.15

package/.vscode/settings.json

@@ -0,0 +1,25 @@
+{
+    "cSpell.words": [
+        "classname",
+        "cmjs",
+        "devbuild",
+        "escodegen",
+        "expublish",
+        "gitclone",
+        "hgclone",
+        "mockapi",
+        "mockserver",
+        "nowatchserver",
+        "nowatchstart",
+        "postpublish",
+        "propertytojson",
+        "sslcert",
+        "sslcertupdate",
+        "sstest",
+        "uglifycss",
+        "valuereplacer",
+        "xmlhttprequest",
+        "zohodesk",
+        "zsecurity"
+    ]
+}

package/README.md

@@ -44,24 +44,287 @@ Now to run app
 
 # Change Logs
 
+# 1.1.15 (11-10-2023)
+
+**Feature:-**
+
+- externals was added to  Prevent bundling of certain imported packages and retrieve these external dependencies at runtime.
+- to use externals, we use the following pattern in `app > externals` :
+
+For example
+```
+   externals: {
+    <key> : <value>
+   }
+```
+# 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
 
@@ -73,13 +336,13 @@ Now to run app
 
 **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
 
@@ -140,8 +403,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:-**
 
@@ -160,7 +423,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:-
 
@@ -236,6 +499,11 @@ 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
@@ -497,6 +765,12 @@ 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
@@ -1135,3 +1409,7 @@ impact servise related changes:-
 - prod string error fix
 - efc build support
 - single style tag support
+
+```
+
+```

package/bin/cli.js

@@ -1,15 +1,19 @@
 #!/usr/bin/env node
 
 const path = require('path');
-const { existsSync } = require('fs');
-const { spawnSync: _spawnSync, spawn } = require('child_process');
-const { getOptions } = require('../lib/utils/index.js');
+const { spawnSync: _spawnSync, execSync } = require('child_process');
+const getOptions = require('../lib/utils/getOptions.js').default;
 
-const { log } = require('../lib/utils');
+const { log } = require('../lib/utils/log.js');
 const { getCliPath } = require('../lib/servers/getCliPath.js');
+const { runPreProcess } = require('../lib/common/runPreProcess.js');
 //initPreCommitHook();
 
-const options = getOptions();
+const [, , option] = process.argv;
+const args = process.argv.slice(3);
+const appPath = process.cwd();
+
+const options = getOptions({ start: true, build: true, docs: true }[option]);
 
 function spawnSync(...args) {
   const result = _spawnSync(...args);
@@ -20,7 +24,6 @@ function spawnSync(...args) {
 }
 
 const { esLint: esLintOptions } = options || {};
-const { preprocess } = options;
 const {
   ignoreFilePaths: esLintIgnorePaths,
   fix: esLintFix,
@@ -28,10 +31,6 @@ 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');
@@ -39,49 +38,10 @@ 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;
-  }
-}
+runPreProcess({ options, option, nodemon, spawnSync });
 
 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',
@@ -116,6 +76,22 @@ 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':
@@ -215,9 +191,7 @@ 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' }
     );
@@ -256,7 +230,7 @@ switch (option) {
         require.resolve('../lib/servers/mockserver.js'),
         '--delay',
         '2500ms',
-        'watch',
+        '--watch',
         `${appPath + path.sep}mockapi`
       ].concat(args),
       { stdio: 'inherit' }
@@ -463,8 +437,9 @@ 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/ComposeMinification.md

@@ -0,0 +1,13 @@
+# Compose Minification 
+
+We use this plugin to  extract all the common attributes ( margin, padding... ) supported and write them in respective common files( margin.css, padding.css... ) These are further reference to the classname instead of a line of code by composing and adding classnames for the same.
+
+
+# Feature : 
+
+* We can enable this plugin by representing the value of ` react-cli > app >  plugins > composeMinification ` to `true`.
+* The creation of `margin.css`, `padding.css`, `position.css` and so on will be done initially by a manual script for the application. 
+* Further the `composeMinification` plugin converts the `props` of common attributes under check into `compose` and `values` into `compose format` ( m10 from `../margin.css`) 
+* On runtime the conversion takes place and classnames for the properties (`margin`, `padding`, so on...) are added with references to respective files and styles are applied. 
+
+

package/docs/CustomChunks.md

@@ -4,23 +4,26 @@ 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
+- `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
 
 > 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
+- `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)**
   - 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
+- `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` -->

package/docs/MarkdownParser.md

@@ -0,0 +1,18 @@
+
+----> markdownParser <----
+
+1. Markdown parser allows us to write Documentation using Markdown language inside the Javascript file
+2. This will converts the snippets to HTML tag.
+3. We can implement this only inside the particular syntax which is metioned below.
+4. We can enable/disable this feature by `npm run docs --markdown_parser=true/false` default value will be `true`.
+5. Also we can enable/disable this feature by adding `enableMDParser` key inside the package.json under the `docs`.
+
+### syntax
+``` 
+/* MD:START 
+    # Hello World
+MD:END */
+```
+
+# v1.1.7 update: 
+* Markdown Parser feature implemented. 

package/docs/ReactLive.md

@@ -0,0 +1,14 @@
+
+----> ReactLive <----
+
+1. React Live is a live playground for reactjs (For now we have implemented in our docs)
+2. So, for this we are using reactLiveConverter.js (src/loaders) to convert the file format.
+3. We can enable/disable this feature by `npm run docs --enableReactLive=true/false` default value will be `true`.
+4. Also we can enable/disable this feature by adding `enableReactLive` key inside the package.json under the `docs`.
+
+# v1.1.0 update: 
+* ReactLive feature implemented. 
+
+# v1.1.2 update:
+
+* ReactLiveConverter filepath changed to 'reactLiveConverter.js' in docLoader file

package/docs/SelectorWeight.md

@@ -4,3 +4,6 @@
  * 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,3 +58,30 @@ 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,8 +4,13 @@
 
 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 form `0.0.1-beta.173`
+# Features below are added from `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`