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

package/es/shared/postcss/custom_postcss_plugins/VariableModificationPlugin/index.js

@@ -1,318 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { errHandler } from "../../../bundler/webpack/custom_plugins/VariableConversionCollector/ErrorHandler";
-const convertableProps = {
-  'font-size': true,
-  margin: true,
-  'margin-left': true,
-  'margin-right': true,
-  'margin-top': true,
-  'margin-bottom': true,
-  padding: true,
-  'padding-top': true,
-  'padding-bottom': true,
-  'padding-left': true,
-  'padding-right': true,
-  width: true,
-  'min-width': true,
-  'max-width': true,
-  height: true,
-  'min-height': true,
-  'max-height': true,
-  top: true,
-  bottom: true,
-  left: true,
-  right: true,
-  'text-indent': true,
-  clip: true,
-  'flex-basis': true,
-  'row-gap': true,
-  gap: true,
-  'column-gap': true,
-  flex: true
-};
-const constantValues = {
-  inherit: true,
-  initial: true,
-  auto: true,
-  'fit-content': true,
-  unset: true,
-  cover: true,
-  contain: true,
-  top: true,
-  bottom: true,
-  left: true,
-  center: true,
-  right: true
-};
-
-function getNumericValue(value) {
-  if (value.includes('var')) {
-    return parseInt(value.replace(/var\(--zd_size(\d+)\)/gi, '$1').replace(/var\(--zd_font_size(\d+)\)/gi, '$1'));
-  }
-
-  if (value.includes('rect')) {
-    return parseInt(value.replace('rect(', '').replace(')', '').replace(',', ''));
-  } // Not need for this dum loop
-  // allowed.forEach(alwdUnit => {
-  //   if (value.includes(alwdUnit)) {
-  //     return parseInt(value);
-  //   }
-  // });
-
-
-  if (constantValues[value.toLowerCase()]) {
-    return 1;
-  }
-
-  return parseInt(value);
-}
-
-function pxToCalc(value) {
-  const arr = value.split(' ');
-  arr.forEach((val, index) => {
-    ['px'].forEach(unit => {
-      const valWithUnit = new RegExp(`(\\d+)${unit}`, 'gi');
-
-      if (valWithUnit.test(val)) {
-        arr[index] = val.replace(valWithUnit, '(var(--zd_size$1))');
-      }
-    });
-  });
-  return arr.join(' ');
-}
-
-const singleConvertor = (value, changeVal, details, range) => {
-  const {
-    path,
-    filename,
-    decl
-  } = details;
-
-  if (decl.prop === 'background-position') {
-    if (isNaN(parseInt(value))) {
-      // console.log(`${value} skipped`);
-      return;
-    }
-  }
-
-  if (value == '0px') {
-    value = value.replace('px', '');
-  }
-
-  if (getNumericValue(value) >= range.start && getNumericValue(value) <= range.end || getNumericValue(value) === 0) {
-    let retVal = value.replace(/(\d+)px/gi, changeVal.replace('$$', '$1'));
-
-    if (/^-var/.test(retVal)) {
-      retVal = `calc( ${retVal.substring(1)} * -1 )`;
-    }
-
-    return retVal;
-  } // if (!value.includes('rect')) {
-  // if(unitErrorVal && unitErrorVal != '0' ){
-  // console.log(value, 'not within range')
-
-
-  const errObj = {
-    decl,
-    type: 'RANGE_ERROR',
-    filename,
-    message: `value (${value}) (${typeof value}) not within range (${range.start},${range.end})\r`,
-    path
-  };
-  errHandler.errorTable.push(errObj);
-  errHandler.errorFunction(errObj); // errorFunction(
-  //   {
-  //     decl,
-  //     type: 'RANGE_ERROR',
-  //     filename,
-  //     message: `value (${value}) (${typeof value}) not within range (${
-  //       range.start
-  //     },${range.end})\r`,
-  //     path: path
-  //   },
-  //   'RANGE_ERROR'
-  // );
-  // }
-  // addError(` prop: ${decl.prop} ,\n value : ${decl.value} ,\n filename : ${filename} ,\n filepath : ${path} ,\n line : ${decl.source.start.line} ,\n message : value (${value}) not within range (${range.start},${range.end})\r`)
-  //   return value;
-  // } else {
-  //   console.log('++++++++++++++++++++++rect val!', value);
-  // }
-};
-
-export default (_ref => {
-  let {
-    configFile
-  } = _ref;
-  const rawdata = fs.readFileSync(configFile);
-  const data = JSON.parse(rawdata);
-  const {
-    errorsAllowed,
-    settings: settingsObject // errorLog: errorLogStatus,
-    // errorInConsole: errorConsoleStatus
-
-  } = data; // const keys = Object.keys(settingsObject);
-
-  errHandler.setAllowedErrs(errorsAllowed);
-  const replacementArray = [];
-  Object.keys(settingsObject).forEach(key => {
-    Object.values(settingsObject[key].replacements).forEach(val => {
-      if (!replacementArray.includes(val)) {
-        replacementArray.push(val);
-      }
-    });
-  });
-  let regValStr = '';
-  replacementArray.forEach((val, index) => {
-    if (index !== replacementArray.length - 1) {
-      regValStr += `${val.replace('$$', '\\d+').replace('(', '\\(').replace(')', '\\)')}|`;
-    } else {
-      regValStr += `${val.replace('$$', '\\d+').replace('(', '\\(').replace(')', '\\)')}`;
-    }
-  });
-  const valRegex = new RegExp(regValStr, 'gi');
-  return {
-    postcssPlugin: 'postcss-variable-report',
-    Once: rootOriginal => {
-      rootOriginal.walkRules(rule => {
-        // rule.nodes[-1] = {}
-        // need map, forEach fine less memory
-        rule.nodes.forEach((decl, position) => {
-          // case font-size
-          const commentStr = 'variable:ignore';
-          const prevNode = rule.nodes[position - 1];
-          const fromPath = rootOriginal.source.input.from; // this will be problem for linux and mac use require('path').sep
-          // split not need use slice and lastIndexOf less memory
-
-          const filename = fromPath.split(path.sep).pop(); // if(filename.includes('AddFormResponsive.module.css'){
-          // }
-
-          if (prevNode && prevNode.type === 'comment' && prevNode.text.toLowerCase().includes(commentStr)) {
-            const errObj = {
-              decl,
-              type: 'DECLARATION_IGNORED',
-              filename,
-              message: 'Declaration Ignored',
-              path: fromPath
-            };
-            errHandler.errorTable.push(errObj);
-            errHandler.DECLARATION_IGNORED(errObj);
-            return;
-          }
-
-          if (settingsObject[decl.prop] && !decl.value.includes('var(--')) {
-            const settings = settingsObject[decl.prop]; // console.log(settings)
-
-            const {
-              allowed,
-              range
-            } = settings; // suggestion filter  !decl.value.includes('calc')
-            // Reason below some of logic happen based on this
-
-            const unit = decl.value.toString() // no need round braket since you do not need group for less memory
-            .replace(/\d+/gi, '').replace('var(--zd_size)', 'px').replace('var(--zd_font_size)', 'px').replace('rect(', '').replace(')', '').replace('px,', 'px').replace(',', '').split(' ').filter(x => x !== ''); // unit = unit.replace(unit, unit.replace('-',''))
-            // console.log('unit : ');
-            // console.log(unit);
-
-            unit.forEach((val, index) => {
-              allowed.forEach(alwdVal => {
-                if (val.includes(alwdVal)) {
-                  // ## for what purpose
-                  unit[index] = val // .replace(new RegExp('(\\d+).(\\d+)(\\w+)', 'gi'), '$3')
-                  .replace(`-${alwdVal}`, `${alwdVal}`).replace(`-.${alwdVal}`, `${alwdVal}`).replace(`${alwdVal},`, `${alwdVal}`);
-                }
-              });
-            });
-            let unitError = false;
-            let unitErrorVal = '';
-            unit.forEach(val => {
-              if (!val.includes('calc') && decl.prop !== 'clip') {
-                if (!allowed.includes(val.toString())) {
-                  unitError = true;
-                  unitErrorVal = val;
-                }
-              }
-            }); // console.log(allowed, replacements, range)
-
-            if (!unitError) {
-              // use variable decl.value.split(' ')
-              if (range) {
-                // console.log('multiple :', decl.value)
-                let newVal = '';
-                decl.value.split(' ').filter(Boolean).forEach(singleVal => {
-                  newVal += `${singleConvertor(singleVal, settings.replacements.px, {
-                    decl,
-                    filename,
-                    path: fromPath
-                  }, range)} `;
-                });
-                decl.value = newVal;
-              }
-            } else if (!decl.value.includes('calc')) {
-              // addError(` prop: ${decl.prop} ,\n value : ${decl.value} ,\n filename : ${filename} ,\n filepath : ${path} ,\n line : ${decl.source.start.line} ,\n unit : ${unitErrorVal} ,\n message : ${unitErrorVal} (Unit) Not Allowed \r`);
-              const errObj = {
-                decl,
-                filename,
-                unitErrorVal,
-                path: fromPath
-              };
-
-              if (unitErrorVal.trim() === '.') {
-                errObj.type = 'DECIMAL_CHECK';
-                errObj.message = `${unitErrorVal} (Decimal Value) Please check`;
-                errHandler.errorTable.push(errObj);
-                errHandler.DECIMAL_CHECK(errObj);
-              } else if (unitErrorVal.includes('.') && !unitErrorVal.includes('%')) {
-                errObj.type = 'DECIMAL_REJECT';
-                errObj.message = `${unitErrorVal} (Decimal Value) Not Allowed \r`;
-                errHandler.errorTable.push(errObj);
-                errHandler.DECIMAL_REJECT(errObj);
-              } else if (!unitErrorVal.includes('%')) {
-                errObj.type = 'UNIT_ERROR';
-                errObj.message = `${unitErrorVal} (Unit) Not Allowed`;
-                errHandler.errorTable.push(errObj);
-                errHandler.UNIT_ERROR(errObj);
-              }
-            } else {
-              decl.value = pxToCalc(decl.value);
-            }
-          } else {
-            if (settingsObject[decl.prop] && decl.value && decl.value.includes('px') && decl.value.includes('var(--')) {
-              const valArr = decl.value.split(' ');
-              const settings = settingsObject[decl.prop];
-              const {
-                range
-              } = settings;
-              const convertedVals = valArr.map(val => {
-                if (val.includes('px')) {
-                  const convertedVal = singleConvertor(val, settings.replacements.px, {
-                    decl,
-                    filename,
-                    path: fromPath
-                  }, range);
-                  return convertedVal || val;
-                }
-
-                return val;
-              });
-              decl.value = convertedVals.join(' ');
-            }
-
-            if (decl.prop && decl.value && !decl.prop.includes('--') && valRegex.test(decl.value) && (settingsObject[decl.prop] || convertableProps[decl.prop]) && decl.value.includes('var') && !decl.value.includes('calc')) {
-              const errObj = {
-                decl,
-                type: 'VARIABLE_PRESENT',
-                filename,
-                message: `value (${decl.value}) has var in it, kindly check`,
-                path: fromPath
-              };
-              errHandler.errorTable.push(errObj);
-              errHandler.VARIABLE_PRESENT(errObj);
-            }
-          }
-        });
-      });
-    }
-  };
-});

package/es/shared/postcss/filterPluginsAllowedForSpecficFile.js

@@ -1,41 +0,0 @@
-/* eslint-disable no-use-before-define */
-import { checkIsPatternsMatchFilename } from "../bundler/webpack/loaderConfigs/checkIsPatternsMatchFilename";
-import { getSpecificPostCssPlugin, supportedPluginsOptionNames } from "./getSpecificPostCssPlugin";
-export function mapDefaultSupportedPlugins(pluginsOptions) {
-  return supportedPluginsOptionNames.map(pluginName => ({ ...pluginsOptions[pluginName],
-    pluginName
-  }));
-}
-export function getEnabledPlugins(pluginsOptions) {
-  function isEnabled(pluginName) {
-    return pluginsOptions[pluginName].enable;
-  }
-
-  return supportedPluginsOptionNames.filter(isEnabled).map(pluginName => ({ ...pluginsOptions[pluginName],
-    pluginName
-  }));
-}
-export function filterPluginsAllowedForSpecificFile(plugins, filename) {
-  return plugins.filter(pluginOption => checkIsPluginAllowed(pluginOption, filename)).map(pluginOption => getSpecificPostCssPlugin(pluginOption)).filter(Boolean);
-}
-
-function checkIsPluginAllowed(pluginOption, filename) {
-  return checkIsPatternsMatchFilename(pluginOption.patterns, filename);
-}
-
-function getCustomPlugins(pluginOption) {
-  if (typeof pluginOption.plugin === 'string') {
-    // eslint-disable-next-line import/no-dynamic-require, global-require
-    return require(pluginOption.plugin).plugin(pluginOption);
-  }
-
-  if (typeof pluginOption.plugin === 'function') {
-    return pluginOption.plugin(pluginOption);
-  }
-
-  return null;
-}
-
-export function filterCustomPluginsAllowedForSpecificFile(customPlugins, filename) {
-  return customPlugins.filter(pluginOption => checkIsPluginAllowed(pluginOption, filename)).map(getCustomPlugins).filter(Boolean);
-}

package/es/shared/postcss/getAllowedPostCssPlugins.js

@@ -1,20 +0,0 @@
-import { filterCustomPluginsAllowedForSpecificFile, filterPluginsAllowedForSpecificFile, getEnabledPlugins } from "./filterPluginsAllowedForSpecficFile";
-export function getAllowedPostCssPlugins(filename, enabledPlugins, enabledCustomPlugins) {
-  const neededPostCssPlugins = filterPluginsAllowedForSpecificFile(enabledPlugins, filename);
-  const neededCustomPlugins = filterCustomPluginsAllowedForSpecificFile(enabledCustomPlugins, filename);
-  return {
-    plugins: [...neededPostCssPlugins, ...neededCustomPlugins]
-  };
-}
-export function postcssPluginGetter(options) {
-  const pluginsOptions = options.css.plugins;
-  const {
-    customPlugins = []
-  } = options.css;
-  const enabledPlugins = getEnabledPlugins(pluginsOptions);
-  const enabledCustomPlugins = customPlugins.filter(conf => conf.enable);
-  return filename => {
-    const allowedPostCssPlugins = getAllowedPostCssPlugins(filename, enabledPlugins, enabledCustomPlugins);
-    return allowedPostCssPlugins;
-  };
-}

package/es/shared/postcss/getSpecificPostCssPlugin.js

@@ -1,38 +0,0 @@
-/* eslint-disable no-use-before-define */
-import { existsSync } from 'fs';
-import PostCssRTL from 'postcss-rtl';
-import SelectorReplace from "./custom_postcss_plugins/SelectorReplace";
-import ValueReplacer from "./custom_postcss_plugins/ValueReplacer";
-import HoverActivePlugin from "./custom_postcss_plugins/HoverActivePlugin";
-import VariableModificationPlugin from "./custom_postcss_plugins/VariableModificationPlugin";
-export function getSpecificPostCssPlugin(pluginOption) {
-  return postcssPluginMapper[pluginOption.pluginName]?.(pluginOption);
-} // eslint-disable-next-line no-unused-vars
-
-export function configPostCssRtl(pluginOption) {
-  return PostCssRTL({
-    addPrefixToSelector: function addPrefixToSelector(selector, prefix) {
-      if (prefix === '[dir]') {
-        return selector;
-      }
-
-      return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
-    }
-  });
-} // NOTE: we have keeping array because we need to maintain order (Just In Cases For Future)
-
-export const supportedPluginsOptionNames = ['rtl', 'valueReplacer', 'selectorReplace', 'hoverActive', 'cssVariableReplacement'];
-const postcssPluginMapper = {
-  rtl: configPostCssRtl,
-  selectorReplace: pluginOption => SelectorReplace(pluginOption),
-  valueReplacer: pluginOption => ValueReplacer(pluginOption.config),
-  hoverActive: pluginOption => HoverActivePlugin(pluginOption),
-  cssVariableReplacement: configCssVariableReplacement
-};
-
-function configCssVariableReplacement(pluginOption) {
-  const {
-    configFile
-  } = pluginOption;
-  return configFile && existsSync(configFile) && VariableModificationPlugin(pluginOption);
-}

package/es/shared/postcss/runPostCssForCssFile.js

@@ -1,25 +0,0 @@
-import postcss from 'postcss';
-import { readFileSync } from 'fs';
-import { postcssPluginGetter } from "./getAllowedPostCssPlugins";
-import { writeFile } from "../fileUtils/copyFile";
-export function runPostCssForCssFile(_ref) {
-  let {
-    filename,
-    outputFile,
-    options
-  } = _ref;
-  const getAllowedPostCssPlugins = postcssPluginGetter(options);
-  const allowedPostCssPlugins = getAllowedPostCssPlugins(filename);
-
-  if (allowedPostCssPlugins.length === 0) {
-    return;
-  }
-
-  const css = readFileSync(filename).toString();
-  postcss(allowedPostCssPlugins).process(css, {
-    from: filename,
-    to: outputFile
-  }).then(result => {
-    writeFile(outputFile, result.css);
-  });
-}

package/es/shared/pre_process/runPreProcess.js

@@ -1,47 +0,0 @@
-import { dirname } from 'path';
-import { existsSync } from 'fs';
-import { spawnIO, spawnSyncIO } from "../commands-utils/spawnSyncIO";
-import { errorLogger, messageLogger } from "../../logger";
-import { joinWithAppPath } from "../constants";
-export function runPreProcess(options) {
-  let runnerCli = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'node';
-  const {
-    preProcess
-  } = options;
-  const {
-    enable,
-    runner,
-    stopNodemon
-  } = preProcess;
-
-  if (!enable || !runner) {
-    return null;
-  }
-
-  const preprocessorPath = joinWithAppPath(runner);
-  let result = null;
-
-  if (existsSync(preprocessorPath)) {
-    const preprocessorDirPath = dirname(preprocessorPath);
-    const watchOptions = ['--watch', preprocessorDirPath];
-    const preprocessCli = stopNodemon ? 'node' : runnerCli;
-
-    if (preprocessCli === 'node') {
-      result = spawnSyncIO(preprocessCli, [preprocessorPath], {
-        stdio: 'inherit',
-        cwd: preprocessorDirPath
-      });
-      messageLogger('pre_processor ran successfully');
-    } else {
-      result = spawnIO(preprocessCli, [preprocessorPath, ...watchOptions], {
-        stdio: 'inherit',
-        cwd: preprocessorDirPath
-      });
-    }
-  } else {
-    errorLogger(`preProcessor not exists ${preprocessorPath}`);
-    process.exit(0);
-  }
-
-  return result;
-}

package/es/shared/server/configWebpackDevMiddleware.js

@@ -1,26 +0,0 @@
-import { webpack } from 'webpack';
-import webpackDevMiddleware from 'webpack-dev-middleware';
-import { statsConfig } from "../bundler/webpack/statsConfig";
-import webpackConfigCreator from "../bundler/webpack/webpackConfig";
-export function webpackDevMiddlewareConfig(options) {
-  const {
-    publicPath
-  } = options;
-  return {
-    stats: statsConfig(options),
-    index: 'index.html',
-    publicPath,
-    headers: {
-      'Access-Control-Allow-Origin': '*'
-    }
-  };
-}
-export function configWebpackDevMiddleware(app, options) {
-  const config = webpackConfigCreator(options);
-  const compiler = webpack(config);
-  const devMiddleware = webpackDevMiddleware(compiler, webpackDevMiddlewareConfig(options));
-  app.use(devMiddleware);
-  return {
-    compiler
-  };
-}

package/es/shared/server/corsHandling.js

@@ -1,23 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-export function corsHandling(app, options) {
-  app.use((req, res, next) => {
-    // console.log('origin', req.get('origin'));
-    res.setHeader('Access-Control-Allow-Origin', req.get('origin') || '*'); // res.setHeader('Access-Control-Allow-Origin', req.get('origin'));
-
-    res.setHeader('Access-Control-Allow-Private-Network', true);
-    res.setHeader('Access-Control-Allow-Credentials', true);
-
-    if (req.get('Access-Control-Request-Headers')) {
-      res.setHeader('Access-Control-Allow-Headers', req.get('Access-Control-Request-Headers'));
-    }
-
-    if (req.get('Access-Control-Request-Method')) {
-      res.setHeader('Access-Control-Allow-Methods', req.get('Access-Control-Request-Method'));
-    }
-
-    next();
-  });
-  app.options('/*', (req, res) => {
-    res.send('Ok');
-  });
-}

package/es/shared/server/getIp.js

@@ -1,18 +0,0 @@
-import os from 'os';
-export function getIp() {
-  const ifaces = os.networkInterfaces();
-  let ips = [];
-  Object.keys(ifaces).forEach(ifname => {
-    const a = ifaces[ifname].map(iface => {
-      if (iface.family !== 'IPv4' || iface.internal !== false) {
-        return null;
-      }
-
-      return iface.address;
-    }).filter(a => a);
-    ips = ips.concat(a);
-  });
-  ips.push('127.0.0.1');
-  return ips[0];
-}
-;

package/es/shared/server/getServerURL.js

@@ -1,28 +0,0 @@
-export function getServerDomain(serverInfo) {
-  const {
-    host,
-    domain,
-    k8s
-  } = serverInfo;
-
-  if (domain && !k8s) {
-    return `${host}.${domain}.zohocorpin.com`;
-  }
-
-  return host;
-}
-export function getServerUrl(_ref) {
-  let {
-    domain,
-    k8s,
-    port,
-    protocol = 'http'
-  } = _ref;
-  const prefix = protocol ? `${protocol}:` : '';
-
-  if (k8s) {
-    return `${prefix}//${domain}`;
-  }
-
-  return `${prefix}//${domain}:${port}/`;
-}

package/es/shared/server/httpsOptions.js

@@ -1,36 +0,0 @@
-import { errorLogger, messageLogger, verboseLogger } from "../../logger";
-import { requireAllPossible, requireGlobal } from "../utils/requireLocalOrGlobal";
-const defaultCertNpm = '@zohodesk-private/client_dev_cert';
-export function httpsOptionsWithUserFriendlyError(options) {
-  const {
-    httpsCerts
-  } = options.server;
-
-  if (typeof httpsCerts === 'string' && httpsCerts) {
-    const certificate = requireAllPossible(httpsCerts);
-
-    if (certificate.local) {
-      verboseLogger(`Local '${httpsCerts}' package taken as HTTPS certificate`);
-      return certificate.local.httpsOptions;
-    }
-
-    if (certificate.global) {
-      messageLogger(`Global '${httpsCerts}' package taken as HTTPS certificate`);
-      return certificate.global.httpsOptions;
-    }
-
-    errorLogger(`
-        You have given 'server.httpsCerts' as "${httpsCerts}".
-        But it seems that file path have some problem;`);
-    process.exit(0);
-  }
-
-  const globalCertificate = requireGlobal(defaultCertNpm);
-
-  if (globalCertificate) {
-    messageLogger(`Global '${defaultCertNpm}' package taken as HTTPS certificate`);
-    return globalCertificate.httpsOptions;
-  }
-
-  return null;
-}

package/es/shared/server/initExpressApp.js

@@ -1,9 +0,0 @@
-import express from 'express';
-export function initExpressApp() {
-  const app = express();
-  app.use(express.json());
-  app.use(express.urlencoded({
-    extended: true
-  }));
-  return app;
-}