@zohodesk/react-cli 0.0.1-exp.167.1 → 0.0.1-exp.167.2

package/.eslintrc.js

@@ -125,6 +125,7 @@ let commonConfigs = {
     'semi-spacing': [logLevel],
     'arrow-spacing': [logLevel],
     'arrow-body-style': [logLevel],
+    'prefer-const': [logLevel],
     'arrow-parens': [logLevel, 'as-needed'],
     'no-const-assign': [logLevel],
     'no-dupe-class-members': [logLevel],

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "none",
+  "singleQuote": true,
+  "arrowParens": "avoid",
+  "jsxSingleQuote": true
+}

package/README.md

@@ -2,6 +2,101 @@
 
 A CLI tool for build modern web application and libraries
 
+# 0.0.1-beta.174
+
+cli has been updated to fix compose issue faced when classname:hover exists and classname does not before compose
+
+**Issue Fix:-**
+ * In react-cli version `0.0.1-beta.173`, when we use `start` command throws error issue fixed
+ * while using `cssVariableReplacementOptions`, compose issue faced in css files, when classname:hover exists and classname does not exist issue fixed
+
+**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]`
+
+**Changes:-**
+* `jsonFile_test_*.json` files deleted after they used.
+
+# 0.0.1-beta.173
+
+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
+
+**Features:** 
+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`
+4. To enable specific errors in the error log generation / error display on console, `DECLARATION_IGNORED`(for ignoring that particular line / declaration),`UNIT_ERROR` (when the Unit doesnt match the available units for the property),`RANGE_ERROR` (when the value does not fall within the range that is given for the property), `VARIABLE_PRESENT`(whether the value supposed to be in px for conversion sake is not converted from var() to px or if it's properly converted to px for conversion from px to var through our plugin) are to be individually made `true` in `cssVariableReplacementOptions.json`
+
+For an more information and reference, refer to :  `docs/VariableConversion.md `
+
+# 0.0.1-beta.172
+We have renamed some options, For Our future features convenience.  
+We have given fallback support.
+Deprecation Warnings:- 
+* `react-cli.app.hasRTL` ==>  `react-cli.app.plugins.hasRTL`
+* `react-cli.app.rtlExclude` ==> `react-cli.app.exclude.rtl`
+
+* `react-cli.docs.hasRTL` ==>  `react-cli.docs.plugins.hasRTL`
+* `react-cli.docs.rtlExclude` ==> `react-cli.docs.exclude.rtl`
+these options have fallback support.
+
+# 0.0.1-beta.171
+
+Features added :
+1. `react-cli.app.mediaQueryHoverActiveString` and `react-cli.docs.mediaQueryHoverActiveString` templates support added for @media(hover: hover) and @media(hover: none) queries. We can modify these to modify respective queries.
+
+# 0.0.1-beta.170
+
+this version has same as `0.0.1-exp.169.1`, `0.0.1-exp.169.2`
+
+# 0.0.1-exp.169.2
+
+1. flags are converted to one variable 'plugin' and used in getCssLoaders.js.
+2. files for exclusion can be put in seperate arrays in 'exclude' present in package.json.
+3. `combinerMq` has been converted to `combinerMediaQuery` for clarity.
+
+# 0.0.1-exp.169.1
+
+File support added for mp4 for docs dev and prod mode
+
+# 0.0.1-beta.169
+
+this version has same as `0.0.1-exp.168.1`, `0.0.1-exp.168.2`, `0.0.1-exp.168.3` and below and some minor changes
+
+1. `--efc_version=v3` flag added for change efc version via commmand line option
+2. `hoverActive` flag added for conversion from usual hover to @media(hover:hover) and @media(hover:none) queries for hover support in mobile.
+3. `combinerMq` flag added for combination of the media queries that might be appended or existing media queries that are duplicates to create one media query with all rules put together.
+
+# 0.0.1-exp.168.3
+
+Changes :
+
+1.  code optimization ( made functions for the hoverActive cases making it more easier to access)
+2.  handled `hover:ignore`, `active:ignore`, `hoverActive:ignore` cases for usual queries and media queries
+
+# 0.0.1-exp.168.2
+
+Changes :
+
+1. hoverActive case handled with postcss `hover:hover` media query and `hover:none` media query is added
+2. flag for hoverActive used to add/remove postcss changes
+
+# 0.0.1-exp.168.1
+
+Changes:-
+
+1. `cliRootPath` option removed `react-cli.app.cliRootPath` in `package.json`
+   Due to the reason we updated our logic to find package's executable path.
+2. `--efc_output_file=efc-sdk-[version].js` option added to modify efc output file by terminal
+3. added logic to print error message during command run, Previously when executable not found error messages not printed
+
+# 0.0.1-beta.168
+
+Changes:-
+
+1. `enableChunkHash` option enabled for dev mode, use it as `react-cli.app.enableChunkHash` in `package.json`
+2. `--enable_efc=true` option added to enable efc by terminal
+3. unwanted pem files removed
 # 0.0.1-exp.167.1
 Features:-
  * In docs we have added `Description` for Component Props- check out it in `PropTypes` tab
@@ -56,7 +151,7 @@ this version has same as `# 0.0.1-exp.164.1`, `# 0.0.1-exp.164.2` and below and
 
 # 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 shemas for font name replace related issue handling, for more [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/ValueReplacer.md)
 - `valuereplacer` option added in react-cli it takes three
   1. sourceDir
   2. distDir
@@ -64,7 +159,7 @@ this version has same as `# 0.0.1-exp.164.1`, `# 0.0.1-exp.164.2` and below and
 
 # 0.0.1-exp.164.1
 
-- extra features in custom chunks reffer [this](./docs/CustomChunks.md)
+- extra features in custom chunks reffer [this](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/CustomChunks.md)
 
 # 0.0.1-exp.164.2
 
@@ -154,7 +249,7 @@ this version has same as `# 0.0.1-exp.164.1`, `# 0.0.1-exp.164.2` and below and
 
 # 0.0.1-exp.159
 
-- isse fix:-
+- issue fix:-
   - when rtl ltr css split enable manifest json css filename keys comes with hash .
 
 # 0.0.1-beta.158

package/bin/cli.js

@@ -1,19 +1,26 @@
 #!/usr/bin/env node
 
 const path = require('path');
-const os = require('os');
 const { existsSync } = require('fs');
-const { spawnSync, spawn } = require('child_process');
+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;
+}
+
 const { esLint: esLintOptions } = options || {};
 const { preprocess } = options;
-let { cliRootPath } = options;
 const {
   ignoreFilePaths: esLintIgnorePaths,
   fix: esLintFix,
@@ -21,27 +28,10 @@ const {
   reportPath: reportPath
 } = esLintOptions || {};
 
-const isWindows = os.platform().toLowerCase() === 'win32';
-
 const [, , option] = process.argv;
 const args = process.argv.slice(3);
 const appPath = process.cwd();
 
-const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
-
-if (!cliRootPath) {
-  cliRootPath = path.join(__dirname, '..');
-}
-
-const _getCliPath = !isNodeModuleUnderAppFolder
-  ? libName => path.join(cliRootPath, 'node_modules', '.bin', libName)
-  : libName => libName;
-const suffixExt = isWindows ? '.cmd' : '';
-
-function getCliPath(libName) {
-  return _getCliPath(libName) + suffixExt;
-}
-
 const webpack = getCliPath('webpack');
 
 const nodemon = getCliPath('nodemon');

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