@zohodesk/react-cli 1.1.9 → 1.1.11-exp.1

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

@@ -43,6 +43,68 @@ Now to run app
 ---
 
 # Change Logs
+
+# 1.1.11-exp.1 (8-8-2023)
+
+**Changes** 
+
+- Added a new config `stats` to  control stats file generation.
+
+**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`.
+
+# 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:-**
@@ -53,55 +115,65 @@ Now to run app
 - 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 "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.  
-
+- 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 arguement' issue. 
+
+- 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)
 
+- 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.
+- 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
@@ -113,6 +185,7 @@ For more info please refer to :
 # 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
@@ -120,6 +193,7 @@ For more info please refer to :
 # 1.1.3
 
 **Issue Fix**
+
 - local install react-cli spawnSync Error fix
 
 # 1.1.2
@@ -131,67 +205,75 @@ For more info please refer to :
 # 1.1.1
 
 **Issue Fix**
+
 - docs component name incorrect in windows, when using --enableReactLive issue fixed.
 
-**Feature Update** 
+**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 convertion plugin using individual script. To use `react-cli variableConverter [source] [target]`
+
+- 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)
+  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)
+  [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 )
 
+- 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**  
-
-
+- 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
+- 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.
-
+  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
 
@@ -202,13 +284,13 @@ For more info please refer to :
 
 **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
 
@@ -220,13 +302,13 @@ For more info please refer to :
 
 **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
 
@@ -287,8 +369,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:-**
 
@@ -307,7 +389,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:-
 
@@ -384,8 +466,9 @@ 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.  
+
+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
 
@@ -649,6 +732,7 @@ impact servise related changes:-
 - 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)
@@ -1291,3 +1375,7 @@ impact servise related changes:-
 - prod string error fix
 - efc build support
 - single style tag support
+
+```
+
+```

package/bin/cli.js

@@ -1,12 +1,12 @@
 #!/usr/bin/env node
 
 const path = require('path');
-const { existsSync } = require('fs');
-const { spawnSync: _spawnSync, spawn } = require('child_process');
+const { spawnSync: _spawnSync, execSync } = require('child_process');
 const getOptions = require('../lib/utils/getOptions.js').default;
 
 const { log } = require('../lib/utils/log.js');
 const { getCliPath } = require('../lib/servers/getCliPath.js');
+const { runPreProcess } = require('../lib/common/runPreProcess.js');
 //initPreCommitHook();
 
 const [, , option] = process.argv;
@@ -24,7 +24,6 @@ function spawnSync(...args) {
 }
 
 const { esLint: esLintOptions } = options || {};
-const { preprocess } = options;
 const {
   ignoreFilePaths: esLintIgnorePaths,
   fix: esLintFix,
@@ -39,53 +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, '--watch', path.parse(preprocesserPath).dir],
-        {
-          stdio: 'inherit',
-          cwd: path.parse(preprocesserPath).dir
-        }
-      );
-      // 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',
@@ -481,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/lib/common/runPreProcess.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runPreProcess = runPreProcess;
+
+var _path = _interopRequireWildcard(require("path"));
+
+var _fs = require("fs");
+
+var _child_process = require("child_process");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function runPreProcess({
+  options,
+  option,
+  nodemon,
+  spawnSync
+}) {
+  const {
+    preprocess
+  } = options;
+  const preprocessorPath = preprocess.runner ? _path.default.join(process.cwd(), preprocess.runner) : '';
+  const preprocessCli = preprocess.stopNodemon ? 'node' : nodemon;
+
+  if (preprocessorPath && (0, _fs.existsSync)(preprocessorPath)) {
+    const preprocessorDirPath = (0, _path.dirname)(preprocessorPath);
+    const watchOptions = preprocessCli === nodemon ? ['--watch', preprocessorDirPath] : []; // eslint-disable-next-line default-case
+
+    switch (option) {
+      case 'start':
+      case 'docs':
+        (0, _child_process.spawn)(preprocessCli, [preprocessorPath, ...watchOptions], {
+          stdio: 'inherit',
+          cwd: preprocessorDirPath
+        }); // NOTE:  it's ok if we not close this here
+        // Because when node server stops this program will be 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', [preprocessorPath], {
+          stdio: 'inherit',
+          cwd: preprocessorPath.slice(0, preprocessorPath.lastIndexOf('/') + 1)
+        });
+        break;
+
+      case 'preprocessor':
+        {
+          const result = spawnSync(preprocessCli, [preprocessorPath, ...watchOptions], {
+            stdio: 'inherit',
+            cwd: preprocessorDirPath
+          });
+          process.exit(result.status);
+          break;
+        }
+    }
+  } else if (option === 'preprocess') {
+    console.error(`preProcessor not exists ${preprocessorPath}`);
+    process.exit(0);
+  }
+}

package/lib/configs/webpack.css.umd.config.js

@@ -23,7 +23,8 @@ let {
       folder,
       publicPath,
       cssHashSelectors,
-      classNamePrefix
+      classNamePrefix,
+      customClassNamePrefix
     }
   },
   packageVersion
@@ -83,7 +84,7 @@ module.exports = {
         loader: 'css-loader',
         options: {
           modules: {
-            getLocalIdent: (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix)
+            getLocalIdent: (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix, customClassNamePrefix)
           }
         }
       }]

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

@@ -30,6 +30,7 @@ const {
     cssVariableReplacementConfig,
     selectorWeightConfig,
     cssUniqueness,
+    customClassNamePrefix,
     seperateCssModules,
     changeRuntimeChunkChar,
     // we are going to use this for fonts file name collide in issue in devmode
@@ -108,6 +109,7 @@ module.exports = {
         mediaQueryHoverActiveString,
         cssVariableReplacementConfig,
         selectorWeightConfig,
+        customClassNamePrefix,
         classNameBlob: '[local]',
         cssUniqueness: false,
         selectorReplace: null,
@@ -124,6 +126,7 @@ module.exports = {
         selectorWeightConfig,
         classNameBlob: null,
         cssUniqueness,
+        customClassNamePrefix,
         selectorReplace,
         cssHashSelectors,
         classNamePrefix,

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

@@ -20,6 +20,7 @@ const {
     componentFolder,
     enableChunkHash,
     cssUniqueness,
+    customClassNamePrefix,
     plugins,
     exclude,
     patterns,
@@ -86,6 +87,7 @@ module.exports = isSSTest => ({
         selectorWeightConfig,
         classNameBlob: false,
         cssUniqueness,
+        customClassNamePrefix,
         selectorReplace,
         cssHashSelectors,
         classNamePrefix,

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

@@ -19,6 +19,7 @@ const {
   docs: {
     componentFolder,
     cssUniqueness,
+    customClassNamePrefix,
     plugins,
     exclude,
     patterns,
@@ -85,6 +86,7 @@ module.exports = {
         selectorWeightConfig,
         classNameBlob: false,
         cssUniqueness,
+        customClassNamePrefix,
         selectorReplace: null,
         cssHashSelectors,
         classNamePrefix,

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

@@ -34,6 +34,7 @@ const {
     cssVariableReplacementConfig,
     selectorWeightConfig,
     cssUniqueness,
+    customClassNamePrefix,
     server: {
       mode
     },
@@ -161,6 +162,7 @@ module.exports = {
         mediaQueryHoverActiveString,
         classNameBlob: '[local]',
         cssUniqueness: false,
+        customClassNamePrefix,
         selectorReplace: null,
         postCssPluginOrder
       })
@@ -175,6 +177,7 @@ module.exports = {
         selectorWeightConfig,
         classNameBlob: false,
         cssUniqueness,
+        customClassNamePrefix,
         selectorReplace,
         cssHashSelectors,
         classNamePrefix,

package/lib/deprecationLogger.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.deprecateMessage = deprecateMessage;
 exports.deprecateOption = deprecateOption;
 exports.deprecationLoggerEnd = deprecationLoggerEnd;
-exports.deprecationLoggerStart = deprecationLoggerStart;
 
 var _logger = require("./logger");
 

package/lib/loaderUtils/getCSSLoaders.js

@@ -44,7 +44,8 @@ const getCSSLoaders = optionsObj => {
     selectorReplace,
     cssHashSelectors,
     classNamePrefix,
-    postCssPluginOrder
+    postCssPluginOrder,
+    customClassNamePrefix
   } = optionsObj;
   const {
     devCssFileBountry
@@ -65,10 +66,10 @@ const getCSSLoaders = optionsObj => {
   if (classNameBlob) {
     cssLoaderOptions.modules.localIdentName = classNameBlob;
   } else {
-    cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix, patterns);
+    cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix, customClassNamePrefix, patterns);
   }
 
-  const pluginOrder = calculatePostCssPluginOrder(postCssPluginOrder, Object.keys(plugins).filter(x => plugins[x] !== false)); // console.log('selector weight config : ', selectorWeightConfig);
+  const pluginOrder = calculatePostCssPluginOrder(postCssPluginOrder, Object.keys(plugins).filter(x => plugins[x] === true)); // console.log('selector weight config : ', selectorWeightConfig);
 
   const postcssPlugins = [plugins.valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), plugins.hasRTL && require('@zohodesk/postcss-rtl')({
     addPrefixToSelector: function addPrefixToSelector(selector, prefix) {

package/lib/logger.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.errorLogger = errorLogger;
 exports.messageLogger = messageLogger;
+exports.verboseLogger = verboseLogger;
 exports.warnLogger = warnLogger;
 
+/* eslint-disable no-console */
 function messageLogger(...args) {
   console.log(...args);
 }
@@ -17,4 +19,9 @@ function errorLogger(...args) {
 
 function warnLogger(...args) {
   console.warn(...args);
+}
+
+function verboseLogger(...args) {
+  // TODO: need to be remove when publish happens
+  process.env.VERBOSE === 'true' && console.log('\x1b[33m [verbose] \x1b[0m', ...args);
 }