@zohodesk/react-cli 1.1.11-exp.3 → 1.1.11-exp.5

package/packages/client_build_tool/lib/shared/bundler/webpack/statsConfig.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.statsConfig = statsConfig;
+
+// eslint-disable-next-line no-unused-vars
+function statsConfig(options) {
+  // return 'errors-only';
+  return {
+    preset: 'minimal',
+    warnings: false,
+    children: false,
+    colors: true,
+    errorDetails: true // excludeAssets: /i18n/,
+    // excludeAssets: /./,
+    // warningsFilter: /\[mini-css-extract-plugin\]/
+
+  };
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/utils/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isJsFile = exports.isDirRelatedCss = exports.isCssFile = exports.isCss = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const isCss = filename => _path.default.extname(filename) === '.css';
+
+exports.isCss = isCss;
+
+const isDirRelatedCss = filename => filename.includes('[dir]');
+
+exports.isDirRelatedCss = isDirRelatedCss;
+
+const isJsFile = file => /\.js$/.test(file);
+
+exports.isJsFile = isJsFile;
+
+const isCssFile = file => /\.css$/.test(file);
+
+exports.isCssFile = isCssFile;

package/packages/client_build_tool/lib/shared/bundler/webpack/utils/updateArrayWithDefault.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateArrayWithDefault = updateArrayWithDefault;
+
+function updateArrayWithDefault(array, defaultoptions = []) {
+  const index = array.indexOf('...');
+
+  if (index === -1) {
+    return array;
+  }
+
+  const newArray = [...array];
+  newArray.splice(index, 1, ...defaultoptions);
+  return newArray;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/webpackBuild.js

@@ -7,18 +7,21 @@ exports.default = webpackBuild;
 
 var _webpack = require("webpack");
 
+var _statsConfig = require("./statsConfig");
+
 var _webpackConfig = _interopRequireDefault(require("./webpackConfig"));
 
+var _logger = require("../../../logger");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function webpackBuild(options) {
   const config = (0, _webpackConfig.default)(options);
-  console.log('webpackBuild');
   (0, _webpack.webpack)(config, (err, stats) => {
     if (err || stats.hasErrors()) {
-      // ...
-      console.log('err', err);
-    } // Done processing
+      (0, _logger.errorLogger)('err', err);
+    }
 
+    (0, _logger.messageLogger)(stats.toString((0, _statsConfig.statsConfig)(options)));
   });
 }

package/packages/client_build_tool/lib/shared/bundler/webpack/webpackConfig.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = webpackConfigCreator;
 
+var _entryConfig = require("./entryConfig");
+
 var _outputConfig = require("./outputConfig");
 
 var _jsLoaders = require("./jsLoaders");
@@ -23,27 +25,27 @@ var _configHtmlTemplateLoader = require("./loaderConfigs/configHtmlTemplateLoade
 
 var _configWebWorkerLoader = require("./loaderConfigs/configWebWorkerLoader");
 
-// import { devServerConfig } from './devServerConfig';
+var _statsConfig = require("./statsConfig");
+
+var _getSourceMapType = require("./getSourceMapType");
+
+var _modeUtils = require("./common/modeUtils");
+
+var _externals = require("./externals");
+
 function webpackConfigCreator(options) {
   return {
-    mode: 'development',
+    entry: (0, _entryConfig.entryConfig)(options),
+    mode: (0, _modeUtils.getWebpackMode)(options),
     output: (0, _outputConfig.outputConfig)(options),
-    devtool: 'cheap-source-map',
-    // stats: 'errors-only',
-    stats: {
-      children: false,
-      colors: true,
-      errorDetails: true // excludeAssets: /i18n/,
-      // excludeAssets: /./,
-      // warningsFilter: /\[mini-css-extract-plugin\]/
-
-    },
-    // devServer: devServerConfig(options),
+    devtool: (0, _getSourceMapType.devtoolConfig)(options),
+    stats: (0, _statsConfig.statsConfig)(options),
     optimization: (0, _optimizationConfig.optimizationConfig)(options),
     module: {
       rules: [...(0, _jsLoaders.jsLoaders)(options), ...(0, _cssLoaders.cssLoaders)(options), (0, _configWebWorkerLoader.configWebWorkerLoader)(options), (0, _configHtmlTemplateLoader.configHtmlTemplateLoader)(options), ...(0, _assetLoaders.assetLoaders)(options)]
     },
     plugins: (0, _plugins.plugins)(options),
+    externals: (0, _externals.externals)(options),
     resolve: (0, _resolvers.moduleResolver)(options),
     resolveLoader: (0, _resolvers.loaderResolver)(options)
   };

package/packages/client_build_tool/lib/shared/commands-utils/doBasicRequirementCheck.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.doBasicRequirementCheck = doBasicRequirementCheck;
+
+/* eslint-disable no-throw-literal */
+function doBasicRequirementCheck() {
+  const majorV = Number(process.version.slice(1, 4));
+
+  if (majorV >= 12 && majorV <= 18) {
+    return true;
+  }
+
+  throw `your node version not compatible with this cli please update node version to 12 - 18, and your current version is ${process.version}`;
+}

package/packages/client_build_tool/lib/shared/{commands-utlis → commands-utils}/getCliPath.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCliPath = void 0;
+exports.getCliPath = getCliPath;
 
 var _os = require("os");
 
@@ -11,8 +11,8 @@ var _fs = require("fs");
 
 var _path = require("path");
 
-const appPath = process.cwd();
-const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
+var _constants = require("../constants");
+
 const isWindows = (0, _os.platform)().toLowerCase() === 'win32';
 const suffixExt = isWindows ? '.cmd' : ''; // function searchForCommandPath(commandName) {
 //   let pathFolders = __dirname.split(sep);
@@ -28,11 +28,12 @@ const suffixExt = isWindows ? '.cmd' : ''; // function searchForCommandPath(comm
 // }
 
 function searchForCommandPath(libName) {
-  const commandPath = (0, _path.join)(__dirname, '..', '..', '..', 'node_modules', '.bin', libName); // TODO: need to check for windows machine reason command with ext added,
-  //  when we  use  global react-cli package (executable) working or not 
+  const commandPath = (0, _path.join)(_constants.cliNodeModulesPath, '.bin', libName); // TODO: need to check for windows machine reason command with ext added,
+  //  when we use global react-cli package (executable) working or not
 
   return (0, _fs.existsSync)(commandPath) ? commandPath : libName;
 }
 
-const getCliPath = !isNodeModuleUnderAppFolder ? commandName => searchForCommandPath(commandName + suffixExt) : commandName => commandName + suffixExt;
-exports.getCliPath = getCliPath;
+function getCliPath(commandName) {
+  return searchForCommandPath(commandName + suffixExt);
+}

package/packages/client_build_tool/lib/shared/{commands-utlis → commands-utils}/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "doBasicRequiermentCheck", {
+Object.defineProperty(exports, "doBasicRequirementCheck", {
   enumerable: true,
   get: function () {
-    return _doBasicRequiermentCheck.doBasicRequiermentCheck;
+    return _doBasicRequirementCheck.doBasicRequirementCheck;
   }
 });
 Object.defineProperty(exports, "readArgsFormCommandLine", {
@@ -26,4 +26,4 @@ var _readArgsFormCommandLine = require("./readArgsFormCommandLine");
 
 var _readOptionFormCommandLine = require("./readOptionFormCommandLine");
 
-var _doBasicRequiermentCheck = require("./doBasicRequiermentCheck");
+var _doBasicRequirementCheck = require("./doBasicRequirementCheck");

package/packages/client_build_tool/lib/shared/commands-utils/spawnSyncIO.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSpawnSyncOptions = void 0;
+exports.spawnIO = spawnIO;
+exports.spawnSyncIO = spawnSyncIO;
+
+var _child_process = require("child_process");
+
+var _logger = require("../../logger");
+
+var _getCliPath = require("./getCliPath");
+
+const defaultSpawnSyncOptions = {
+  stdio: 'inherit'
+};
+exports.defaultSpawnSyncOptions = defaultSpawnSyncOptions;
+
+function spawnSyncIO(commandName, args, spawnSyncOptions = defaultSpawnSyncOptions) {
+  const command = (0, _getCliPath.getCliPath)(commandName);
+  const result = (0, _child_process.spawnSync)(command, args, spawnSyncOptions);
+
+  if (result.error || result.stderr) {
+    (0, _logger.errorLogger)(result.error || result.stderr);
+  } // console.log(result.output);
+
+
+  process.exit(result.status);
+}
+
+function spawnIO(commandName, args, cb) {
+  // const result =
+  (0, _child_process.spawn)(commandName, args, {
+    stdio: 'inherit'
+  }, cb); // process.exit(result.status);
+}

package/packages/client_build_tool/lib/shared/constants.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cliRootPath = exports.cliNodemodulesPath = exports.babelrcPath = exports.appPath = exports.appInitialHTMLTemplatePath = exports.CONFIG_ROOT = exports.BASE_CONFIG_KEY = void 0;
+exports.cliRootPath = exports.cliNodeModulesPath = exports.babelrcPath = exports.appPath = exports.CONFIG_ROOT = exports.BASE_CONFIG_KEY = void 0;
+exports.getTemplatePath = getTemplatePath;
+exports.joinWithAppPath = joinWithAppPath;
+exports.templatesPath = void 0;
 
 var _path = _interopRequireWildcard(require("path"));
 
@@ -20,14 +23,23 @@ exports.cliRootPath = cliRootPath;
 const CONFIG_ROOT = 'client-build-config';
 exports.CONFIG_ROOT = CONFIG_ROOT;
 
-const cliNodemodulesPath = _path.default.resolve(cliRootPath, 'node_modules');
+const cliNodeModulesPath = _path.default.resolve(cliRootPath, 'node_modules');
 
-exports.cliNodemodulesPath = cliNodemodulesPath;
+exports.cliNodeModulesPath = cliNodeModulesPath;
 const babelrcPath = (0, _path.join)(cliRootPath, '.babelrc');
 exports.babelrcPath = babelrcPath;
 const appPath = process.cwd();
 exports.appPath = appPath;
 
-const appInitialHTMLTemplatePath = _path.default.join(process.cwd(), 'src', 'index.html');
+function joinWithAppPath(filePath) {
+  // TODO: test in windows
+  return (0, _path.join)(appPath, filePath);
+}
 
-exports.appInitialHTMLTemplatePath = appInitialHTMLTemplatePath;
+const templatesPath = (0, _path.join)(__dirname, '..', '..', 'templates');
+exports.templatesPath = templatesPath;
+
+function getTemplatePath(...filePath) {
+  // TODO: test in windows
+  return (0, _path.join)(templatesPath, ...filePath);
+}

package/packages/client_build_tool/lib/shared/fileUtils/copyFile.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.copyFile = copyFile;
+exports.createParentDir = createParentDir;
+exports.writeFile = writeFile;
+
+var _fs = require("fs");
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function createParentDir(filename) {
+  const {
+    dir
+  } = _path.default.parse(filename);
+
+  if (!(0, _fs.existsSync)(dir)) {
+    (0, _fs.mkdirSync)(dir, {
+      recursive: true
+    });
+  }
+}
+
+function copyFile(filename, outputFile) {
+  createParentDir(outputFile);
+  const readStream = (0, _fs.createReadStream)(filename);
+  const writeStream = (0, _fs.createWriteStream)(outputFile);
+  return readStream.pipe(writeStream);
+}
+
+function writeFile(filename, data) {
+  createParentDir(filename);
+  return (0, _fs.writeFileSync)(filename, data);
+}

package/packages/client_build_tool/lib/shared/fileUtils/directoryIterator.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.directoryIterator = directoryIterator;
+
+var _fs = require("fs");
+
+var _path = require("path");
+
+function directoryIterator(filename, callback) {
+  if (!(0, _fs.statSync)(filename).isDirectory()) {
+    callback(filename);
+    return;
+  }
+
+  (0, _fs.readdirSync)(filename).forEach(fileOrDir => {
+    directoryIterator((0, _path.join)(filename, fileOrDir), callback);
+  });
+}

package/packages/client_build_tool/lib/shared/fileUtils/watchRun.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.watchRun = watchRun;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _watcher = _interopRequireDefault(require("watcher"));
+
+var _runBabelForJSFile = require("../babel/runBabelForJSFile");
+
+var _runPostCssForCssFile = require("../postcss/runPostCssForCssFile");
+
+var _directoryIterator = require("./directoryIterator");
+
+var _copyFile = require("./copyFile");
+
+var _logger = require("../../logger");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const isJs = ext => ext === '.js';
+
+const isCss = ext => ext === '.css';
+
+function watchRun({
+  options,
+  src,
+  target,
+  canWatch,
+  mode
+}) {
+  let updatedFileCount = 0;
+
+  function doWorkForSeparateFile(filename) {
+    const outputFile = filename.replace(src, target);
+
+    const {
+      ext
+    } = _path.default.parse(filename);
+
+    if (isJs(ext)) {
+      (0, _runBabelForJSFile.runBabelForJSFile)({
+        filename,
+        outputFile,
+        options,
+        mode
+      });
+    } else if (isCss(ext)) {
+      (0, _runPostCssForCssFile.runPostCssForCssFile)({
+        filename,
+        outputFile,
+        options
+      });
+    } else {
+      (0, _copyFile.copyFile)(filename, outputFile);
+    }
+
+    updatedFileCount++;
+  }
+
+  function doWork(foldername) {
+    updatedFileCount = 0;
+    const startTime = Date.now();
+    (0, _directoryIterator.directoryIterator)(foldername, filename => {
+      try {
+        doWorkForSeparateFile(filename);
+      } catch (error) {
+        (0, _logger.messageLogger)(`ERROR In: ${filename}`);
+        (0, _logger.messageLogger)(error);
+      }
+    });
+    (0, _logger.messageLogger)(`Successfully compiled ${updatedFileCount} files with Babel and Post-CSS (${Date.now() - startTime}ms).`);
+  }
+
+  doWork(src);
+
+  if (canWatch) {
+    const watcher = new _watcher.default(src, {
+      recursive: true,
+      ignoreInitial: true,
+      ignore: filename => filename.indexOf('__tests__') !== -1
+    });
+    watcher.on('all', (event, filename) => {
+      if (event === 'unlink' || event === 'unlinkDir') {
+        return;
+      }
+
+      doWork(filename); // This is what the library does internally when you pass it a handler directly
+      //   arguments [0] (event); // => could be any target event: 'add', 'addDir', 'change', 'rename', 'renameDir', 'unlink' or 'unlinkDir'
+      //   arguments [1] (filename); // => the file system path where the event took place, this is always provided
+      //   arguments [2] (targetPathNext); // => the file system path "targetPath" got renamed to, this is only provided on 'rename'/'renameDir' events
+    });
+    watcher.on('error', error => {
+      (0, _logger.messageLogger)(error); // => true, "Error" instances are always provided on "error"
+    });
+  }
+}

package/packages/client_build_tool/lib/shared/postcss/__test__/ignoreTestCases.test.js

@@ -0,0 +1,80 @@
+"use strict";
+
+/* eslint-disable max-lines */
+const ignore = require('ignore');
+
+function checkIsPatternsMatchFilename(patterns, filename) {
+  return patterns.length ? ignore({
+    allowRelativePaths: true
+  }).add(patterns).ignores(filename) : true;
+}
+
+const testCases = [{
+  name: 'css selector',
+  patterns: ['common.*', 'layout.*'],
+  passtests: ['../../../client_build_tool/packages/client_build_tool/node_modules/react/common.css', '../../../client_build_tool/packages/client_build_tool/react/common.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/common/common.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/common/li/layout.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/common/li/common.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/layout.css', '../../../client_build_tool/packages/client_build_tool/react/layout.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/layout/layout.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/layout/li/common.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/layout/li/layout.css'],
+  falltests: ['../../../client_build_tool/packages/client_build_tool/node_modules/react/common/locall.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/layout/locall.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/common/sdsd/locall.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/layout/sdfsdf/locall.css', '../../../client_build_tool/packages/client_build_tool/node_modules/react/klaklk.css']
+}, {
+  name: 'react.vendor',
+  patterns: ['**/node_modules/react/', '**/node_modules/react-dom/'],
+  passtests: ['../../../client_build_tool/packages/client_build_tool/node_modules/react/index.js', '../../../client_build_tool/packages/client_build_tool/node_modules/react/index.js', '../../../client_build_tool/packages/client_build_tool/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js', '../../../client_build_tool/packages/client_build_tool/node_modules/react-dom/index.js'],
+  falltests: []
+}, {
+  name: 'vendor',
+  patterns: ['node_modules', '!**/node_modules/react/', '!**/node_modules/react-dom/', '!*.css', '!**/publicPathConfig.js'],
+  passtests: []
+}, {
+  name: 'src',
+  patterns: ['**/src/**/*.css'],
+  passtests: ['/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/One.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/As.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/A.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/IconContent/IconContent.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Icon/Icon.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Header/Header.css'],
+  falltests: ['/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/tracing.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/prop-types/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/react-router-dom/esm/react-router-dom.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.js'],
+  // '.*@zohodesk\\/(icons)(?!.*\\/Appearance\\/).*\\.css$',
+  size: 1
+}, {
+  name: 'icons',
+  patterns: ['**/src/**/*.css', '**/@zohodesk/icons/**/*.css', '!**/@zohodesk/icons/**/Appearance/**'],
+  passtests: ['/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/One.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/As.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/A.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/IconContent/IconContent.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Icon/Icon.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Header/Header.css'],
+  falltests: ['/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/tracing.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/prop-types/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/react-router-dom/esm/react-router-dom.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.js'],
+  // '.*@zohodesk\\/(icons)(?!.*\\/Appearance\\/).*\\.css$',
+  size: 1
+}, {
+  name: 'components|variables',
+  patterns: ['**/@zohodesk/components/**/*.css', '**/@zohodesk/variables/**/*.css', '!**/@zohodesk/components/**/Appearance/**', '!**/@zohodesk/variables/**/Appearance/**'],
+  passtests: ['/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Container.module.css'],
+  falltests: ['/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/tracing.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/One.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/As.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/A.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/prop-types/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/IconContent/IconContent.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Icon/Icon.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Header/Header.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/react-router-dom/esm/react-router-dom.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.js'],
+  // '.*@zohodesk\\/(icons)(?!.*\\/Appearance\\/).*\\.css$',
+  size: 1
+}, {
+  name: 'styles',
+  patterns: ['*.css', '!**/@zohodesk/components/**/*.css', '!**/@zohodesk/variables/**/*.css', '!**/@zohodesk/icons/**/*.css'],
+  passtests: ['/Users/zohodesk-test/work/weirdo-components/examples/src/components/IconContent/IconContent.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Icon/Icon.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/components/Header/Header.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/One.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/As.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/A.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/svg/lib/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/svg/lib/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/svg/es/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/svg/es/components/Container.module.css'],
+  falltests: ['/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/es/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/es/components/Appearance/Container.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/scheduler/tracing.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/Appearance/Header/SubHeader/AppearanceBox.js', '/Users/zohodesk-test/work/weirdo-components/examples/src/virtualizer/index.js', '/Users/zohodesk-test/work/client_build_tool/packages/client_build_tool/node_modules/prop-types/index.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.js', './Users/zohodesk-test/work/weirdo-components/examples/node_modules/react-router-dom/esm/react-router-dom.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Box.module.css', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.module.cs', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Appearance/Sub/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/components/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Container.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/variables/lib/components/Box.js', '/Users/zohodesk-test/work/weirdo-components/examples/node_modules/@zohodesk/icons/lib/components/Container.js'],
+  // '.*@zohodesk\\/(icons)(?!.*\\/Appearance\\/).*\\.css$',
+  size: 1
+}];
+
+function runTest(testSuite = testCases[0]) {
+  describe(`test suite for '${testSuite.name}' patterns:${JSON.stringify(testSuite.patterns)}`, () => {
+    const {
+      patterns,
+      passtests = [],
+      falltests = []
+    } = testSuite;
+    it('passtests', () => {
+      passtests.forEach(fileName => {
+        const ans = checkIsPatternsMatchFilename(patterns, fileName); // we had made it as array for debug purpose
+
+        expect([fileName, ans]).toStrictEqual([fileName, true]);
+      });
+    });
+    it('falltests', () => {
+      falltests.forEach(fileName => {
+        const ans = checkIsPatternsMatchFilename(patterns, fileName); // we had made it as array for debug purpose
+
+        expect([fileName, ans]).toStrictEqual([fileName, false]);
+      });
+    });
+  });
+}
+
+testCases.forEach(runTest); // runTest(testCases[0]);