@zohodesk/react-cli 0.0.1-test.148.3 → 1.0.0-exp.1

package/lib/schemas/index.js

@@ -13,7 +13,29 @@ var _getCurrentBranch = _interopRequireDefault(require("../utils/getCurrentBranc
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// TODO move deprecated options to separate file and manage seperately
 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,
@@ -28,19 +50,76 @@ var _default = {
   },
   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: false,
+    hasEFC: {
+      value: false,
+      cli: 'enable_efc'
+    },
     createSDkFile: false,
     nameScope: 'ZOHODESK',
-    version: 'default',
-    outputFile: 'zohodesk-efc-sdk-[version].js',
-    localeAttr: 'data-efc-locale'
+    version: {
+      value: 'stable',
+      cli: 'efc_version'
+    },
+    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: {
+    mainEntryFile: {
+      value: 'index.js',
+      cli: 'entry_file'
+    },
+    mainEntryHtmlFile: {
+      value: 'index.html',
+      cli: 'entry_html_file'
+    },
+    moduleResolvePath: {
+      value: '',
+      cli: 'module_resolve_path'
+    },
+    // 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'
@@ -48,6 +127,7 @@ var _default = {
     tpFolder: null,
     folder: 'src',
     vendorExclude: [],
+    vendorInclude: [],
     cssHashSelectors: {
       filenames: [],
       packages: []
@@ -69,6 +149,10 @@ var _default = {
         value: 'dev',
         cli: 'app_mode'
       },
+      httpsCerts: {
+        value: null,
+        cli: 'https_certs'
+      },
       branch: {
         value: 'master',
         cli: 'app_branch'
@@ -83,15 +167,26 @@ var _default = {
       },
       disableContextURL: false,
       hasMock: false,
+      mockPrefix: {
+        value: '/api',
+        cli: 'mock_prefix'
+      },
       mockPort: {
         value: 5000,
         cli: 'mock_port'
       }
     },
+    mediaQueryHoverActiveString: {
+      hover: 'all and (min--moz-device-pixel-ratio:0) and (hover: hover), (hover: hover)',
+      none: '(hover: none)'
+    },
     disableES5Transpile: false,
     isReactMig: false,
     hasWidget: false,
-    hasEFC: false,
+    hasEFC: {
+      value: false,
+      cli: 'enable_efc'
+    },
     enableChunkHash: {
       value: false,
       cli: 'hash_enable'
@@ -119,6 +214,9 @@ var _default = {
       cli: 'attr_name'
     },
     publicPaths: false,
+    // TODO: Deprecated
+    hasRTL: false,
+    rtlExclude: [],
     instrumentScript: {
       value: false,
       cli: 'instru_script'
@@ -131,8 +229,26 @@ var _default = {
       value: true,
       cli: 'enable_smaphook'
     },
-    hasRTL: false,
-    rtlExclude: [],
+    plugins: {
+      hasRTL: false,
+      hoverActive: false,
+      combinerMediaQuery: false,
+      cssVariableReplacement: false,
+      selectorWeight: false
+    },
+    exclude: {
+      rtl: [],
+      hoverActive: [],
+      combinerMediaQuery: [],
+      cssVariableReplacement: [],
+      selectorWeight: []
+    },
+    cssVariableReplacementConfig: '',
+    selectorWeightConfig: {
+      defaultSelector: '',
+      customFileDetails: '',
+      excludeStrings: []
+    },
     seperateCssModules: {
       value: false,
       cli: 'sep_cssmodules'
@@ -160,6 +276,7 @@ var _default = {
       replaceText: '//<!--AssetsFromBuild -->'
     },
     htmlTemplate: {
+      minify: null,
       inject: true
     },
     removePropTypes: false,
@@ -174,6 +291,10 @@ var _default = {
       cssTemplate: '',
       jsTemplate: '',
       i18nTemplate: ''
+    },
+    sourcemap: {
+      cli: 'source_map',
+      value: 'cheap-eval-source-map'
     }
   },
   docs: {
@@ -190,14 +311,41 @@ var _default = {
       },
       branch: false
     },
+    mediaQueryHoverActiveString: {
+      hover: 'all and (min--moz-device-pixel-ratio:0) and (hover: hover), (hover: hover)',
+      none: '(hover: none)'
+    },
     componentFolder: 'src',
     cssUniqueness: {
       value: true,
       cli: 'css_unique'
     },
+    enableChunkHash: false,
     folder: 'src',
+    disableES5Transpile: false,
+    // TODO: Deprecated
     hasRTL: false,
     rtlExclude: [],
+    plugins: {
+      hasRTL: false,
+      hoverActive: false,
+      combinerMediaQuery: false,
+      cssVariableReplacement: false,
+      selectorWeight: false
+    },
+    exclude: {
+      rtl: [],
+      hoverActive: [],
+      combinerMediaQuery: [],
+      cssVariableReplacement: [],
+      selectorWeight: []
+    },
+    cssVariableReplacementConfig: '',
+    selectorWeightConfig: {
+      defaultSelector: '',
+      customFileDetails: '',
+      excludeStrings: []
+    },
     cssHashSelectors: {
       filenames: [],
       packages: []
@@ -208,6 +356,7 @@ var _default = {
     }
   },
   test: {
+    classnameFormat: '[classname]',
     srcBranch: {
       value: 'master',
       cli: 'src_branch'
@@ -225,7 +374,6 @@ var _default = {
       cli: 'branch_name'
     },
     impactServerDomain: {
-      //value: 'ht' + 'tp://desk-qa-impact.tsi.zohocorpin.com:8080',
       value: 'ht' + 'tp://desk-automation.csez.zohocorpin.com:8080',
       cli: 'impact_server_domain'
     },
@@ -248,7 +396,6 @@ var _default = {
       cli: 'service_name'
     },
     impactServerDomain: {
-      //value: 'ht' + 'tp://desk-qa-impact.tsi.zohocorpin.com:8080',
       value: 'ht' + 'tp://desk-automation.csez.zohocorpin.com:8080',
       cli: 'impact_server_domain'
     },
@@ -286,11 +433,23 @@ var _default = {
       cli: 'path_to_sub_projs'
     },
     tokenGit: {
-      value: 'YbByNJ3yURAm92Lhx4vW',
+      value: '',
       cli: 'git_token'
+    },
+    changesOnly: {
+      value: false,
+      cli: 'changes_only'
     }
   },
   impactService: {
+    cssSelectorZipPath: {
+      value: '',
+      cli: 'cssselector_zip'
+    },
+    writeToDisk: {
+      value: false,
+      cli: 'write_disk'
+    },
     componentServiceName: {
       value: 'ZohoDeskLibrary',
       cli: 'impact_component_service'
@@ -455,7 +614,6 @@ var _default = {
     },
     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: {
@@ -480,6 +638,10 @@ var _default = {
       value: null,
       cli: 'clone_revision'
     },
+    shallowClone: {
+      value: false,
+      cli: 'shallow_clone'
+    },
     projectName: {
       value: null,
       cli: 'clone_proj_name'

package/lib/servers/devBuild.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPaths = getPaths;
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _child_process = require("child_process");
+
+var _utils = require("../utils");
+
+var _getCliPath = require("./getCliPath");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const options = (0, _utils.getOptions)(); // const args = process.argv.slice(3);
+// NOTE: need to discuss about in below codes,
+//  when we run webpack the  usable options  that comes  for npm run not  working  as automatical
+//  we are use this option always --disable_watch=true reason for now no need for  
+
+const {
+  app: {
+    outputFolder
+  }
+} = options;
+const {
+  cssSelectorZipPath
+} = options.impactService;
+const zipname = cssSelectorZipPath ? _path.default.parse(cssSelectorZipPath).name : null;
+
+const outputFolderLocation = _path.default.join(process.cwd(), outputFolder);
+
+function execSyncDefalut(command) {
+  console.log(' command running ==>', command);
+  return (0, _child_process.execSync)(command, {
+    stdio: 'inherit'
+  });
+}
+
+const isQuiet = 'q';
+const webpack = (0, _getCliPath.getCliPath)('webpack'); // console.log('webpack === > ', webpack, fs.existsSync(webpack));
+
+if (_fs.default.existsSync(outputFolderLocation)) {
+  execSyncDefalut(`rm -rf ${outputFolder}`);
+  console.log(`previous ${outputFolder} removed`);
+}
+
+if (_fs.default.existsSync(_path.default.join(process.cwd(), 'build.zip'))) {
+  execSyncDefalut('rm build.zip');
+  console.log('previous build.zip removed');
+} // execSyncDefalut(`${webpack  } --version`);
+// execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
+
+
+console.log('webpack compilation starts...');
+const startTime = Date.now(); // const result = spawnSync(
+//   webpack,
+//   ['--config', require.resolve('../configs/webpack.dev.config.js')].concat(
+//     args
+//   ),
+//   { stdio: 'inherit' }
+// );
+// --disable_watch=true
+
+const result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')} ${process.argv.slice(2).map(o => o.replace(/(.*?)=(.*)/, '$1="$2"')).join(' ')} `);
+result && console.log(result);
+
+if (result && result.stderr) {
+  throw result.stderr;
+}
+
+console.log(`compailation done in ${Date.now() - startTime}ms`);
+
+if (zipname) {
+  execSyncDefalut(`zip -r${isQuiet} build.zip ${outputFolder}/*`);
+  console.log('build.zip file created');
+  const result = execSyncDefalut(`zip -r${isQuiet} ${cssSelectorZipPath} ${zipname}/*`);
+  execSyncDefalut(`rm -rf ${zipname}`);
+
+  if (result && result.stderr) {
+    console.log('zip  file not  created', cssSelectorZipPath);
+    console.error(result.stderr);
+  } else {
+    console.log('zip  file  created', cssSelectorZipPath);
+  }
+} // npm run start --app:domain=tsi --impact:cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip
+// npm run start --app_domain=tsi --impact_cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip
+
+
+console.log(`compailation done in ${Date.now() - startTime}ms`);
+
+function getPaths() {
+  return {
+    zipname,
+    cssSelectorZipPath,
+    outputFolderLocation
+  };
+}

package/lib/servers/docsServerCore.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _fs = _interopRequireDefault(require("fs"));
-
 var _path = _interopRequireDefault(require("path"));
 
 var _https = _interopRequireDefault(require("https"));
@@ -25,31 +23,35 @@ var _utils = require("../utils");
 
 var _webpackDocs = _interopRequireDefault(require("../configs/webpack.docs.config"));
 
+var _httpsOptions = require("./httpsOptions");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import fs from 'fs';
 var _default = isSSTest => {
-  let options = (0, _utils.getOptions)();
-  let {
+  const options = (0, _utils.getOptions)();
+  const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
+  const {
     docs: {
       server
     }
   } = options;
-  let {
+  const {
     port,
     branch,
     host,
     domain,
     iphost
   } = server;
-  let appPath = process.cwd();
+  const appPath = process.cwd();
   const app = (0, _express.default)();
   app.use(_express.default.json());
   app.use(_express.default.urlencoded({
     extended: true
   }));
-  let docsConfig = (0, _webpackDocs.default)(isSSTest);
-  let compiler = (0, _webpack.default)(docsConfig);
-  let wdm = (0, _webpackDevMiddleware.default)(compiler, {
+  const docsConfig = (0, _webpackDocs.default)(isSSTest);
+  const compiler = (0, _webpack.default)(docsConfig);
+  const wdm = (0, _webpackDevMiddleware.default)(compiler, {
     logLevel: 'error',
     publicPath: docsConfig.output.publicPath,
     headers: {
@@ -66,7 +68,7 @@ var _default = isSSTest => {
     res.sendFile(_path.default.join(__dirname, '..', '..', 'templates', 'docs', 'index.html'));
   });
   app.use('/author/get', (req, res) => {
-    let {
+    const {
       query: {
         componentName = ''
       }
@@ -83,7 +85,7 @@ var _default = isSSTest => {
 
   if (branch) {
     app.post('/repo/merge', (req, res) => {
-      let {
+      const {
         ref
       } = req.body;
 
@@ -97,11 +99,7 @@ var _default = isSSTest => {
     });
   }
 
-  const httpsServer = _https.default.createServer({
-    key: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/key.pem')),
-    cert: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/cert.pem')),
-    passphrase: '9i1pqink!k11'
-  }, app);
+  const httpsServer = _https.default.createServer(httpsOptions, app);
 
   if (!isSSTest) {
     httpsServer.listen(port, err => {
@@ -113,8 +111,8 @@ var _default = isSSTest => {
     });
   }
 
-  let httpPort = Number(port) + 1;
-  let http = app.listen(httpPort, err => {
+  const httpPort = Number(port) + 1;
+  const http = app.listen(httpPort, err => {
     if (err) {
       throw err;
     }

package/lib/servers/getCliPath.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCliPath = getCliPath;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _os = require("os");
+
+var _fs = require("fs");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const appPath = process.cwd();
+const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
+const isWindows = (0, _os.platform)().toLowerCase() === 'win32';
+
+const _getCliPath = !isNodeModuleUnderAppFolder ? libName => _path.default.join(__dirname, '..', '..', 'node_modules', '.bin', libName) : libName => libName;
+
+const suffixExt = isWindows ? '.cmd' : '';
+
+function getCliPath(libName) {
+  const cliPath = _getCliPath(libName + suffixExt);
+
+  return (0, _fs.existsSync)(cliPath) ? cliPath : libName + suffixExt;
+}

package/lib/servers/httpsOptions.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.httpsOptions = httpsOptions;
+exports.httpsOptionsWithUserFriendlyError = httpsOptionsWithUserFriendlyError;
+
+// import fs from 'fs';
+// import path from 'path';
+// export const httpsOptions = {
+//   key: fs.readFileSync(path.join(__dirname, './cert/Tsicsezwild-22-23.key')),
+//   cert: fs.readFileSync(path.join(__dirname, './cert/Tsicsezwild-22-23.crt'))
+// };
+function httpsOptions(options) {
+  const {
+    httpsCerts
+  } = options.app.server;
+
+  const certificate = require(require.resolve(httpsCerts, {
+    paths: [process.cwd()]
+  })); // TODO: in future we may do some version based check. certificate.version
+
+
+  return certificate.httpsOptions;
+}
+
+function httpsOptionsWithUserFriendlyError(options) {
+  const {
+    httpsCerts
+  } = options.app.server;
+
+  if (typeof httpsCerts === 'string' && httpsCerts) {
+    try {
+      const certificate = httpsOptions(options);
+      return certificate;
+    } catch (error) {
+      if (error.message.indexOf('Cannot find module') !== -1) {
+        console.error(`You have given react-cli.app.server.httpsCerts as "${httpsCerts}". \n But it seems that file path have some problem.\n we are unable to locate "${httpsCerts}" in "${process.cwd()}"`);
+      } else {
+        console.error(error);
+      }
+
+      process.exit(0);
+    }
+  } else {
+    return null;
+  }
+}