@zohodesk/react-cli 0.0.1-exp.162.3 → 0.0.1-exp.164.1

package/README.md

@@ -2,6 +2,23 @@
 
 A CLI tool for build modern web application and libraries
 
+# 0.0.1-exp.164.1
+
+- extra features in custom chunks
+  - `minChunks`: `minChunks` is alies of `size` default value is `2`,
+  - `rules`: rules,
+  - `chunks`: by this option you 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 -->
+
+# 0.0.1-exp.165
+
+- **Features :-**
+  - auto remove vendor excluded dependency's dependency
+
 # 0.0.1-beta.164
 
 - typo fix
@@ -20,11 +37,6 @@ A CLI tool for build modern web application and libraries
   - option parse logic added for react-cli (exprimental)
   - `--stop_nodemon` usally preprocessor run in `nodemon` so to stop it this option is provided
 
-# 0.0.1-exp.162.3
-
-- **Optimazation:-**
-  - Split chunks Optimization check
-
 # 0.0.1-exp.162.2
 
 - **Optimazation:-**

package/eslint/NOTES.md

@@ -0,0 +1,3 @@
+Suggestions :
+
+1. 'lint-setup', 'add-lint-scripts' not need to exposed

package/eslint/a23.c

@@ -0,0 +1,16 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 23
+
+int main()
+{
+  // Write C code here
+  int i = 20, j = 22, k = 20, l = 10;
+
+  for (int m = 0; m <= 10; m++)
+  {
+    l = ++i + ++j - k--;
+  }
+  printf("%d\n", l);
+  return 0;
+}

package/eslint/a28.c

@@ -0,0 +1,25 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 28
+int mark(int x)
+{
+  if (x <= 0)
+  {
+    return 1;
+  }
+  return 0;
+}
+
+int main()
+{
+  // Write C code here
+  int x = 2345, t, a = 0;
+  while (x > 0)
+  {
+    t = x % 10;
+    a += mark(t);
+    x /= 10;
+  }
+  printf("%d\n", a);
+  return 0;
+}

package/eslint/a29.c

@@ -0,0 +1,25 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 29
+
+int main()
+{
+  // Write C code here
+  int x = 777, y, s = 0, m, n, t, u;
+  y = x;
+  for (m = 0; y != 0; y /= 10)
+  {
+    u = y % 9;
+    for (n = m, t = 1; n >= 0; n--)
+    {
+      t *= 9;
+    }
+    if (u < 5)
+    {
+      u += 3;
+    }
+    s = s * u + t;
+  }
+  printf("%d\n", s);
+  return 0;
+}

package/eslint/a30.c

@@ -0,0 +1,29 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 30
+
+int main()
+{
+  // Write C code here
+  int a[8] = {24, 27, 33, 27, 9, 43, 0, 3};
+  int i, sum = 0;
+  for (i = 0; i < 5; i = i + 1)
+  {
+    switch (a[i] % 3)
+    {
+    case 2:
+      sum = sum * sum;
+      break;
+    case 1:
+      sum += a[i];
+      break;
+    case 0:
+      sum -= a[i];
+      break;
+    default:
+      sum = sum * a[i];
+    }
+  }
+  printf("%d\n", sum);
+  return 0;
+}

package/eslint/a31.c

@@ -0,0 +1,23 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 31
+
+int main()
+{
+  // Write C code here
+  int x = 16, y = 32, i = 0;
+  do
+  {
+    if (x % 2 == 0)
+    {
+      y /= 2;
+    }
+    if (y % 2 < 1)
+    {
+      x /= 2;
+    }
+    i++;
+  } while (x > 1);
+  printf("%d\n", i);
+  return 0;
+}

package/eslint/a35.c

@@ -0,0 +1,23 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 34
+int compute(int a, int b)
+{
+  if (b == 1)
+  {
+    return a;
+  }
+  else
+  {
+    return a + compute(a, --b);
+  }
+}
+
+int main()
+{
+  // Write C code here
+  int a = 37, b = 26, result = 0;
+  result = compute(a, b);
+  printf("%d\n", result);
+  return 0;
+}

package/eslint/a36.c

@@ -0,0 +1,18 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 36
+int main()
+{
+  // Write C code here
+  char a[] = {'o', 'm', 'p', 'n', 'j', 'o'};
+  for (int i = 1; i <= 6; i++)
+  {
+    a[i - 1] = a[i - 1] + i;
+  }
+  for (int i = 0; i < 6; i++)
+  {
+    printf("%c\n", a[i]);
+  }
+  // printf("%d\n", result);
+  return 0;
+}

package/eslint/a37.c

@@ -0,0 +1,25 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 37
+int main()
+{
+  // Write C code here
+  char name[] = {'o', 'h', 'o', 'z', 'p', 'r', 'o', 'c'};
+  for (int i = 0, j = 7; i <= 7; i++, j--)
+  {
+    if (name[i] < name[j])
+    {
+      name[i] = name[j];
+    }
+    else
+    {
+      name[i] = name[i];
+    }
+  }
+  for (int i = 0; i <= 7; i++)
+  {
+    printf("%c", name[i]);
+  }
+  // printf("%d\n", result);
+  return 0;
+}

package/eslint/a38.c

@@ -0,0 +1,28 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 38
+int main()
+{
+  // Write C code here
+  int a = 7798, d = 1, temp, result = 1;
+  temp = a;
+  while (d)
+  {
+    d = temp % 10;
+    temp = temp / 10;
+    d %= 4;
+    switch (d)
+    {
+    case 0:
+      result += (a / 100) + (a % 100);
+    case 1:
+      result += (a / 100) + (a % 100);
+    case 2:
+      result += (a / 100) + (a % 100);
+    case 3:
+      result += (a / 100) + (a % 100);
+    };
+  }
+  printf("%d\n", result);
+  return 0;
+}

package/eslint/a39.c

@@ -0,0 +1,17 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 39
+int main()
+{
+  // Write C code here
+  int a = 20, b = 15, c = 0;
+
+  while (b > 0)
+  {
+    a = c + a - b;
+    b = a + 1;
+    c = b - 1;
+  }
+  printf("%d\n", a);
+  return 0;
+}

package/eslint/a40.c

@@ -0,0 +1,32 @@
+// Online C compiler to run C program online
+#include <stdio.h>
+// 40
+int main()
+{
+  // Write C code here
+  char a[5] = {'i', 'j', 'k', 'l', 'm'};
+  int i;
+  for (i = 0; i < 5; i++)
+  {
+    // printf("%d\n", a[i]);
+    switch (i % 2)
+    {
+    case 0:
+      a[i] = a[i] + 2;
+      break;
+    case 1:
+      a[i] = a[i] + 3;
+      break;
+    default:
+      a[i] = a[i] + 3;
+    }
+  }
+
+  for (i = 0; i < 5; i++)
+  {
+    printf("%c", a[i]);
+  }
+  // printf("\nHello world");
+
+  return 0;
+}

package/eslint/mockapi.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>mock api</title>
+  </head>
+  <body>
+    <h1>We are going to see how to use mock api</h1>
+    <ul>
+      <li>
+        Step 1:-
+        you need to start the app with "react-cli"."app"."server"."hasMock" as "true" in package.json
+        <code>npm run start --app-port=9090</code>
+      </li>
+    </ul>
+  </body>
+</html>

package/eslint/mockapi.md

@@ -0,0 +1,5 @@
+# We are going to see how to use `Mock api`
+
+- Step 1:-
+  you need to start the app with **"react-cli"."app"."server"."hasMock"** as `true` and **"react-cli"."app"."server"."hasMock"** as `true` in package.json <code>npm run start --app-port=9090</code>
+- Step 2:- you need to start the app with **"react-cli"."app"."server"."hasMock"** as `true` in package.json <code>npm run start --app-port=9090</code>

package/lib/common/criteriaHandler.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.criteriaHandler = criteriaHandler;
+
+/*
+  root = {
+    a: 1
+    b: 0
+    op = "&"
+  }
+
+  rule = (1 & 2) | 0
+  root = {
+    a: {
+      a: 1
+      b: 2
+      op = "&"
+    }
+    b: 0
+    op = "|"
+  }
+
+   rule = (3 | !(1 & 2)) | 0
+  */
+function parseNumber(rule, _i) {
+  let i = _i;
+  let ans = 0;
+
+  while (/[0-9]/.test(rule[i])) {
+    ans = ans * 10 + Number(rule[i]);
+    i++;
+  }
+
+  return [i, ans];
+}
+
+function criteriaParser(rule, _i = 0) {
+  let openBarceCount = 0; // let root = {};
+
+  let cur = {};
+  let c;
+
+  for (let i = _i; i < rule.length; i++) {
+    c = rule[i];
+
+    if (/[0-9]/.test(c)) {
+      let [_i, num] = parseNumber(rule, i);
+      i = _i - 1;
+
+      if (cur.a === undefined) {
+        cur.a = num; // } else if (cur.b === undefined) {
+      } else {
+        cur.b = num; // if (cur.op && cur.a);
+        // } else {
+      }
+    } else if (/[|&]/.test(c)) {
+      if (cur.op) {
+        // if (cur.b === undefined && cur.op !== '!') {
+        //   throw `Error unexpected charector ${c} in index ${i}`;
+        // }
+        cur = {
+          a: cur,
+          op: c
+        };
+      } else {
+        cur.op = c;
+      }
+    } // if (c === '(' || c === ')') {
+    //   if (openBarceCount) {
+    //     openBarceCount++;
+    //   } else if (c === ')') {
+    //     openBarceCount--;
+    //     cur = { a, b, op };
+    //   }
+    // } else if (/[0-9]/.test(c)) {
+    // } else {
+    // }
+
+  }
+}
+
+function criteriaHandler(criterias, rule) {
+  if (/[(!)0-9&|]/.test(rule) === false) {
+    console.log('rule has  unexpexted charectors');
+  }
+
+  let root = criteriaParser(rule);
+}

package/lib/common/splitChunks.js

@@ -7,9 +7,11 @@ exports.default = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
+var _os = _interopRequireDefault(require("os"));
+
 var _utils = require("../utils");
 
-var _os = _interopRequireDefault(require("os"));
+var _testPattern = require("./testPattern");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -39,91 +41,72 @@ let isReact = module => {
   } = module;
   let reactBundle = ['react', 'react-dom'];
   return userRequest && reactBundle.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
-}; // let defaultChunks = {
-//   'react.vendor': {
-//     name: 'react.vendor',
-//     chunks: 'all',
-//     minChunks: 1,
-//     test: isReact,
-//     priority: -10
-//   },
-//   vendor: {
-//     name: 'vendor',
-//     chunks: 'all',
-//     minChunks: 1,
-//     test: isVendor,
-//     priority: -10
-//   },
-//   zohocharts: {
-//     chunks: 'all',
-//     minChunks: 1,
-//     test: /[\\/]node_modules[\\/]((@zohodesk|@zohocharts))[\\/]((zc-custom|d3).*)/,
-//     priority: 30,
-//     enforce: true
-//   }
-// };
-
+};
 
 let defaultChunks = {
   vendors: {
     // picks up everything from node_modules as long as the sum of node modules is larger than minSize
     //test: /[\\/]node_modules[\\/]((?!react).*)[\\/]/,
     test: isVendor,
+    chunks: 'initial',
+    // chunks: 'all',
     name: 'vendors',
     priority: 19,
-    enforce: true,
-    // causes maxInitialRequests to be ignored, minSize still respected if specified in cacheGroup
-    minSize: 30000 // use the default minSize
-
-  },
-  vendorsAsync: {
-    // vendors async chunk, remaining asynchronously used node modules as single chunk file
-    test: /[\\/]node_modules[\\/]((?!react).*)[\\/]/,
-    name: 'vendors.async',
-    chunks: 'async',
-    priority: 9,
-    reuseExistingChunk: true,
-    minSize: 10000 // use smaller minSize to avoid too much potential bundle bloat due to module duplication.
+    enforce: true // causes maxInitialRequests to be ignored, minSize still respected if specified in cacheGroup
+    // minSize: 30000 // use the default minSize
 
   },
   react: {
-    automaticNamePrefix: 'react',
-    test: /[\\/]node_modules[\\/]((react).*)[\\/]/,
-    priority: -10
-  },
-  commonsAsync: {
-    // commons async chunk, remaining asynchronously used modules as single chunk file
-    name: 'commons.async',
-    minChunks: 2,
-    // Minimum number of chunks that must share a module before splitting
-    chunks: 'async',
-    priority: -10,
-    reuseExistingChunk: true,
-    //minSize: 10000  // use smaller minSize to avoid too much potential bundle bloat due to module duplication.
-    minSize: 5000
-  },
-  zohocharts: {
+    name: 'react.vendor',
+    test: isReact,
     chunks: 'all',
     minChunks: 1,
-    test: /[\\/]node_modules[\\/]((@zohodesk|@zohocharts))[\\/]((zc-custom|d3).*)/,
-    priority: 30,
-    enforce: true
+    priority: 10
   }
 };
 let customChunksConfig = {};
-customChunks.map(({
+customChunks.map((obj, index) => ({
+  name: obj.name,
+  pattern: obj.pattern,
+  minChunks: obj.minChunks || obj.size || 2,
+  rules: obj.rules,
+  chunks: obj.chunks || 'all',
+  priority: obj.priority || -10 * (index + 2),
+  enforce: obj.enforce || true,
+  maxSize: obj.maxSize || 0,
+  minSize: obj.minSize || 20000,
+  includeDepenency: obj.includeDepenency || false
+})).map(({
   name,
   pattern,
-  size = 2
-}, index) => customChunksConfig[name] = {
+  minChunks,
+  rules,
+  priority,
+  chunks = 'all',
+  enforce,
+  minSize,
+  maxSize,
+  includeDepenency
+}) => customChunksConfig[name] = {
   name,
-  test: new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
-  chunks: 'all',
-  enforce: true,
-  minChunks: size,
-  priority: -10 * (index + 2)
+  test: rules ? m => {
+    const {
+      userRequest
+    } = m;
+    return (0, _testPattern.testPattern)(userRequest, rules); // return (
+    //   pkgs.some(p => isRelated(userRequest, p)) ||
+    //   (includeDepenency && isDependency(m, pkgs))
+    // );
+  } : new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
+  chunks,
+  enforce,
+  minSize,
+  maxSize,
+  minChunks,
+  priority
 });
 var _default = {
+  minSize: 12000,
   cacheGroups: Object.assign({
     default: false,
     vendors: false

package/lib/common/splitChunks1.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _os = _interopRequireDefault(require("os"));
+
+var _utils = require("../utils");
+
+var _testPattern = require("./testPattern");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let isWindows = _os.default.platform().toLowerCase() === 'win32';
+let ps = _path.default.sep;
+let options = (0, _utils.getOptions)();
+let {
+  app: {
+    vendorExclude,
+    customChunks,
+    vendorInclude
+  }
+} = options;
+
+let isVendor = function isVendor(module) {
+  let {
+    userRequest
+  } = module;
+  let excludeList = ['script-loader', 'raw-loader', 'react', 'react-dom'];
+  excludeList = [...excludeList, ...vendorExclude];
+  return userRequest && (vendorInclude.some(item => userRequest.indexOf(item) !== -1) || userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && excludeList.every(item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1));
+};
+
+let isReact = module => {
+  let {
+    userRequest
+  } = module;
+  let reactBundle = ['react', 'react-dom'];
+  return userRequest && reactBundle.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
+};
+
+let defaultChunks = {
+  'react.vendor': {
+    name: 'react.vendor',
+    chunks: 'all',
+    minChunks: 1,
+    test: isReact,
+    priority: -10
+  },
+  vendor: {
+    name: 'vendor',
+    chunks: 'initial',
+    minChunks: 1,
+    test: isVendor,
+    priority: -10
+  }
+};
+let customChunksConfig = {};
+customChunks.map(({
+  name,
+  pattern,
+  size = 2,
+  rules,
+  chunks = 'all',
+  includeDepenency
+}, index) => customChunksConfig[name] = {
+  name,
+  test: rules ? m => {
+    let {
+      userRequest
+    } = m;
+    let pkgs = rules;
+
+    if (!Array.isArray(rules)) {
+      pkgs = [rules];
+    }
+
+    return pkgs.some(p => (0, _testPattern.isRelated)(userRequest, p)) || includeDepenency && (0, _testPattern.isDependency)(m, pkgs);
+  } : new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
+  chunks,
+  enforce: true,
+  minChunks: size,
+  priority: -10 * (index + 2)
+});
+var _default = {
+  cacheGroups: Object.assign({
+    default: false,
+    vendors: false
+  }, defaultChunks, customChunksConfig)
+};
+exports.default = _default;

package/lib/common/splitChunksNew.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _os = _interopRequireDefault(require("os"));
+
+var _utils = require("../utils");
+
+var _testPattern = require("./testPattern");
+
+var _criteriaHandler = require("./criteriaHandler");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const isWindows = _os.default.platform().toLowerCase() === 'win32';
+const ps = _path.default.sep;
+const options = (0, _utils.getOptions)();
+const {
+  app: {
+    vendorExclude,
+    customChunks,
+    vendorInclude
+  }
+} = options;
+
+const canExclude = (m, excludeList) => {
+  let {
+    userRequest
+  } = m;
+  (0, _criteriaHandler.criteriaHandler)();
+  return (// if node_modules not  in path  then it is obviously not vendor
+    userRequest.indexOf('node_modules') === -1 || // for css currnetly  we use style so it is not vendor
+    userRequest.endsWith('.css') || //I don't know what  it is but not vendor (due to previous code)
+    userRequest.endsWith('publicPathConfig.js') || // this list given by user, So we need to exclude them
+    excludeList.some(item => (0, _testPattern.isRelatedPackage)(userRequest, item)) || // this is for exclude dependency module by excluded user
+    (0, _testPattern.isDependency)(m, excludeList)
+  );
+};
+
+let isVendor = function isVendor(module) {
+  let {
+    userRequest
+  } = module;
+  let excludeList = ['script-loader', 'raw-loader', 'react', 'react-dom'];
+  excludeList = [...excludeList, ...vendorExclude];
+  return userRequest && (vendorInclude.some(item => userRequest.indexOf(item) !== -1) || // (userRequest.indexOf('node_modules') >= 0 &&
+  //   userRequest.endsWith('.css') === false &&
+  //   userRequest.endsWith('publicPathConfig.js') === false &&
+  //   excludeList.every(
+  //     item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1
+  //   )))
+  !canExclude(module, excludeList));
+};
+
+let isReact = module => {
+  let {
+    userRequest
+  } = module;
+  let reactBundle = ['react', 'react-dom'];
+  return userRequest && reactBundle.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
+};
+
+let defaultChunks = {
+  'react.vendor': {
+    name: 'react.vendor',
+    chunks: 'all',
+    minChunks: 1,
+    test: isReact,
+    priority: -10
+  },
+  vendor: {
+    name: 'vendor',
+    chunks: 'all',
+    minChunks: 1,
+    test: isVendor,
+    priority: -10
+  }
+};
+let customChunksConfig = {};
+console.log(customChunks, 'hi');
+customChunks.map(({
+  name,
+  pattern,
+  size = 2,
+  rules,
+  chunks = 'all',
+  includeDepenency
+}, index) => customChunksConfig[name] = {
+  name,
+  test: rules ? m => {
+    let {
+      userRequest
+    } = m;
+    let pkgs = rules;
+
+    if (!Array.isArray(rules)) {
+      pkgs = [rules];
+    }
+
+    return pkgs.some(p => (0, _testPattern.isRelated)(userRequest, p)) || includeDepenency && (0, _testPattern.isDependency)(m, pkgs);
+  } : new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
+  chunks,
+  enforce: true,
+  minChunks: size,
+  priority: -10 * (index + 2)
+});
+var _default = {
+  cacheGroups: Object.assign({
+    default: false,
+    vendors: false
+  }, defaultChunks, customChunksConfig)
+}; // supportapp / src / analytics / utils / dashboards / chartUI.js;
+// supportapp / src / modules / analytics / utils / chartTheme.js;
+// a = [
+//   'supportapp/src/analytics/utils/dashboards/chartUI.js',
+//   'supportapp/src/components/analytics/dashboarddetail/Chart/Chart.js',
+//   'supportapp/src/modules/analytics/utils/chartTheme.js',
+//   'supportapp/src/modules/analytics/utils/ChartUI.js',
+//   'supportapp/src/components/zia/zianotifications/ZiaNotificationDashBoard/ZiaNotificationChart.js',
+//   'supportapp/src/components/analytics/dashboarddetail/SegmentAudience/DayoftheWeek/DayoftheWeek.js',
+//   'supportapp/src/components/analytics/dashboarddetail/SegmentAudience/HouroftheDay/HouroftheDay.js'
+// ];
+
+exports.default = _default;

package/lib/common/testPattern.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDependency = isDependency;
+exports.isRelatedPackage = exports.isRelated = void 0;
+exports.testPattern = testPattern;
+
+var _express = require("express");
+
+var _path = require("path");
+
+// in our development we only use windows, mac and linux
+const isWindows = _path.sep !== '/'; // this function  will  return true if pattern matched
+
+function _testPattern(req, pattern) {
+  let modifyedPattern = pattern;
+
+  if (/[*.$^]/.test(modifyedPattern)) {
+    if (isWindows) {
+      // modifyedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
+      modifyedPattern = modifyedPattern.replace(/\//g, '\\\\');
+    }
+
+    modifyedPattern = modifyedPattern.replace(/\./g, '\\.').replace(/\*/g, '.*');
+    const re = new RegExp(modifyedPattern);
+    return re.test(req);
+  }
+
+  if (isWindows) {
+    // modifyedPattern = pattern.replace(/\//g, ps.replace(/\\/g, '\\\\'));
+    modifyedPattern = modifyedPattern.replace(/\//g, '\\');
+  }
+
+  return req.indexOf(modifyedPattern) !== -1;
+}
+
+function testPattern(req, pattern) {
+  if (!req || !pattern) {
+    return false;
+  }
+
+  if (Array.isArray(pattern)) {
+    // eslint-disable-next-line no-unused-vars
+    return pattern.every(p => testPattern(req, p));
+  }
+
+  if (pattern[0] === '!') {
+    return !_testPattern(req, pattern.slice(1));
+  }
+
+  return _testPattern(req, pattern);
+}
+
+const isRelated = (req, item) => req && req.indexOf(item) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
+exports.isRelated = isRelated;
+
+const isRelatedPackage = (req, item) => isRelated(req, `node_modules${_path.sep}${item}${_path.sep}`) !== -1; // export const isRelated = (req, item) => testPattern(req, item);
+
+
+exports.isRelatedPackage = isRelatedPackage;
+
+function isDependency(m, excludeList) {
+  // let reasons = m.reasons.map(r => r.module.userRequest);
+  // m.reasons.some(r => !r.module || !r.module.userRequest) && console.log(m.reasons);
+  return m.reasons.some(r => excludeList.some(item => r.module && isRelated(r.module.userRequest, item)));
+} // export function queryHandler(conditions, pattern) {
+// }

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

@@ -95,7 +95,7 @@ module.exports = {
     children: false,
     colors: true,
     // excludeAssets: /i18n/,
-    // excludeAssets: /./,
+    excludeAssets: /./,
     warningsFilter: /\[mini-css-extract-plugin\]/
   },
   plugins: (0, _pluginUtils.getProdPlugins)(options, output.publicPath),

package/npm8.md

@@ -0,0 +1,9 @@
+# npm 8 change related things
+
+1. in npm run script config options `:` not working (properly|correctly), So we need to use `_` in the place of `:`
+   For Example:
+   - `--app:port` wouldn't work we have to do like this `--app_port`
+   - `--clone:proj:name` wouldn't work we have to do like this `----clone_proj_name`
+
+@zohodes/react-cli or fz-react-cli regardless of what cli you use.
+So, we need to change all package.json script which is using this (`:`) we need to change as (`_`)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-exp.162.3",
+  "version": "0.0.1-exp.164.1",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -100,7 +100,7 @@
     "react-redux": "7.2.1",
     "react-router": "5.2.0",
     "react-router-redux": "4.0.8",
-    "react-test-renderer": "18.0.0-rc.0",
+    "react-test-renderer": "16.13.1",
     "react-transition-group": "2.7.1",
     "redis": "3.0.2",
     "redux": "4.0.5",