@zohodesk/react-cli 1.1.25 → 1.1.26-exp.2

package/README.md

@@ -44,6 +44,32 @@ Now to run app
 
 # Change Logs
 
+# 1.1.26 (06-09-2024)
+
+**Features**
+
+  - Add a new className format that mirrors the class names used in the source code.
+   ```
+    app: {
+      displayClassName: true
+    }
+   ```
+
+  - option given to disable the HtmlWebpackPlugin.
+   ```
+    app: {
+      generateHtml: true
+    }
+   ``` 
+  - Control the rendering order of async CSS chunks.
+  ```
+    css: {
+      enable: true,
+      className: <ID of the tag before which all async CSS chunks should be rendered.>
+    }
+    ``` 
+   
+
 # 1.1.25 (12-08-2024) 
 
  - mp3 files support added

package/lib/configs/resolvers.js

@@ -22,10 +22,14 @@ function moduleResolver(options) {
     disableES5Transpile
   } = options.app;
   const customAlias = options.alias;
+  console.log(moduleResolvePath);
   let required = moduleResolvePath && (0, _requireLocalOrGlobal.requireLocal)(moduleResolvePath);
+  console.log(required, 'requirwe');
 
   if (!required) {
+    console.log('this global');
     required = (0, _requireLocalOrGlobal.requireGlobal)('@zohodesk/client_packages_group');
+    console.log(required, 'what');
 
     if (required) {
       (0, _logger.messageLogger)('global `@zohodesk/client_packages_group` package taken as client_packages_group');

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

@@ -43,7 +43,8 @@ const {
     crossorigin,
     postCssPluginOrder,
     externals,
-    enableMjsLoader
+    enableMjsLoader,
+    displayClassName
   },
   enableTypeScript
 } = options;
@@ -120,7 +121,8 @@ module.exports = {
         classNameBlob: '[local]',
         cssUniqueness: false,
         selectorReplace: null,
-        postCssPluginOrder
+        postCssPluginOrder,
+        displayClassName
       })
     } : null, {
       test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
@@ -137,7 +139,8 @@ module.exports = {
         selectorReplace,
         cssHashSelectors,
         classNamePrefix,
-        postCssPluginOrder
+        postCssPluginOrder,
+        displayClassName
       })
     }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configVideoLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       test: /\.tmpl$/,

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

@@ -36,6 +36,7 @@ const {
     cssVariableReplacementConfig,
     selectorWeightConfig,
     cssUniqueness,
+    displayClassName,
     customClassNamePrefix,
     server: {
       mode
@@ -173,7 +174,8 @@ module.exports = {
         cssUniqueness: false,
         customClassNamePrefix,
         selectorReplace: null,
-        postCssPluginOrder
+        postCssPluginOrder,
+        displayClassName
       })
     } : null, {
       test: seperateCssModules ? /\.module\.css$/ : /\.css$/,
@@ -190,7 +192,8 @@ module.exports = {
         selectorReplace,
         cssHashSelectors,
         classNamePrefix,
-        postCssPluginOrder
+        postCssPluginOrder,
+        displayClassName
       })
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,

package/lib/loaderUtils/getCSSLoaders.js

@@ -45,7 +45,8 @@ const getCSSLoaders = optionsObj => {
     cssHashSelectors,
     classNamePrefix,
     postCssPluginOrder,
-    customClassNamePrefix
+    customClassNamePrefix,
+    displayClassName
   } = optionsObj;
   const {
     devCssFileBountry
@@ -66,7 +67,7 @@ const getCSSLoaders = optionsObj => {
   if (classNameBlob) {
     cssLoaderOptions.modules.localIdentName = classNameBlob;
   } else {
-    cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix, customClassNamePrefix, patterns);
+    cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix, customClassNamePrefix, patterns, displayClassName);
   }
 
   const pluginOrder = calculatePostCssPluginOrder(postCssPluginOrder, Object.keys(plugins).filter(x => plugins[x] === true)); // console.log('selector weight config : ', selectorWeightConfig);

package/lib/pluginUtils/getDevPlugins.js

@@ -19,6 +19,8 @@ var _I18nSplitPlugin = _interopRequireDefault(require("../plugins/I18nSplitPlugi
 
 var _RequireVariablePublicPlugin = _interopRequireDefault(require("../plugins/RequireVariablePublicPlugin"));
 
+var _CssOrderControlPlugin = _interopRequireDefault(require("../plugins/CssOrderControlPlugin"));
+
 var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
 
 var _webpack = _interopRequireDefault(require("webpack"));
@@ -45,6 +47,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const getDevPlugins = (options, publicPath) => {
   const {
     app: {
+      generateHtml,
       tpFolder,
       folder,
       instrumentScript,
@@ -74,7 +77,8 @@ const getDevPlugins = (options, publicPath) => {
       localeAttr: efcLocaleAttr
     },
     css: {
-      enableRTLSplit
+      enableRTLSplit,
+      cssOrderControler
     },
     i18n,
     unusedFiles,
@@ -163,7 +167,7 @@ const getDevPlugins = (options, publicPath) => {
     collections: true,
     shorthands: true
   }));
-  (0, _configHtmlWebpackPlugins.configHtmlWebpackPlugins)(pluginsArr, {
+  generateHtml && (0, _configHtmlWebpackPlugins.configHtmlWebpackPlugins)(pluginsArr, {
     enableChunkHash: false,
     folder,
     minify: false,
@@ -196,6 +200,7 @@ const getDevPlugins = (options, publicPath) => {
     mainChunkName: 'main'
   }));
   instrumentScript && pluginsArr.push(new _plugins.ScriptInstrumentPlugin());
+  cssOrderControler.enable && pluginsArr.push(new _CssOrderControlPlugin.default(cssOrderControler));
   customAttributes.enable && pluginsArr.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
   customAttributes.enable && pluginsArr.push(new _EfcResourceCleanupPlugin.default(Object.assign({}, customAttributes, {
     globalCacheObj: context

package/lib/pluginUtils/getProdPlugins.js

@@ -35,6 +35,8 @@ var _CustomAttributePlugin = require("../plugins/CustomAttributePlugin");
 
 var _RtlCssPlugin = require("../plugins/RtlSplitPlugin/RtlCssPlugin");
 
+var _CssOrderControlPlugin = _interopRequireDefault(require("../plugins/CssOrderControlPlugin"));
+
 var _configHtmlWebpackPlugins = require("./configHtmlWebpackPlugins");
 
 var _StatsPlugin = _interopRequireDefault(require("../plugins/StatsPlugin"));
@@ -49,6 +51,7 @@ const getProdPlugins = (options, publicPath = '') => {
     enableChunkHash
   } = options.app;
   const {
+    generateHtml,
     manifestFileName,
     bundleAnalyze,
     optimize,
@@ -87,7 +90,8 @@ const getProdPlugins = (options, publicPath = '') => {
     i18n
   } = options;
   const {
-    enableRTLSplit
+    enableRTLSplit,
+    cssOrderControler
   } = options.css;
   const {
     hasEFC: newOptionForEnableEFC,
@@ -174,7 +178,7 @@ const getProdPlugins = (options, publicPath = '') => {
     to: `./${tpFolder}/`,
     toType: 'dir'
   }]));
-  (0, _configHtmlWebpackPlugins.configHtmlWebpackPlugins)(pluginsArr, {
+  generateHtml && (0, _configHtmlWebpackPlugins.configHtmlWebpackPlugins)(pluginsArr, {
     enableChunkHash,
     folder,
     inject,
@@ -301,6 +305,7 @@ const getProdPlugins = (options, publicPath = '') => {
   } // plugins.push(new VariableConversionCollector({}));
 
 
+  cssOrderControler.enable && pluginsArr.push(new _CssOrderControlPlugin.default(cssOrderControler));
   customAttributes.enable && pluginsArr.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
   customAttributes.enable && pluginsArr.push(new _EfcResourceCleanupPlugin.default(Object.assign({}, customAttributes, {
     globalCacheObj: context

package/lib/plugins/CssOrderControlPlugin.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+class CssOrderControlPlugin {
+  constructor(options) {
+    this.options = {
+      className: options.className
+    };
+  }
+
+  apply(compiler) {
+    // NOTE: we not using this, Reason currently this option is only need for EFC,
+    // So it do not needed.
+    const className = this.options.className;
+    compiler.hooks.thisCompilation.tap({
+      name: 'CssOrderControlPlugin',
+      stage: 1,
+      fn: compilation => {
+        compilation.mainTemplate.hooks.requireEnsure.tap('CssOrderControlPlugin', source => {
+          // const str = attributeSetTemplate(cssAttributes, 'linkTag');
+          const replacedStr = source.replace('head.appendChild(linkTag);', `var referenceTag = document.getElementById('${className}');
+                   head.insertBefore(linkTag, referenceTag);`); //   console.log({ s: source, r: replacedStr });
+
+          return replacedStr;
+        });
+      }
+    });
+  }
+
+}
+
+exports.default = CssOrderControlPlugin;

package/lib/schemas/index.js

@@ -52,6 +52,10 @@ var _default = {
     propertiesFolder: null
   },
   css: {
+    cssOrderControler: {
+      enable: false,
+      className: 'customCss'
+    },
     enableRTLSplit: false,
     valueReplacer: null,
     //valueReplacer: [
@@ -126,6 +130,14 @@ var _default = {
     cssDirStatement: null
   },
   app: {
+    generateHtml: {
+      value: true,
+      cli: 'generate_html'
+    },
+    displayClassName: {
+      value: false,
+      cli: 'display_class_name'
+    },
     moduleResolvePath: {
       value: '@zohodesk/client_packages_group',
       cli: 'module_resolve_path'

package/lib/servers/requireLocalOrGlobal.js

@@ -25,19 +25,22 @@ function requireLocalOrGlobal(moduleName, opts = {}) {
   const {
     local = true
   } = opts;
-  const isRelativePath = moduleName[0] === '.'; // NOTE: if starts with . then it only mean local
+  const isRelativePath = moduleName[0] === '.';
+  console.log(moduleName, 'module name'); // NOTE: if starts with . then it only mean local
 
   if (isRelativePath) {
     global = false;
   }
 
   try {
-    const paths = [local && process.cwd(), global && globalNodeModules].filter(Boolean); // x({ paths, globalNodeModules, global, local, opts });
+    const paths = [local && process.cwd(), global && globalNodeModules].filter(Boolean);
+    console.log('path', process.cwd(), local, global); // x({ paths, globalNodeModules, global, local, opts });
 
     const moduleResolvePath = require.resolve(moduleName, {
       paths
     });
 
+    console.log(moduleResolvePath, 'moduleResolvePath');
     return require(moduleResolvePath);
   } catch (error) {
     // NOTE: since we return null we can check out side

package/lib/utils/cssClassNameGenerate.js

@@ -62,7 +62,7 @@ function patternBasedClass({
 var _default = (unique = true, {
   filenames,
   packages
-}, classNamePrefix, customClassNamePrefix, patterns) => (context, localIdentName, localName) => {
+}, classNamePrefix, customClassNamePrefix, patterns, displayClassName) => (context, localIdentName, localName) => {
   // console.log(patterns, context.resourcePath);
   // NOTE:  in build machine we use date as folder path.
   // So every time we create new build there is path will alway different
@@ -92,6 +92,11 @@ var _default = (unique = true, {
   */
 
 
+  if (displayClassName) {
+    return `${fileNameWithoutExt}__${localName}`;
+  } //  return cleanFileName
+
+
   if (context.resourcePath.endsWith('.plain.css')) {
     return localName;
   }

package/npm-shrinkwrap.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.23",
+  "version": "1.1.26-exp.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -2010,6 +2010,17 @@
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz",
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g=="
     },
+    "@reduxjs/toolkit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.3.0.tgz",
+      "integrity": "sha512-WC7Yd6cNGfHx8zf+iu+Q1UPTfEcXhQ+ATi7CV1hlrSAaQBdlPzg7Ww/wJHNQem7qG9rxmWoFCDCPubSvFObGzA==",
+      "requires": {
+        "immer": "^10.0.3",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
+      }
+    },
     "@sindresorhus/is": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
@@ -2395,10 +2406,11 @@
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
     },
     "@zohodesk/client_packages_group": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@zohodesk/client_packages_group/-/client_packages_group-1.0.2.tgz",
-      "integrity": "sha512-4fVRD/lICzLY1yI+s4dCGayCLlhe81GPjalQIFqSvW8P9Zn8pwX9ThH6eclFI3OPzFDWMb8GKu2Yg9fJyzNsfA==",
+      "version": "1.0.2-exp.4-redux",
+      "resolved": "https://registry.npmjs.org/@zohodesk/client_packages_group/-/client_packages_group-1.0.2-exp.4-redux.tgz",
+      "integrity": "sha512-wqm9hVjE8xtlY19PLS8QWtUlzcv+jdVYXr4Fh2QwDkyjA0tyTcHl4elGDQSQcIfrztr/5gET7Mvx7naTmfsH2A==",
       "requires": {
+        "@reduxjs/toolkit": "^2.2.8",
         "@zohodesk/datetimejs": "1.0.0-beta.9",
         "@zohodesk/normalizer": "1.0.2",
         "core-js": "3.6.5",
@@ -2418,11 +2430,8 @@
         "react-router": "5.2.0",
         "react-router-redux": "4.0.8",
         "react-transition-group": "2.7.1",
-        "redux": "4.0.5",
         "redux-logger": "3.0.6",
         "redux-router-middleware": "1.0.0-beta.22",
-        "redux-thunk": "2.3.0",
-        "reselect": "4.0.0",
         "selectn": "1.1.2",
         "simple-normalizr": "1.2.5",
         "velocity-react": "1.4.3"
@@ -7157,6 +7166,11 @@
       "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
       "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
     },
+    "immer": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
+      "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw=="
+    },
     "import-cwd": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
@@ -9775,17 +9789,17 @@
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.21.0",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz",
-          "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
+          "version": "7.26.0",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+          "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
           "requires": {
-            "regenerator-runtime": "^0.13.11"
+            "regenerator-runtime": "^0.14.0"
           }
         },
         "regenerator-runtime": {
-          "version": "0.13.11",
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-          "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+          "version": "0.14.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
         }
       }
     },
@@ -11802,9 +11816,9 @@
           "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
         },
         "path-to-regexp": {
-          "version": "1.8.0",
-          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
-          "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+          "version": "1.9.0",
+          "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.9.0.tgz",
+          "integrity": "sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==",
           "requires": {
             "isarray": "0.0.1"
           }
@@ -11921,13 +11935,9 @@
       }
     },
     "redux": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz",
-      "integrity": "sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==",
-      "requires": {
-        "loose-envify": "^1.4.0",
-        "symbol-observable": "^1.2.0"
-      }
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w=="
     },
     "redux-logger": {
       "version": "3.0.6",
@@ -11951,9 +11961,9 @@
       "integrity": "sha512-BNIBdAgbKAfe3cv4IeiECTbCZlllh45HvfhWTOB1gm1eFWgAGOb2vEOTzfBM/g46T19znkxn/7ravjvazckFfw=="
     },
     "redux-thunk": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.3.0.tgz",
-      "integrity": "sha512-km6dclyFnmcvxhAcrQV2AkZmPQjzPDjgVlQtR0EQjxZPyJ0BnMf3in1ryuR8A2qU0HldVRfxYXbFSKlI3N7Slw=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+      "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw=="
     },
     "regenerate": {
       "version": "1.4.2",
@@ -12178,9 +12188,9 @@
       "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
     },
     "reselect": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.0.0.tgz",
-      "integrity": "sha512-qUgANli03jjAyGlnbYVAV5vvnOmJnODyABz51RdBN7M4WaVu8mecZWgyQNkG8Yqe3KRGRt0l4K4B3XVEULC4CA=="
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w=="
     },
     "resolve": {
       "version": "1.22.1",
@@ -13140,11 +13150,6 @@
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
     },
-    "symbol-observable": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
-      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
-    },
     "symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -13342,9 +13347,9 @@
       }
     },
     "tiny-invariant": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
-      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="
     },
     "tiny-warning": {
       "version": "1.0.3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.25",
+  "version": "1.1.26-exp.2",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -41,7 +41,7 @@
     "@babel/preset-env": "7.11.0",
     "@babel/preset-react": "7.10.4",
     "@babel/runtime": "7.11.2",
-    "@zohodesk/client_packages_group": "1.0.2",
+    "@zohodesk/client_packages_group": "1.0.2-exp.4-redux",
     "@zohodesk/eslint-plugin-react-performance": "1.0.3",
     "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
     "@zohodesk/postcss-rtl": "1.5.2",