@zohodesk/react-cli 1.1.16-exp.5 → 1.1.16-exp.6

package/packages/client_build_tool/lib/shared/schemas/deprecatedOptionsHandler.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deprecatedOptionsHandler = deprecatedOptionsHandler;
+
+var _buildToolLoggers = require("../../buildToolLoggers");
+
+function selectn(obj, key) {
+  let temp = obj;
+  const keys = key.split('.');
+
+  for (let i = 0; i < keys.length; i++) {
+    const element = keys[i];
+    temp = temp && temp[element];
+  }
+
+  return temp;
+}
+
+function selectnu(obj, key, value) {
+  let temp = obj;
+  const keys = key.split('.');
+  let i = 0;
+
+  for (; i < keys.length - 1; i++) {
+    const element = keys[i];
+    temp = temp && temp[element];
+  }
+
+  temp[keys[i]] = value;
+}
+
+function deprecatedOptionsHandler(options) {
+  function checkAndupdateAndPrintWaring(oldKey, newkey) {
+    const oldVal = selectn(options, oldKey);
+    const newVal = selectn(options, newkey); // console.log({ oldVal, newVal });
+
+    if (oldVal !== undefined && newVal === undefined) {
+      selectnu(options, newkey, newVal);
+      (0, _buildToolLoggers.warnLogger)(`"${oldKey}" deprecated use "${newkey}" instead`);
+    }
+  } // return;
+
+
+  checkAndupdateAndPrintWaring('app.context', 'context'); // TODO handle deprecations  here
+  // we will finish this logic later when options are confirmed
+
+  if (selectn(options, 'app.hasRTL') === true) {
+    options.app.plugins.hasRTL = true;
+  }
+
+  if (selectn(options, 'docs.hasRTL') === true) {
+    options.docs.plugins.hasRTL = true;
+  }
+
+  if (selectn(options, 'app.rtlExclude.length') > 0) {
+    options.app.exclude.rtl = selectn(options, 'app.rtlExclude');
+  }
+
+  if (selectn(options, 'docs.rtlExclude.length') > 0) {
+    options.docs.exclude.rtl = selectn(options, 'docs.rtlExclude');
+  }
+}

package/packages/client_build_tool/lib/shared/schemas/getCWD.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCWD = getCWD;
+
+var _child_process = require("child_process");
+
+function getCWD() {
+  // require("child_process").
+  let cwd = process.cwd();
+
+  try {
+    let ress = (0, _child_process.execSync)('npm bin').toString();
+    let i = ress.lastIndexOf('node_modules');
+    cwd = i === -1 ? cwd : ress.slice(0, i);
+  } catch (error) {
+    console.log(error);
+  }
+
+  return cwd;
+}

package/packages/client_build_tool/lib/shared/schemas/getNpmVersion.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNpmVersion = getNpmVersion;
+
+var _child_process = require("child_process");
+
+function getNpmVersion() {
+  // require("child_process").
+  let vers = '6';
+
+  try {
+    [vers] = (0, _child_process.execSync)('npm -v').toString().trim().split('.');
+  } catch (error) {
+    console.log(error);
+  }
+
+  return vers;
+}

package/packages/client_build_tool/lib/shared/schemas/npmConfigToObject.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.npmConfigToObject = npmConfigToObject;
+const NPM_CONFIG_PREFIX = 'npm_config_'; // TODO: we have to do option parse logic little better
+// if user use react-cli stritly 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 = {};
+  let keysWithColon = [];
+  Object.keys(process.env).filter(key => key.startsWith(NPM_CONFIG_PREFIX)).forEach(key => {
+    let nkey = key.slice(NPM_CONFIG_PREFIX.length);
+    processEnv[nkey] = process.env[key];
+    nkey.includes(':') && keysWithColon.push(nkey);
+  });
+  keysWithColon.forEach(key => {
+    let nkey = key.replace(/:/g, '_');
+
+    if (processEnv[nkey]) {
+      console.warn('there is some options conflict', key, nkey);
+    }
+
+    processEnv[nkey] = processEnv[key];
+  });
+  return processEnv;
+}

package/packages/client_build_tool/lib/shared/schemas/oldDefaultConfigValues.js

@@ -0,0 +1,480 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _os = require("os");
+
+var _getIp = require("../server/getIp");
+
+var _default = {
+  cliRootPath: null,
+  unstableDepsInverse: {
+    value: false,
+    cli: 'unstable_deps_inverse'
+  },
+  sslCertURL: {
+    value: null,
+    cli: 'ssl_cert_url'
+  },
+  preprocess: {
+    // This option is for tell the  react-cli which in preprocessor js file path
+    runner: {
+      value: '',
+      cli: 'preprocessor'
+    },
+    // usally preprocessor run in nodemon for, start and docs , preprocessor
+    stopNodemon: {
+      value: false,
+      cli: 'stop_nodemon'
+    }
+  },
+  i18n: {
+    chunkSplitEnable: {
+      value: false,
+      cli: 'i18n_split'
+    },
+    disableDefault: false,
+    templateLabel: '{{--user-locale}}',
+    jsResource: null,
+    localeVarName: 'document.documentElement.lang',
+    jsonpFunc: 'console.log',
+    propertiesFolder: null
+  },
+  css: {
+    enableRTLSplit: false,
+    valueReplacer: null,
+    //valueReplacer: [
+    //   {
+    //     props: ['font', 'font-family'],
+    //     values: {
+    //       'zdfonts-rCallBar': 'zdfonts-rCallBar01',
+    //       'zdfonts-rCall': 'zdfonts-rCallBar02'
+    //     }
+    //     // ,suffix: '0'
+    //   }
+    // ],
+    templateLabel: '{{--dir}}',
+    disableMiniFiySelector: false,
+    dirVarName: 'document.dir'
+  },
+  efc: {
+    hasEFC: {
+      value: false,
+      cli: 'enable_efc'
+    },
+    createSDkFile: false,
+    nameScope: 'ZOHODESK',
+    version: 'default',
+    outputFile: {
+      value: 'efc-sdk-[version].js',
+      cli: 'efc_output_file'
+    },
+    templateFilePath: '',
+    localeAttr: 'data-efc-locale',
+    localeDefaultValue: 'en_US',
+    localeStatement: null,
+    cssDirAttr: 'data-efc-dir',
+    cssDirDefaultValue: 'ltr',
+    cdnStatement: '',
+    // cdnStatement: "new URL(document.querySelector(\"script[src*='zohodesk-efc-sdk']\").src).origin",
+    cssDirStatement: null
+  },
+  app: {
+    // this option only for impact testing
+    devCssFileBountry: {
+      value: '',
+      cli: 'impact_cssbountry'
+    },
+    disableWatch: {
+      value: false,
+      cli: 'disable_watch'
+    },
+    enableDevCache: {
+      value: false,
+      cli: 'dev_cache'
+    },
+    crossorigin: {
+      value: false,
+      cli: 'enable_crossorigin'
+    },
+    context: {
+      value: 'app',
+      cli: 'app_context'
+    },
+    tpFolder: null,
+    // folder: 'src',
+    folder: {
+      cli: 'app_folder',
+      value: 'src'
+    },
+    vendorExclude: [],
+    vendorInclude: [],
+    cssHashSelectors: {
+      filenames: [],
+      packages: []
+    },
+    server: {
+      host: {
+        value: (0, _os.hostname)(),
+        cli: 'app_host'
+      },
+      port: {
+        value: 9090,
+        cli: 'app_port'
+      },
+      domain: {
+        value: null,
+        cli: 'app_domain'
+      },
+      mode: {
+        value: 'dev',
+        cli: 'app_mode'
+      },
+      branch: {
+        value: 'master',
+        cli: 'app_branch'
+      },
+      redisHost: {
+        value: '127.0.0.1',
+        cli: 'redis:host'
+      },
+      redisPort: {
+        value: '6379',
+        cli: 'redis:port'
+      },
+      disableContextURL: false,
+      hasMock: false,
+      mockPrefix: {
+        value: '/api',
+        cli: 'mock_prefix'
+      },
+      mockPort: {
+        value: 5000,
+        cli: 'mock_port'
+      }
+    },
+    disableES5Transpile: false,
+    isReactMig: false,
+    hasWidget: false,
+    hasEFC: {
+      value: false,
+      cli: 'enable_efc'
+    },
+    enableChunkHash: {
+      value: false,
+      cli: 'hash_enable'
+    },
+    cssUniqueness: {
+      value: true,
+      cli: 'css_unique'
+    },
+    outputFolder: {
+      value: 'build',
+      cli: 'output_folder'
+    },
+    bundleAnalyze: {
+      value: false,
+      cli: 'bundle_analyze'
+    },
+    optimize: true,
+    manifestFileName: 'manifest.json',
+    removeAttribute: {
+      value: true,
+      cli: 'rm_attr'
+    },
+    attrbuteNames: {
+      value: ['data-testid'],
+      cli: 'attr_name'
+    },
+    publicPaths: false,
+    instrumentScript: {
+      value: false,
+      cli: 'instru_script'
+    },
+    enableSMap: {
+      value: false,
+      cli: 'enable_smap'
+    },
+    enableSMapHook: {
+      value: true,
+      cli: 'enable_smaphook'
+    },
+    hasRTL: false,
+    rtlExclude: [],
+    seperateCssModules: {
+      value: false,
+      cli: 'sep_cssmodules'
+    },
+    hasShadowDOM: {
+      value: false,
+      cli: 'has_shadowdom'
+    },
+    resourceHints: [],
+    changeRuntimeChunkChar: false,
+    classNamePrefix: {
+      value: 'zd',
+      cli: 'class_prefix'
+    },
+    selectorReplace: null,
+    devConsoleExculde: {
+      value: false,
+      cli: 'console_exculde'
+    },
+    serviceWorker: {
+      enableSw: false,
+      filePath: 'sw.js',
+      fileName: 'v1.js',
+      exitPath: '/',
+      replaceText: '//<!--AssetsFromBuild -->'
+    },
+    htmlTemplate: {
+      inject: true
+    },
+    removePropTypes: false,
+    customChunks: [{
+      name: 'styles',
+      pattern: '\\.css$'
+    }],
+    tpHashMapping: [],
+    cdnMapping: {
+      isCdnEnabled: false,
+      variableName: '',
+      cssTemplate: '',
+      jsTemplate: '',
+      i18nTemplate: ''
+    },
+    sourcemap: {
+      cli: 'source_map',
+      value: 'cheap-eval-source-map'
+    }
+  },
+  docs: {
+    server: {
+      iphost: (0, _getIp.getIp)(),
+      host: (0, _os.hostname)(),
+      port: {
+        value: 9292,
+        cli: 'docs_port'
+      },
+      domain: {
+        value: null,
+        cli: 'docs_domain'
+      },
+      branch: false
+    },
+    componentFolder: 'src',
+    cssUniqueness: {
+      value: true,
+      cli: 'css_unique'
+    },
+    enableChunkHash: false,
+    folder: 'src',
+    disableES5Transpile: false,
+    hasRTL: false,
+    rtlExclude: [],
+    cssHashSelectors: {
+      filenames: [],
+      packages: []
+    },
+    classNamePrefix: {
+      value: 'zd',
+      cli: 'class_prefix'
+    }
+  },
+  ssr: {
+    server: {
+      host: (0, _os.hostname)(),
+      port: {
+        value: 4040,
+        cli: 'ssr_port'
+      },
+      domain: {
+        value: false,
+        cli: 'ssr_domain'
+      },
+      repoUrl: 'https://vimalesan.a@git.csez.zohocorpin.com/zohodesk/supportportal.git',
+      branch: {
+        value: 'theme1',
+        cli: 'ssr_branch'
+      },
+      clientAppPath: 'jsapps/portalapp'
+    },
+    watch: {
+      value: false,
+      cli: 'ssr_watch'
+    }
+  },
+  cluster: {
+    server: {
+      host: (0, _os.hostname)(),
+      port: 4000,
+      domain: {
+        value: false,
+        cli: 'cluster_domain'
+      }
+    }
+  },
+  help: {
+    server: {
+      host: (0, _os.hostname)(),
+      port: 3000,
+      domain: {
+        value: false,
+        cli: 'help_domain'
+      }
+    }
+  },
+  umd: {
+    component: {
+      watch: {
+        value: false,
+        cli: 'umdComp_watch'
+      },
+      umdVar: 'Component',
+      isDocs: false,
+      isHtml: false,
+      outputFolder: 'build',
+      cssUniqueness: {
+        value: true,
+        cli: 'umdComp_css_unique'
+      },
+      folder: 'src'
+    },
+    css: {
+      watch: {
+        value: false,
+        cli: 'umdCss_watch'
+      },
+      outputFolder: 'dist',
+      umdVar: 'CSS',
+      cssUniqueness: {
+        value: true,
+        cli: 'umdCss_css_unique'
+      },
+      folder: 'src',
+      publicPath: {
+        value: false,
+        cli: 'umdCss_public_path'
+      },
+      cssHashSelectors: {
+        filenames: [],
+        packages: []
+      },
+      classNamePrefix: {
+        value: 'zd',
+        cli: 'class_prefix'
+      }
+    },
+    library: {
+      umdVar: 'Component',
+      outputFolder: 'build',
+      watch: {
+        value: false,
+        cli: 'umdLib_watch'
+      }
+    }
+  },
+  unusedFiles: {
+    usedFilesExcludes: ['node_modules'],
+    appFilesExcludes: ['.docs.js$', '/__tests__/.*(spec|test).js$'],
+    delete: false,
+    enable: {
+      value: false,
+      cli: 'enable_unusedfiles'
+    },
+    outputFileName: 'Unusedfiles.json'
+  },
+  esLint: {
+    enable: {
+      value: false,
+      cli: 'enable_eslint'
+    },
+    ignoreFilePaths: false,
+    fix: {
+      value: false,
+      cli: 'eslint_fix'
+    },
+    isCI: {
+      value: false,
+      cli: 'eslint_ci'
+    },
+    reportType: {
+      value: 'json',
+      cli: 'report_type'
+    },
+    reportPath: {
+      value: './eslint/report.json',
+      cli: 'report_path'
+    },
+    srcBranch: {
+      value: 'master',
+      cli: 'src_branch'
+    },
+    targetBranch: {
+      value: 'master',
+      cli: 'target_branch'
+    },
+    serviceName: {
+      value: 'ZohoDeskReactApp',
+      cli: 'service_name'
+    },
+    impactServerDomain: {
+      value: 'ht' + 'tp://desk-automation.csez.zohocorpin.com:8080',
+      //value: 'ht' + 'tp://desk-qa-impact.tsi.zohocorpin.com:8080',
+      cli: 'impact_server_domain'
+    },
+    impactRun: {
+      value: false,
+      cli: 'impact_run'
+    }
+  },
+  clone: {
+    type: {
+      value: null,
+      cli: 'clone_type'
+    },
+    url: {
+      value: null,
+      cli: 'clone_url'
+    },
+    branch: {
+      value: null,
+      cli: 'clone_branch'
+    },
+    revision: {
+      value: null,
+      cli: 'clone_revision'
+    },
+    shallowClone: {
+      value: false,
+      cli: 'shallow_clone'
+    },
+    projectName: {
+      value: null,
+      cli: 'clone_proj_name'
+    },
+    remoteName: {
+      value: 'origin',
+      cli: 'clone_remote_name'
+    },
+    cacheDir: {
+      value: null,
+      cli: 'clone_cacheDir'
+    },
+    shouldDelete: {
+      value: true,
+      cli: 'clone_delete'
+    }
+  },
+  module: {
+    mode: {
+      value: 'prod',
+      cli: 'module_mode'
+    },
+    disableES5Transpile: true
+  }
+};
+exports.default = _default;

package/packages/client_build_tool/lib/shared/schemas/readOptions.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOptions = exports.args = void 0;
+
+var _applyValuesToShema = require("./applyValuesToShema");
+
+var _cliArgsToObject = require("./cliArgsToObject");
+
+var _defaultConfigValues = _interopRequireDefault(require("./defaultConfigValues"));
+
+var _deprecatedOptionsHandler = require("./deprecatedOptionsHandler");
+
+var _getCWD = require("./getCWD");
+
+var _getNpmVersion = require("./getNpmVersion");
+
+var _npmConfigToObject = require("./npmConfigToObject");
+
+var _readOptionsForPackageJson = require("./readOptionsForPackageJson");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import schemas from './oldDefaultConfigValues';
+const args = process.argv.slice(2);
+exports.args = args;
+const processEnv = (0, _npmConfigToObject.npmConfigToObject)();
+const cliArgsObject = (0, _cliArgsToObject.cliArgsToObject)(args);
+Object.assign(processEnv, cliArgsObject);
+global.reactCLIOptions = null;
+
+const getOptions = () => {
+  if (global.reactCLIOptions) {
+    return global.reactCLIOptions;
+  }
+
+  const appPath = process.cwd();
+  const userSchemas = (0, _readOptionsForPackageJson.readOptionsForPackageJson)(appPath);
+  const options = (0, _applyValuesToShema.applyValuesToShema)(_defaultConfigValues.default, userSchemas || {}, processEnv);
+  (0, _deprecatedOptionsHandler.deprecatedOptionsHandler)(options); // for future may be for npm 8 edge cases
+
+  options.npmVersion = (0, _getNpmVersion.getNpmVersion)();
+  options.cwd = (0, _getCWD.getCWD)();
+  options.packageVersion = process.env.npm_package_version;
+  options.extraArgs = process.argv.slice(3); // eslint-disable-next-line prefer-destructuring
+
+  options.commandOption = process.argv[2];
+  global.reactCLIOptions = options; // console.log({ options });
+
+  return options;
+};
+
+exports.getOptions = getOptions;

package/packages/client_build_tool/lib/shared/schemas/readOptionsForPackageJson.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.readOptionsForPackageJson = readOptionsForPackageJson;
+
+var _fs = require("fs");
+
+var _path = _interopRequireDefault(require("path"));
+
+var _constants = require("../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 {};
+}