@zohodesk/client_build_tool 0.0.1-0.exp.0.0.3

package/lib/schemas/npmConfigToObject.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.npmConfigToObject = npmConfigToObject;
+
+var _logger = require("../logger");
+
+const NPM_CONFIG_PREFIX = 'npm_config_'; // TODO: we have to do option parse logic little better
+// if user use react-cli strictly without using npm scripts options won't work,
+//  So  we have to write our own option parse logic or some other library
+// console.log('type', process.argv,  process.env.npm_config_check,  process.env.npm_config_clone_type, process.env.npm_config_clone_url);
+// console.log('Object.keys(process.env).filter(s => s.startsWith(\'npm_config_\') && s.includes(\'clone\')', Object.keys(process.env).filter(s => s.startsWith('npm_config_') && s.includes('clone')));
+
+function npmConfigToObject() {
+  // // clone:type
+  const processEnv = {};
+  const keysWithColon = [];
+  Object.keys(process.env).filter(key => key.startsWith(NPM_CONFIG_PREFIX)).forEach(key => {
+    const nKey = key.slice(NPM_CONFIG_PREFIX.length);
+    processEnv[nKey] = process.env[key];
+    nKey.includes(':') && keysWithColon.push(nKey);
+  });
+  keysWithColon.forEach(key => {
+    const nKey = key.replace(/:/g, '_');
+
+    if (processEnv[nKey]) {
+      (0, _logger.warnLogger)('there is some options conflict', key, nKey);
+    }
+
+    processEnv[nKey] = processEnv[key];
+  });
+  return processEnv;
+}

package/lib/schemas/readOptions.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOptions = exports.args = void 0;
+
+var _applyValuesToSchema = require("./applyValuesToSchema");
+
+var _cliArgsToObject = require("./cliArgsToObject");
+
+var _defaultConfigValues = _interopRequireDefault(require("./defaultConfigValues"));
+
+var _deprecatedOptionsHandler = require("./deprecatedOptionsHandler");
+
+var _getNpmVersion = require("./getNpmVersion");
+
+var _npmConfigToObject = require("./npmConfigToObject");
+
+var _readOptionsForConfigFile = require("./readOptionsForConfigFile");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const args = process.argv.slice(2);
+exports.args = args;
+const processEnv = (0, _npmConfigToObject.npmConfigToObject)();
+const cliArgsObject = (0, _cliArgsToObject.cliArgsToObject)(args);
+
+if (cliArgsObject.app_domain && cliArgsObject.app_domain == 'kubernetes') {
+  cliArgsObject.k8s = true;
+}
+
+if (cliArgsObject.app_domain) {
+  cliArgsObject.domain = cliArgsObject.app_domain;
+}
+
+if (cliArgsObject.app_port) {
+  cliArgsObject.port = cliArgsObject.app_port;
+}
+
+if (cliArgsObject.app_host) {
+  cliArgsObject.host = cliArgsObject.app_host;
+}
+
+if (processEnv.app_domain && processEnv.app_domain == 'kubernetes') {
+  cliArgsObject.k8s = true;
+}
+
+if (processEnv.app_domain) {
+  cliArgsObject.domain = processEnv.app_domain;
+}
+
+if (processEnv.app_port) {
+  cliArgsObject.port = processEnv.app_port;
+}
+
+if (processEnv.app_host) {
+  cliArgsObject.host = processEnv.app_host;
+}
+
+Object.assign(processEnv, cliArgsObject);
+let reactCLIOptions = null;
+
+const getOptions = () => {
+  if (reactCLIOptions) {
+    return reactCLIOptions;
+  }
+
+  const appPath = process.cwd();
+  const userSchemas = (0, _readOptionsForConfigFile.readOptionsForPackageJson)(appPath); // NOTE: Only config File option will with cli option  config_file
+
+  const configFileSchemas = (0, _readOptionsForConfigFile.readOptionsForConfigFile)(appPath, cliArgsObject.config_file || 'cbt.config.js');
+  const options = (0, _applyValuesToSchema.applyValuesToSchema)(_defaultConfigValues.default, configFileSchemas || userSchemas || {}, processEnv);
+  (0, _deprecatedOptionsHandler.deprecatedOptionsHandler)(options); // for future may be for npm 8 edge cases
+
+  options.npmVersion = (0, _getNpmVersion.getNpmVersion)();
+  options.cwd = appPath;
+  options.packageVersion = process.env.npm_package_version;
+  options.extraArgs = process.argv.slice(3); // eslint-disable-next-line prefer-destructuring
+
+  options.commandOption = process.argv[2];
+  reactCLIOptions = options; // console.log({ options });
+
+  return options;
+};
+
+exports.getOptions = getOptions;

package/lib/schemas/readOptionsForConfigFile.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.readOptionsForConfigFile = readOptionsForConfigFile;
+exports.readOptionsForPackageJson = readOptionsForPackageJson;
+
+var _fs = require("fs");
+
+var _path = _interopRequireDefault(require("path"));
+
+var _constants = require("../shared/constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { CONFIG_ROOT } from "../constants";
+function readOptionsForPackageJson(appPath) {
+  const packagePath = _path.default.join(appPath, 'package.json');
+
+  if ((0, _fs.existsSync)(packagePath)) {
+    // eslint-disable-next-line import/no-dynamic-require, global-require
+    return require(packagePath)[_constants.BASE_CONFIG_KEY] || {};
+  }
+
+  return {};
+}
+
+function readOptionsForConfigFile(appPath, configFile) {
+  if (!configFile) {
+    return null;
+  }
+
+  const packagePath = _path.default.join(appPath, configFile);
+
+  if ((0, _fs.existsSync)(packagePath)) {
+    // eslint-disable-next-line import/no-dynamic-require, global-require
+    return require(packagePath).config;
+  }
+
+  return null;
+}

package/lib/shared/babel/addDefaultPlugins.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addDefaultPlugins = addDefaultPlugins;
+
+function addDefaultPlugins(plugin, pluginName) {
+  if (plugin.enable) {
+    return [require.resolve(pluginName), plugin.options];
+  }
+
+  ;
+  return null;
+}

package/lib/shared/babel/babelWebConfig.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.babelWebConfig = babelWebConfig;
+
+var _helperCompilationTargets = _interopRequireDefault(require("@babel/helper-compilation-targets"));
+
+var _logger = require("../../logger");
+
+var _getBabelPlugin = require("./getBabelPlugin");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable no-use-before-define */
+const supportedBrowserVersions = ['last 3 Chrome versions', 'last 3 Firefox versions', 'last 3 Edge versions', 'last 3 Safari versions'];
+
+function customBabelPlugins(babelPlugins) {
+  return babelPlugins.map(p => p).filter(Boolean);
+}
+
+function babelWebConfig(options, mode) {
+  const {
+    plugins: babelPlugins,
+    browserList
+  } = options.babelCustomizations;
+  const {
+    enable: typeScriptEnable
+  } = options.typeScript;
+  return {
+    presets: typeScriptEnable ? [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')] : [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react')],
+    plugins: customBabelPlugins(babelPlugins).concat((0, _getBabelPlugin.getBabelPlugin)(options)).filter(Boolean)
+  };
+}
+
+function getBabelPresetEnvConfig(browserList, mode) {
+  if (mode === 'lib') {
+    return require.resolve('@babel/preset-env');
+  }
+
+  const browsers = browserList || supportedBrowserVersions;
+  (0, _logger.verboseLogger)('getTargets', (0, _helperCompilationTargets.default)({
+    browsers
+  }));
+  return [require.resolve('@babel/preset-env'), {
+    modules: false,
+    useBuiltIns: 'usage',
+    corejs: 3,
+    targets: {
+      browsers
+    }
+  }];
+}

package/lib/shared/babel/babel_plugins/removeAttributesPlugin.js

@@ -0,0 +1,23 @@
+"use strict";
+
+module.exports = () => ({
+  visitor: {
+    Program(path, state) {
+      let properties = state.opts.properties || [];
+
+      if (properties.length === 0) {
+        properties = properties.concat(state.opts.attributeNames);
+      }
+
+      path.traverse({
+        JSXIdentifier(path2) {
+          if (properties.indexOf(path2.node.name.toLowerCase()) > -1) {
+            path2.parentPath.remove();
+          }
+        }
+
+      });
+    }
+
+  }
+});

package/lib/shared/babel/getBabelPlugin.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBabelPlugin = getBabelPlugin;
+
+var _modeUtils = require("../bundler/webpack/common/modeUtils");
+
+var _addDefaultPlugins = require("./addDefaultPlugins");
+
+const babelPluginMapping = {
+  removeAttribute: './babel_plugins/removeAttributesPlugin',
+  removePropTypes: 'babel-plugin-transform-react-remove-prop-types',
+  devConsoleExclude: 'babel-plugin-transform-remove-console'
+};
+const babelPluginOrder = ['removeAttribute', 'removePropTypes', 'devConsoleExclude'];
+
+function getBabelPlugin(options) {
+  const {
+    mode
+  } = options;
+  const {
+    alias
+  } = options.resolve; // let customPlugins = [];
+
+  let customPlugins = [[require.resolve('babel-plugin-module-resolver'), {
+    root: ['./'],
+    alias
+  }]];
+  const {
+    babelCustomizations
+  } = options;
+
+  if ((0, _modeUtils.isProductionMode)(mode)) {
+    const configCreator = _addDefaultPlugins.addDefaultPlugins;
+    const plugins = babelPluginOrder.map(p => configCreator(babelCustomizations[p], babelPluginMapping[p]));
+    customPlugins = plugins;
+  }
+
+  return customPlugins.filter(Boolean);
+}

package/lib/shared/babel/runBabelForJSFile.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runBabelForJSFile = runBabelForJSFile;
+
+var _core = require("@babel/core");
+
+var _babelWebConfig = require("./babelWebConfig");
+
+var _copyFile = require("../fileUtils/copyFile");
+
+function runBabelForJSFile({
+  filename,
+  outputFile,
+  options,
+  mode = 'es'
+}) {
+  // const jsSourceCode = readFileSync(filename).toString();
+  const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
+  const result = (0, _core.transformFileSync)(filename, babelConfig);
+  (0, _copyFile.writeFile)(outputFile, result.code);
+}

package/lib/shared/babel/runBabelForTsFile.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runBabelForTSFile = runBabelForTSFile;
+
+var _core = require("@babel/core");
+
+var _babelWebConfig = require("./babelWebConfig");
+
+var _copyFile = require("../fileUtils/copyFile");
+
+function runBabelForTSFile({
+  filename,
+  outputFile,
+  options,
+  mode = 'es'
+}) {
+  const {
+    enable
+  } = options.typeScript;
+
+  if (enable) {
+    // const jsSourceCode = readFileSync(filename).toString();
+    const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
+    const result = (0, _core.transformFileSync)(filename, babelConfig);
+    (0, _copyFile.writeFile)(outputFile.replace('.tsx', '.js').replace('.ts', '.js'), result.code);
+  }
+}

package/lib/shared/bundler/webpack/common/decidePublicPath.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.decidePublicPath = decidePublicPath;
+exports.modifiedServerOptions = modifiedServerOptions;
+
+var _getServerURL = require("../../../server/getServerURL");
+
+var _httpsOptions = require("../../../server/httpsOptions");
+
+var _urlConcat = require("../../../server/urlConcat");
+
+function decidePublicPath(serverExtras) {
+  return serverExtras.isHttps ? serverExtras.httpsUrl : serverExtras.httpUrl;
+}
+
+function modifiedServerOptions(options) {
+  const {
+    server,
+    context
+  } = options;
+  const {
+    disableContextURL
+  } = server;
+  const {
+    k8s
+  } = server;
+  const port = Number(server.port);
+  const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
+  const machineDomain = (0, _getServerURL.getServerDomain)(server);
+  const httpPort = port + 1;
+  const httpsUrl = (0, _getServerURL.getServerUrl)({
+    domain: machineDomain,
+    k8s,
+    port,
+    protocol: 'https'
+  });
+  const httpUrl = (0, _getServerURL.getServerUrl)({
+    domain: machineDomain,
+    k8s,
+    port: httpPort,
+    protocol: 'http'
+  });
+  const contextURL = disableContextURL ? '' : `/${context}`;
+  return {
+    httpsOptions,
+    machineDomain,
+    contextURL,
+    httpsPort: port,
+    httpPort,
+    httpsUrl: (0, _urlConcat.urlConcat)(httpsUrl, contextURL),
+    httpUrl: (0, _urlConcat.urlConcat)(httpUrl, contextURL),
+    isHttps: !!httpsOptions
+  };
+}

package/lib/shared/bundler/webpack/common/hashUtils.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateShortHash = generateShortHash;
+
+var _crypto = require("crypto");
+
+function generateShortHash(str, length = 8) {
+  if (typeof str !== 'string' || str.length === 0) {
+    return '';
+  }
+
+  try {
+    return (0, _crypto.createHash)('md5').update(str).digest('hex').slice(0, length);
+  } catch (error) {
+    return '';
+  }
+}

package/lib/shared/bundler/webpack/common/libAlias.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.libAlias = void 0;
+// the reason for alias at the time was code tree shaking
+// tree shaking was most compactable with ES module system
+// FIXME: But there is a posiblity when these  package  does not have lib,
+//  app will work because of alias, But may be jest won't work because of not alais
+//  So need to think about use alais in jest 
+const libAlias = {
+  '@zohodesk/components/lib': '@zohodesk/components/es',
+  // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
+  '@zohodesk/dot/lib': '@zohodesk/dot/es',
+  '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
+  '@zohodesk/icons/lib': '@zohodesk/icons/es',
+  '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
+  '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
+  '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
+  '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
+  '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
+  '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
+  '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
+  '@zohodesk/storage/lib': '@zohodesk/storage/es',
+  '@zohodesk/svg/lib': '@zohodesk/svg/es',
+  '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
+  '@zohodesk/variables/lib': '@zohodesk/variables/es',
+  '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
+};
+exports.libAlias = libAlias;

package/lib/shared/bundler/webpack/common/modeUtils.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGlobalCacheStorageName = getGlobalCacheStorageName;
+exports.getWebpackMode = getWebpackMode;
+exports.isDevelopmentMode = isDevelopmentMode;
+exports.isNotProduction = isNotProduction;
+exports.isProductionMode = isProductionMode;
+
+function isProductionMode(mode) {
+  return mode === 'prod' || mode === 'production';
+}
+
+function isDevelopmentMode(mode) {
+  return mode === 'dev' || mode === 'development';
+}
+
+function getWebpackMode(options) {
+  const {
+    mode
+  } = options;
+  return isProductionMode(mode) ? 'production' : 'development';
+}
+
+function getGlobalCacheStorageName(options) {
+  const {
+    context
+  } = options;
+  return `${context}Jsonp`;
+}
+
+function isNotProduction(options) {
+  const {
+    mode
+  } = options;
+  return isProductionMode(mode) === false;
+}

package/lib/shared/bundler/webpack/common/nameTemplates.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isI18nFile = void 0;
+exports.nameTemplates = nameTemplates;
+
+var _modeUtils = require("./modeUtils");
+
+// nameTemplate.js
+// NOTE: these below code can be done in js,
+//   we did copy paste in order to avoid unnecessary confusion
+// NOTE: array[0] is dev mode file templates and array[1] is prod mode file templates
+const defaultTemplates = {
+  html: ['index.html', 'index.[contenthash].html'],
+  js: ['js/[name].js', 'js/[name].[contenthash]_.js'],
+  chunkjs: ['js-chunk/[name].js', 'js-chunks/[name].[contenthash]_.js'],
+  i18njs: ['i18n-chunk/[locale]/[name].i18n.js', 'i18n-chunk/[locale]/[name].[chunkhash:20]_.i18n.js'],
+  i18nchunkjs: ['i18n-chunk/[locale]/[name].i18n.js', // 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js'
+  'i18n-chunk/[locale]/[name].[contenthash]_.i18n.js'],
+  i18nmanifest: ['i18n-manifest.json', 'i18n-manifest.json'],
+  workerjs: ['js/[name].js', 'js/[name].[contenthash].js'],
+  css: ['css/[name].css', 'css/[name].[contenthash]_.css'],
+
+  /**
+   * NOTE: when you change (cssdir) this line it  will have affect on Below files will be affected
+   *   custom_plugins/RtlSplitPlugin/*
+   *   pluginConfigs/configMiniCSSExtractPlugin.js
+   *   pluginConfigs/configRtlCssPlugin.js
+   *  */
+  cssdir: ['css/[name].[dir].css', 'css/[name].[contenthash]_.[dir].css'],
+  image: ['images/[name][ext]', 'images/[name].[contenthash][ext]'],
+  font: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  svg: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  audio: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  video: ['videos/[name][ext]', 'videos/[name].[contenthash][ext]']
+};
+
+function createNameTemplate(name, useHash) {
+  // const ext = `${useHash ? '.[hash:20]' : ''}[ext]`;
+  return useHash ? name[1] : name[0];
+}
+
+const defaultDevModeContentHashAllowedTypes = {
+  image: true,
+  font: true,
+  svg: true,
+  audio: true,
+  video: true
+};
+
+function nameTemplates(type, options) {
+  const {
+    enableFileNameHashing,
+    mode,
+    devLikeHash,
+    nameTemplateCustomization
+  } = options;
+  let {
+    devModeContentHashAllowedTypes
+  } = options;
+  devModeContentHashAllowedTypes = devModeContentHashAllowedTypes || defaultDevModeContentHashAllowedTypes;
+  const templates = { ...defaultTemplates,
+    ...nameTemplateCustomization
+  };
+  const templateName = templates[type];
+
+  if (!templateName) {
+    throw Error(`specified type not valid Type: ${type}`);
+  } // eslint-disable-next-line no-use-before-define
+
+
+  const useHash = checkCanWeAllowHash({
+    enableFileNameHashing,
+    devLikeHash: devLikeHash || (0, _modeUtils.isDevelopmentMode)(mode),
+    type,
+    devModeContentHashAllowedTypes
+  });
+  return createNameTemplate(templateName, useHash);
+}
+
+function checkCanWeAllowHash({
+  enableFileNameHashing,
+  devLikeHash,
+  type,
+  devModeContentHashAllowedTypes
+}) {
+  if (!enableFileNameHashing) {
+    return false;
+  }
+
+  if (devLikeHash) {
+    return devModeContentHashAllowedTypes[type];
+  }
+
+  return true;
+} // export function cssDirNameTemplate(dir, options) {
+//   return nameTemplates('cssdir', options).replace(/\[dir\]/g, dir);
+// }
+
+
+const isI18nFile = url => url.endsWith('.i18n.js');
+
+exports.isI18nFile = isI18nFile;

package/lib/shared/bundler/webpack/common/resourceBasedPublicPath.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.publicPathAsExpression = publicPathAsExpression;
+exports.resourceBasedPublicPath = resourceBasedPublicPath;
+
+// const  publicPaths = {
+// };
+function resourceBasedPublicPath(resoruceType, options) {
+  return options.publicPath;
+}
+
+function publicPathAsExpression(resoruceType, options) {
+  if (resoruceType === 'i18n') {
+    return options.i18nChunkSplit.localeVarName;
+  }
+
+  return JSON.stringify(options.publicPath);
+}

package/lib/shared/bundler/webpack/configCustomLoaders.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configCustomLoaders = configCustomLoaders;
+
+function configCustomLoaders(options) {
+  return options.customLoaders || [];
+}

package/lib/shared/bundler/webpack/cssLoaders.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cssLoaders = cssLoaders;
+
+var _getCSSLoaders = require("./getCSSLoaders");
+
+function cssLoaders(options) {
+  return [{
+    test: /\.css$/,
+    // exclude: /\.module\.css$/,
+    use: (0, _getCSSLoaders.getCSSLoaders)(options)
+  }];
+}