@zohodesk/client_build_tool 0.0.22-exp.4 → 0.0.22-exp.5

package/es/shared/bundler/webpack/resolvers.js

@@ -1,70 +0,0 @@
-/* eslint-disable no-use-before-define */
-import { nodeModulesPath as defaultNodeModulesPath } from '@zohodesk/client_packages_group';
-import { cliNodeModulesPath, appNodeModules } from "../../constants";
-import { libAlias } from "./common/libAlias";
-import { requireAllPossible, requireGlobal } from "../../utils/requireLocalOrGlobal";
-import { errorLogger, messageLogger, verboseLogger } from "../../../logger";
-const defaultPackageGroupNpm = '@zohodesk/client_packages_group';
-
-function decideNodeModulesPath(moduleResolvePath) {
-  if (typeof moduleResolvePath === 'string' && moduleResolvePath) {
-    const resolverPkg = requireAllPossible(moduleResolvePath);
-
-    if (resolverPkg.local) {
-      verboseLogger(`Local '${moduleResolvePath}' package taken as Module Resolver`);
-      return resolverPkg.local.nodeModulesPath;
-    }
-
-    if (resolverPkg.global) {
-      messageLogger(`Global '${moduleResolvePath}' package taken as Module Resolver`);
-      return resolverPkg.global.nodeModulesPath;
-    }
-
-    errorLogger(`
-        You have given 'resolve.moduleResolvePath' as "${moduleResolvePath}".
-        But it seems that file path have some problem;`);
-    process.exit(0);
-  }
-
-  const globalResolverPkg = requireGlobal(defaultPackageGroupNpm);
-
-  if (globalResolverPkg) {
-    messageLogger(`Global '${defaultPackageGroupNpm}' package taken as Module Resolver`);
-    return globalResolverPkg.nodeModulesPath;
-  }
-
-  verboseLogger(`CBT default '${defaultPackageGroupNpm}' package taken as Module Resolver`);
-  return defaultNodeModulesPath;
-}
-
-export function moduleResolver(options) {
-  const {
-    preferLocalFirst,
-    alias,
-    defaultAlias,
-    moduleResolvePath
-  } = options.resolve;
-  const nodeModulesPath = decideNodeModulesPath(moduleResolvePath);
-  return {
-    modules: useAppNodeModulesAsPreferred(preferLocalFirst, [nodeModulesPath, cliNodeModulesPath].filter(Boolean)),
-    alias: { ...(defaultAlias ? libAlias : {}),
-      ...(alias || {})
-    },
-    extensions: ['.ts', '.js', '.json', '.tsx']
-  };
-}
-export function loaderResolver(options) {
-  const {
-    preferLocalFirst
-  } = options.resolve;
-  return {
-    modules: useAppNodeModulesAsPreferred(preferLocalFirst, [cliNodeModulesPath])
-  };
-}
-
-function useAppNodeModulesAsPreferred() {
-  let preferLocalFirst = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  let paths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  const filteredPaths = paths.filter(Boolean);
-  return preferLocalFirst ? ['node_modules', ...filteredPaths, appNodeModules] : [...filteredPaths, 'node_modules', appNodeModules];
-}

package/es/shared/bundler/webpack/splitChunksConfig.js

@@ -1,106 +0,0 @@
-import { defaultVendorPatternList, reactBundleIncludeList } from "./defaultVendorPatternList";
-import { getFilenameFromModule } from "./getFilenameFromModule";
-import { checkIsPatternsMatchFilename } from "./loaderConfigs/checkIsPatternsMatchFilename";
-export function splitChunksConfig(options) {
-  const {
-    vendorPatterns,
-    customChunks,
-    customChunksBaseConfig
-  } = options;
-
-  const isVendor = function isVendor(webpackModule) {
-    const userRequest = getFilenameFromModule(webpackModule);
-    const patterns = [...defaultVendorPatternList, ...vendorPatterns];
-    return checkIsPatternsMatchFilename(patterns, userRequest);
-  };
-
-  const isReact = webpackModule => {
-    const userRequest = getFilenameFromModule(webpackModule);
-    return checkIsPatternsMatchFilename(reactBundleIncludeList, userRequest);
-  };
-
-  const defaultChunks = {
-    'react.vendor': {
-      name: 'react.vendor',
-      chunks: 'all',
-      minChunks: 1,
-      test: isReact,
-      enforce: true,
-      priority: 30
-    },
-    vendor: {
-      name: 'vendor',
-      chunks: 'all',
-      minChunks: 1,
-      test: isVendor,
-      priority: 20
-    }
-  };
-  const customChunksConfig = {};
-  customChunks.reverse().forEach((cacheGroupObj, index) => {
-    const cacheGroupName = cacheGroupObj.cacheGroupName || cacheGroupObj.name; // eslint-disable-next-line no-use-before-define
-
-    const obj = getCacheGroup(cacheGroupObj, index);
-    customChunksConfig[cacheGroupName] = obj;
-  });
-  const splitChunksConfig = {
-    minSize: 12000,
-    ...(customChunksBaseConfig || {}),
-    cacheGroups: {
-      default: false,
-      defaultVendors: false,
-      ...defaultChunks,
-      ...customChunksConfig
-    }
-  };
-  return splitChunksConfig;
-}
-
-function getCacheGroup(obj, index) {
-  let {
-    minChunks,
-    priority,
-    chunks = 'all'
-  } = obj;
-  const {
-    name,
-    patterns,
-    enforce,
-    minSize,
-    maxSize,
-    reuseExistingChunk,
-    automaticNameDelimiter
-  } = obj;
-  chunks = obj.chunks || 'all';
-  minChunks = obj.minChunks || 2;
-  priority = obj.priority || 10 * (index + 2);
-  const cacheGroup = {
-    name,
-    test: m => {
-      const userRequest = getFilenameFromModule(m);
-      return userRequest && checkIsPatternsMatchFilename(patterns, userRequest);
-    },
-    chunks,
-    minChunks,
-    priority,
-    enforce
-  };
-
-  if (minSize !== undefined) {
-    cacheGroup.minSize = minSize;
-  }
-
-  if (maxSize !== undefined) {
-    cacheGroup.maxSize = maxSize;
-  }
-
-  if (reuseExistingChunk !== undefined) {
-    cacheGroup.reuseExistingChunk = reuseExistingChunk;
-  }
-
-  if (automaticNameDelimiter !== undefined) {
-    cacheGroup.automaticNameDelimiter = automaticNameDelimiter;
-  }
-
-  return cacheGroup;
-}

package/es/shared/bundler/webpack/statsConfig.js

@@ -1,23 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-export function statsConfig(options) {
-  let {
-    statsLogConfig
-  } = options;
-  statsLogConfig = statsLogConfig || {};
-
-  if (typeof statsLogConfig === 'string') {
-    return statsLogConfig;
-  }
-
-  return {
-    preset: 'minimal',
-    warnings: false,
-    children: false,
-    colors: true,
-    errorDetails: true,
-    ...statsLogConfig // excludeAssets: /i18n/,
-    // excludeAssets: /./,
-    // warningsFilter: /\[mini-css-extract-plugin\]/
-
-  };
-}

package/es/shared/bundler/webpack/tsLoaders.js

@@ -1,16 +0,0 @@
-import { babelLoaderConfig } from "./loaderConfigs/babelLoaderConfig";
-import { i18nIdReplaceLoaderConfig } from "./loaderConfigs/i18nIdReplaceLoaderConfig";
-export function tsLoaders(options) {
-  const useLoaders = ['ts-loader'];
-  const shouldUseNumericIndexing = options.i18nIndexing.enable;
-
-  if (shouldUseNumericIndexing) {
-    useLoaders.push(i18nIdReplaceLoaderConfig(options));
-  }
-
-  return [{
-    test: /\.tsx?$/,
-    exclude: /node_modules/,
-    use: useLoaders
-  }];
-}

package/es/shared/bundler/webpack/utils/index.js

@@ -1,8 +0,0 @@
-import path from 'path';
-export const isCss = filename => path.extname(filename) === '.css';
-export const isDirRelatedCss = filename => filename.includes('[dir]');
-export const isJsFile = file => /\.js$/.test(file);
-export const isCssFile = file => /\.css$/.test(file);
-export function getTypeOf(value) {
-  return Object.prototype.toString.call(value).split(/\s/)[1].replace(/\]/, '').toLowerCase();
-}

package/es/shared/bundler/webpack/utils/object-manipulation.js

@@ -1,82 +0,0 @@
-/* eslint-disable no-restricted-syntax */
-function objectPathMatcher(currentKey) {
-  let objHierarchy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let keysToBeRemoved = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  const objPathKey = objHierarchy.length > 0 ? `${objHierarchy.join('.')}.${currentKey}` : currentKey;
-  return keysToBeRemoved.some(key => {
-    const isWildPath = /^\*/.test(key);
-
-    if (isWildPath) {
-      const newKey = key.replace(/\*\.?/, '');
-      return objPathKey.includes(newKey);
-    }
-
-    return key === objPathKey;
-  });
-}
-/*
-    1) *.keyTobeRemoved -> means match every object path, this key will be removed
-    2) keyToBeremoved -> means root object key
-    3) nestedPath.keyToBeRemoved -> means only that nested path key
-    4) don't need to account for array iteration, just object key path is enough in the key to be removed.
-*/
-
-
-export function removeKeysFromObject(obj, keysToBeRemoved) {
-  let prevKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-
-  if (Array.isArray(obj)) {
-    return obj.map(item => removeKeysFromObject(item, keysToBeRemoved, prevKeys));
-  }
-
-  if (obj && typeof obj === 'object') {
-    const filteredKeyObject = {};
-    const ObjectKeys = Object.keys(obj);
-
-    for (const objectKey of ObjectKeys) {
-      const isKeyToBeRemoved = objectPathMatcher(objectKey, prevKeys, keysToBeRemoved);
-
-      if (!isKeyToBeRemoved) {
-        filteredKeyObject[objectKey] = removeKeysFromObject(obj[objectKey], keysToBeRemoved, [...prevKeys, objectKey]);
-      }
-    }
-
-    return filteredKeyObject;
-  }
-
-  return obj;
-}
-export function* convertObjectToStringGen(obj) {
-  if (typeof obj === 'string' || typeof obj === 'number' || typeof obj === 'boolean' || obj === null) {
-    yield JSON.stringify(obj);
-  } else if (Array.isArray(obj)) {
-    yield '[';
-    let isFirst = true;
-
-    for (let item of obj) {
-      if (item === undefined) {
-        item = null;
-      }
-
-      yield `${isFirst ? '' : ','}`;
-      yield* convertObjectToStringGen(item);
-      isFirst = false;
-    }
-
-    yield ']';
-  } else {
-    yield '{';
-    let isFirst = true;
-    const entries = Object.entries(obj);
-
-    for (const [itemKey, itemValue] of entries) {
-      if (itemValue !== undefined) {
-        yield `${isFirst ? '' : ','}${JSON.stringify(itemKey)}: `;
-        yield* convertObjectToStringGen(itemValue);
-        isFirst = false;
-      }
-    }
-
-    yield '}';
-  }
-}

package/es/shared/bundler/webpack/utils/updateArrayWithDefault.js

@@ -1,29 +0,0 @@
-export function updateArrayWithDefault(array) {
-  let defaultoptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  const index = array.indexOf('...');
-
-  if (index === -1) {
-    return array;
-  }
-
-  const newArray = [...array];
-  newArray.splice(index, 1, ...defaultoptions);
-  return newArray;
-}
-
-const isEqualVal = (a, b) => a === b;
-
-export function getArrayWithDefault(array) {
-  let defaultoptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let isEqual = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isEqualVal;
-  const index = array.indexOf('...');
-
-  if (index === -1) {
-    return array;
-  }
-
-  const filteredDefaultOptions = defaultoptions.filter(v => !array.some(v1 => isEqual(v, v1)));
-  const newArray = [...array];
-  newArray.splice(index, 1, ...filteredDefaultOptions);
-  return newArray;
-}

package/es/shared/bundler/webpack/webpackBuild.js

@@ -1,14 +0,0 @@
-import { webpack } from 'webpack';
-import { statsConfig } from "./statsConfig";
-import webpackConfigCreator from "./webpackConfig";
-import { errorLogger, messageLogger } from "../../../logger";
-export default function webpackBuild(options) {
-  const config = webpackConfigCreator(options);
-  webpack(config, (err, stats) => {
-    if (err || stats.hasErrors()) {
-      errorLogger('err', err);
-    }
-
-    messageLogger(stats.toString(statsConfig(options)));
-  });
-}

package/es/shared/bundler/webpack/webpackConfig.js

@@ -1,35 +0,0 @@
-import { entryConfig } from "./entryConfig";
-import { outputConfig } from "./outputConfig";
-import { jsLoaders } from "./jsLoaders";
-import { tsLoaders } from "./tsLoaders";
-import { cssLoaders } from "./cssLoaders";
-import { assetLoaders } from "./loaderConfigs/assetLoaders";
-import { plugins } from "./plugins";
-import { loaderResolver, moduleResolver } from "./resolvers";
-import { optimizationConfig } from "./optimizationConfig";
-import { configHtmlTemplateLoader } from "./loaderConfigs/configHtmlTemplateLoader";
-import { configWebWorkerLoader } from "./loaderConfigs/configWebWorkerLoader";
-import { statsConfig } from "./statsConfig";
-import { devtoolConfig } from "./devtoolConfig";
-import { getWebpackMode } from "./common/modeUtils";
-import { externals } from "./externals";
-import { configCustomLoaders } from "./configCustomLoaders";
-export default function webpackConfigCreator(options) {
-  return {
-    entry: entryConfig(options),
-    mode: getWebpackMode(options),
-    output: outputConfig(options),
-    devtool: devtoolConfig(options),
-    stats: statsConfig(options),
-    optimization: optimizationConfig(options),
-    module: {
-      /* strictExportPresence for break the build when imported module not present in respective file */
-      // strictExportPresence: true,
-      rules: [...jsLoaders(options), ...tsLoaders(options), ...cssLoaders(options), configWebWorkerLoader(options), configHtmlTemplateLoader(options), ...assetLoaders(options), ...configCustomLoaders(options)]
-    },
-    plugins: plugins(options),
-    externals: externals(options),
-    resolve: moduleResolver(options),
-    resolveLoader: loaderResolver(options)
-  };
-}

package/es/shared/commands-utils/doBasicRequirementCheck.js

@@ -1,10 +0,0 @@
-/* eslint-disable no-throw-literal */
-export function doBasicRequirementCheck() {
-  const majorV = Number(process.version.slice(1, 4));
-
-  if (majorV >= 14 && majorV <= 18) {
-    return true;
-  }
-
-  throw `your node version not compatible with this cli please update node version to 14 - 18, and your current version is ${process.version}`;
-}

package/es/shared/commands-utils/getCliPath.js

@@ -1,28 +0,0 @@
-import { platform } from 'os';
-import { existsSync } from 'fs';
-import { join } from 'path';
-import { cliNodeModulesPath } from "../constants";
-const isWindows = platform().toLowerCase() === 'win32';
-const suffixExt = isWindows ? '.cmd' : ''; // function searchForCommandPath(commandName) {
-//   let pathFolders = __dirname.split(sep);
-//   let cliPath;
-//   while (pathFolders.pop()) {
-//     cliPath = join(pathFolders.join(sep), 'node_modules', '.bin', commandName);
-//     if (existsSync(cliPath)) {
-//       return cliPath;
-//     }
-//   }
-//   console.warn(`unable to find command "${commandName}"`);
-//   return join(__dirname, '..', 'node_modules', '.bin', commandName);
-// }
-
-function searchForCommandPath(libName) {
-  const commandPath = join(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 existsSync(commandPath) ? commandPath : libName;
-}
-
-export function getCliPath(commandName) {
-  return searchForCommandPath(commandName + suffixExt);
-}

package/es/shared/commands-utils/index.js

@@ -1,3 +0,0 @@
-export { readArgsFormCommandLine } from "./readArgsFormCommandLine";
-export { readOptionFormCommandLine } from "./readOptionFormCommandLine";
-export { doBasicRequirementCheck } from "./doBasicRequirementCheck";

package/es/shared/commands-utils/log.js

@@ -1,4 +0,0 @@
-export let log = function () {
-  let print = console;
-  print.log(...arguments);
-};

package/es/shared/commands-utils/readArgsFormCommandLine.js

@@ -1,4 +0,0 @@
-const args = process.argv.slice(3);
-export function readArgsFormCommandLine() {
-  return args;
-}

package/es/shared/commands-utils/readOptionFormCommandLine.js

@@ -1,4 +0,0 @@
-const [,, option] = process.argv;
-export function readOptionFormCommandLine() {
-  return option;
-}

package/es/shared/commands-utils/spawnSyncIO.js

@@ -1,24 +0,0 @@
-import { spawnSync, spawn } from 'child_process';
-import { errorLogger } from "../../logger";
-import { getCliPath } from "./getCliPath";
-export const defaultSpawnSyncOptions = {
-  stdio: 'inherit'
-};
-export function spawnSyncIO(commandName, args) {
-  let spawnSyncOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultSpawnSyncOptions;
-  const command = getCliPath(commandName);
-  const result = spawnSync(command, args, spawnSyncOptions);
-
-  if (result.error || result.stderr) {
-    errorLogger(result.error || result.stderr);
-  }
-
-  return result;
-}
-export function spawnIO(commandName, args, cb) {
-  const command = getCliPath(commandName); // const result =
-
-  return spawn(command, args, {
-    stdio: 'inherit'
-  }, cb); // process.exit(result.status);
-}

package/es/shared/constants.js

@@ -1,22 +0,0 @@
-import path, { join } from 'path';
-export const BASE_CONFIG_KEY = 'react-cli';
-export const cliRootPath = path.resolve(__dirname, '..', '..');
-export const CONFIG_ROOT = 'client-build-config';
-export const cliNodeModulesPath = path.resolve(cliRootPath, 'node_modules');
-export const babelrcPath = join(cliRootPath, '.babelrc');
-export const appPath = process.cwd();
-export function joinWithAppPath(filePath) {
-  // TODO: test in windows
-  return join(appPath, filePath);
-}
-;
-export const appNodeModules = joinWithAppPath('node_modules');
-export const templatesPath = join(__dirname, '..', '..', 'templates');
-export function getTemplatePath() {
-  for (var _len = arguments.length, filePath = new Array(_len), _key = 0; _key < _len; _key++) {
-    filePath[_key] = arguments[_key];
-  }
-
-  // TODO: test in windows
-  return join(templatesPath, ...filePath);
-}

package/es/shared/fileUtils/copyFile.js

@@ -1,23 +0,0 @@
-import { createReadStream, createWriteStream, existsSync, mkdirSync, writeFileSync } from 'fs';
-import path from 'path';
-export function createParentDir(filename) {
-  const {
-    dir
-  } = path.parse(filename);
-
-  if (!existsSync(dir)) {
-    mkdirSync(dir, {
-      recursive: true
-    });
-  }
-}
-export function copyFile(filename, outputFile) {
-  createParentDir(outputFile);
-  const readStream = createReadStream(filename);
-  const writeStream = createWriteStream(outputFile);
-  return readStream.pipe(writeStream);
-}
-export function writeFile(filename, data) {
-  createParentDir(filename);
-  return writeFileSync(filename, data);
-}

package/es/shared/fileUtils/directoryIterator.js

@@ -1,12 +0,0 @@
-import { readdirSync, statSync } from 'fs';
-import { join } from 'path';
-export function directoryIterator(filename, callback) {
-  if (!statSync(filename).isDirectory()) {
-    callback(filename);
-    return;
-  }
-
-  readdirSync(filename).forEach(fileOrDir => {
-    directoryIterator(join(filename, fileOrDir), callback);
-  });
-}

package/es/shared/fileUtils/watchRun.js

@@ -1,96 +0,0 @@
-import path from 'path';
-import Watcher from 'watcher';
-import { runBabelForJSFile } from "../babel/runBabelForJSFile";
-import { runBabelForTSFile } from "../babel/runBabelForTsFile";
-import { runPostCssForCssFile } from "../postcss/runPostCssForCssFile";
-import { directoryIterator } from "./directoryIterator";
-import { copyFile } from "./copyFile";
-import { messageLogger } from "../../logger";
-
-const isJs = ext => ext === '.js';
-
-const isTs = ext => ext === '.ts' || ext === '.tsx';
-
-const isCss = ext => ext === '.css';
-
-export function watchRun(_ref) {
-  let {
-    options,
-    src,
-    target,
-    canWatch,
-    mode
-  } = _ref;
-  let updatedFileCount = 0;
-
-  function doWorkForSeparateFile(filename) {
-    const outputFile = filename.replace(src, target);
-    const {
-      ext
-    } = path.parse(filename);
-
-    if (isJs(ext)) {
-      runBabelForJSFile({
-        filename,
-        outputFile,
-        options,
-        mode
-      });
-    } else if (isCss(ext)) {
-      runPostCssForCssFile({
-        filename,
-        outputFile,
-        options
-      });
-    } else if (isTs(ext)) {
-      runBabelForTSFile({
-        filename,
-        outputFile,
-        options,
-        mode
-      });
-    } else {
-      copyFile(filename, outputFile);
-    }
-
-    updatedFileCount++;
-  }
-
-  function doWork(foldername) {
-    updatedFileCount = 0;
-    const startTime = Date.now();
-    directoryIterator(foldername, filename => {
-      try {
-        doWorkForSeparateFile(filename);
-      } catch (error) {
-        messageLogger(`ERROR In: ${filename}`);
-        messageLogger(error);
-      }
-    });
-    messageLogger(`Successfully compiled ${updatedFileCount} files with Babel and Post-CSS (${Date.now() - startTime}ms).`);
-  }
-
-  doWork(src);
-
-  if (canWatch) {
-    const watcher = new Watcher(src, {
-      recursive: true,
-      ignoreInitial: true,
-      ignore: filename => filename.indexOf('__tests__') !== -1 // remove the test cases 
-
-    });
-    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 => {
-      messageLogger(error); // => true, "Error" instances are always provided on "error"
-    });
-  }
-}

package/es/shared/postcss/custom_postcss_plugins/EmptyPlugin.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-const EmptyPlugin = function () {
-  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return {
-    postcssPlugin: 'postcss-empty',
-
-    // eslint-disable-next-line no-unused-vars
-    Once(root, _ref) {
-      let {
-        result
-      } = _ref;
-    }
-
-  };
-};
-
-EmptyPlugin.postcss = true;
-export default EmptyPlugin;

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/constants.js

@@ -1,2 +0,0 @@
-/* eslint-disable no-use-before-define */
-export const HOVER_NOTATION = ':hover';