@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.171

package/lib/servers/scrServer.js

@@ -0,0 +1,147 @@
+"use strict";
+
+var _screenshotTest = _interopRequireDefault(require("@zohodesk/screenshot-test"));
+
+var _jsonHelper = require("../utils/jsonHelper");
+
+var _child_process = require("child_process");
+
+var _utils = require("../utils");
+
+var _docsServerCore = _interopRequireDefault(require("./docsServerCore"));
+
+var _SSTMiddleware = _interopRequireDefault(require("../middlewares/SSTMiddleware"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//Getting variables from flag and exe
+let cwd = process.cwd();
+let options = (0, _utils.getOptions)();
+let {
+  ssTest: {
+    seleniumHub,
+    referBranch,
+    currentBranch,
+    enableImage,
+    pathToSubProjects,
+    isImpactRun,
+    isStore,
+    dbURL,
+    tableName,
+    serviceName,
+    tokenGit
+  },
+  docs: {
+    server
+  }
+} = options;
+let resultFileName = `${cwd}/result.json`;
+let docsServerInstance; // let impactedComponentList = null;
+
+let url = (0, _utils.getServerURL)(Object.assign(server, {
+  host: server.iphost
+}), 'ht' + 'tp');
+let commitID = (0, _child_process.execSync)('git log --first-parent --pretty="format:%H" --max-count 2', {
+  cwd: cwd
+}).toString() || '';
+let [latestCommitHash, lastCommitHash] = commitID.split('\n');
+let script = 'var Objlist = {};for (i in componentList) {try { if (componentList[i].prototype.isReactComponent) Objlist[i] = componentList[i].docs.componentGroup;}catch (err) {console.log(i, err);}};if (Object.keys(Objlist).length < 5) {Objlist = false;}return Objlist;'; // Variable getting part end //
+
+(0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.compareBranch', referBranch);
+(0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.TestBranch', currentBranch);
+(0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.isExecuted', true);
+(0, _utils.log)('Test Branch Name :- ', currentBranch); // function declaration part //
+
+let closeServer = serverInstance => {
+  (0, _utils.log)('Docs service stopped!');
+  let {
+    http,
+    https,
+    wdm
+  } = serverInstance;
+  http.close();
+  https.close();
+  wdm.close();
+}; //eslint-disable-next-line
+
+
+let afterFirstScreenShotCollected = () => {
+  closeServer(docsServerInstance);
+  (0, _utils.switchBranch)('git', referBranch).then(() => {
+    (0, _utils.log)('Reference Branch Name :- ', (0, _utils.getCurrentBranch)());
+    (0, _utils.reinstallDependencies)(pathToSubProjects).then(() => {
+      (0, _utils.ssTestHack)();
+    });
+  });
+};
+
+let onSStestEnd = (status, resultObject, message) => {
+  if (status) {
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.endTime', Date.now());
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.isPassed', true);
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.result', resultObject);
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.message', message);
+    (0, _jsonHelper.setTestInfoStatus)(resultFileName, true);
+    (0, _utils.log)(message); //'Screenshot test completed successfully.'
+
+    closeServer(docsServerInstance);
+  } else {
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.isPassed', false);
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.message', message);
+    (0, _jsonHelper.setTestInfoStatus)(resultFileName, false);
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'testInfo.failures', {
+      type: 'screenshotTest',
+      message
+    });
+    closeServer(docsServerInstance);
+    (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.endTime', Date.now());
+    throw new Error('Component list undefined! Please check component Docs');
+  }
+};
+
+let run = (listOfComponents = [], configObject) => {
+  docsServerInstance = (0, _docsServerCore.default)(true);
+  docsServerInstance.app.use((0, _SSTMiddleware.default)(docsServerInstance.compiler, mData => {
+    if (isImpactRun) {
+      let finalResultObject = (0, _utils.getComponents)(mData, listOfComponents);
+      configObject.impactedComponentList = finalResultObject.impactedComponentList;
+      configObject.unDocsComList = finalResultObject.unDocsComList;
+    }
+
+    _screenshotTest.default.run(configObject, (status, finalObj, message) => {
+      onSStestEnd(status, finalObj, message);
+    });
+  }));
+};
+
+(0, _jsonHelper.jsonHelper)(resultFileName, 'tests.screenshotTest.startTime', Date.now());
+(0, _utils.ssTestHack)();
+let scrObject = {
+  currentBranch,
+  referBranch,
+  latestCommitHash,
+  lastCommitHash,
+  seleniumHub,
+  url: `${url}/docs/components.html`,
+  browser: 'chrome',
+  enableImage,
+  dbURL,
+  isImpactRun,
+  isStore,
+  script,
+  tableName
+};
+
+if (isImpactRun) {
+  if (!isStore) {
+    (0, _utils.getDependenciesImpactList)(currentBranch, referBranch, tokenGit, serviceName).then(impactedList => {
+      run(impactedList, scrObject);
+    });
+  } else {
+    (0, _utils.getDependenciesImpactList)(latestCommitHash, lastCommitHash, tokenGit, serviceName).then(impactedList => {
+      run(impactedList, scrObject);
+    });
+  }
+} else {
+  run([], scrObject);
+}

package/lib/servers/server.js

@@ -1,147 +1,140 @@
-'use strict';
+"use strict";
 
-var _fs = require('fs');
+var _path = _interopRequireDefault(require("path"));
 
-var _fs2 = _interopRequireDefault(_fs);
+var _https = _interopRequireDefault(require("https"));
 
-var _path = require('path');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _path2 = _interopRequireDefault(_path);
+var _express = _interopRequireDefault(require("express"));
 
-var _https = require('https');
+var _ws = _interopRequireDefault(require("ws"));
 
-var _https2 = _interopRequireDefault(_https);
+var _compression = _interopRequireDefault(require("compression"));
 
-var _webpack = require('webpack');
+var _webpackDevMiddleware = _interopRequireDefault(require("webpack-dev-middleware"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
+var _httpProxyMiddleware = require("http-proxy-middleware");
 
-var _express = require('express');
+var _HMRMiddleware = _interopRequireDefault(require("../middlewares/HMRMiddleware"));
 
-var _express2 = _interopRequireDefault(_express);
+var _utils = require("../utils");
 
-var _ws = require('ws');
-
-var _ws2 = _interopRequireDefault(_ws);
-
-var _compression = require('compression');
-
-var _compression2 = _interopRequireDefault(_compression);
-
-var _webpackDevMiddleware = require('webpack-dev-middleware');
-
-var _webpackDevMiddleware2 = _interopRequireDefault(_webpackDevMiddleware);
-
-var _HMRMiddleware = require('../middlewares/HMRMiddleware');
-
-var _HMRMiddleware2 = _interopRequireDefault(_HMRMiddleware);
-
-var _utils = require('../utils');
+var _httpsOptions = require("./httpsOptions");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// import reactErrorOverlay from 'react-dev-utils/errorOverlayMiddleware';
-
-var options = (0, _utils.getOptions)();
-var _options$app = options.app,
-    context = _options$app.context,
-    server = _options$app.server;
-var host = server.host,
-    port = server.port,
-    domain = server.domain,
-    mode = server.mode,
-    hotReload = server.hotReload,
-    disableContextURL = server.disableContextURL,
-    hasMock = server.hasMock;
-
-
-var isCompatableHttp2 = Number(process.version.substr(1).split('.')[0]) >= 8;
-
-var contextURL = disableContextURL ? '' : '/' + context;
-var serverUrl = (0, _utils.getServerURL)(server, 'htt' + 'ps');
+// import fs from 'fs';
+let options = (0, _utils.getOptions)();
+let {
+  app: {
+    context,
+    server
+  }
+} = options;
+let {
+  host,
+  port,
+  domain,
+  mode,
+  disableContextURL,
+  hasMock,
+  mockPort
+} = server;
+let isCompatableHttp2 = Number(process.version.substr(1).split('.')[0]) >= 8;
+let contextURL = disableContextURL ? '' : `/${context}`;
+let serverUrl = (0, _utils.getServerURL)(server, 'htt' + 'ps');
+const {
+  writeToDisk
+} = options.impactService;
+const app = (0, _express.default)();
 
-var app = (0, _express2.default)();
+if (hasMock) {
+  app.use(server.mockPrefix, (0, _httpProxyMiddleware.createProxyMiddleware)({
+    target: 'ht' + `tp://localhost:${mockPort}`,
+    changeOrigin: true
+  }));
+}
 
-app.use(_express2.default.json());
-app.use(_express2.default.urlencoded({
+app.use(_express.default.json());
+app.use(_express.default.urlencoded({
   extended: true
 }));
+let config;
 
-var config = void 0;
 if (mode === 'prod') {
-  process.isDevelopment = true;
   config = require('../configs/webpack.prod.config');
-  app.use((0, _compression2.default)());
-} else if (hotReload || mode === 'dev') {
-  process.isDevelopment = true;
+  app.use((0, _compression.default)());
+} else if (mode === 'dev' || mode === 'dev-no-warn') {
   config = require('../configs/webpack.dev.config');
 } else {
   throw new Error('You must configure valid option in mode');
-}
+} // console.log({ contextURL });
 
-var compiler = (0, _webpack2.default)(config);
-var appPath = process.cwd();
 
-app.use((0, _webpackDevMiddleware2.default)(compiler, {
+let compiler = (0, _webpack.default)(config);
+let webpackServerOptions = {
   logLevel: 'error',
-  publicPath: mode === 'prod' ? contextURL === '' ? serverUrl + '/' + contextURL : serverUrl + contextURL : config.output.publicPath,
-  headers: { 'Access-Control-Allow-Origin': '*' },
+  publicPath: mode === 'prod' ? contextURL === '' ? `${serverUrl}/${contextURL}` : serverUrl + contextURL : config.output.publicPath,
+  headers: options.app.enableDevCache ? {
+    'Cache-Control': 'public, max-age=604800',
+    'Access-Control-Allow-Origin': '*'
+  } : {
+    'Access-Control-Allow-Origin': '*'
+  },
   compress: mode === 'prod'
-}));
+};
 
-if (hotReload) {
-  // app.use(reactErrorOverlay());
+if (options.app.disableWatch) {
+  webpackServerOptions.watchOptions = {
+    ignored: /./
+  };
 }
 
-app.use((0, _HMRMiddleware2.default)(compiler, { path: '/sockjs-node/info' }));
-
-if (hasMock) {
-  var mockServerPath = _path2.default.join(appPath, 'mockapi', 'index.js');
-  if (_fs2.default.existsSync(mockServerPath)) {
-    var mockServer = require(mockServerPath);
-    mockServer(app);
-  } else {
-    (0, _utils.log)('You must export a function from mockapi folder by only we can provide mock api hook');
-  }
+if (writeToDisk) {
+  webpackServerOptions.writeToDisk = true;
 }
 
-app.use(function (req, res, next) {
-  res.setHeader('Access-Control-Allow-Origin', '*');
-  next();
-}).use(contextURL + '/fonts', _express2.default.static(context + '/fonts'));
+app.use((0, _webpackDevMiddleware.default)(compiler, webpackServerOptions));
+app.use((0, _HMRMiddleware.default)(compiler, {
+  path: '/sockjs-node/info'
+}));
+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'));
 
-app.use('/wms/*', function (req, res) {
-  res.sendFile(_path2.default.join(__dirname, '..', '..', 'templates', 'wms', 'index.html'));
+  res.setHeader('Access-Control-Allow-Private-Network', true);
+  res.setHeader('Access-Control-Allow-Credentials', true);
+  next();
+}).use(`${contextURL}/fonts`, _express.default.static(`${context}/fonts`));
+app.options('/*', (req, res) => {
+  res.send('Ok');
+});
+app.use('/wms/*', (req, res) => {
+  res.sendFile(_path.default.join(__dirname, '..', '..', 'templates', 'wms', 'index.html'));
 });
 
-var httpsServer = _https2.default.createServer({
-  key: _fs2.default.readFileSync(_path2.default.join(__dirname, '../../cert/key.pem')),
-  cert: _fs2.default.readFileSync(_path2.default.join(__dirname, '../../cert/cert.pem')),
-  passphrase: 'zddqa1585f82'
-}, app);
-
-var wss = new _ws2.default.Server({ server: httpsServer });
-var wsPool = [];
+const httpsServer = _https.default.createServer(_httpsOptions.httpsOptions, app);
 
-wss.on('connection', function (ws) {
+const wss = new _ws.default.Server({
+  server: httpsServer
+});
+let wsPool = [];
+wss.on('connection', ws => {
   wsPool.push(ws);
-
-  ws.on('close', function () {
-    wsPool = wsPool.filter(function (ws1) {
-      return ws1 !== ws;
-    });
+  ws.on('close', () => {
+    wsPool = wsPool.filter(ws1 => ws1 !== ws);
   });
-
-  ws.on('message', function (message) {
+  ws.on('message', message => {
     (0, _utils.log)('received: %s', message);
   });
-
   ws.send('something');
 });
-
-app.post('/wmsmockapi', function (req, res) {
-  wsPool.forEach(function (ws) {
-    var body = req.body;
+app.post('/wmsmockapi', (req, res) => {
+  wsPool.forEach(ws => {
+    let {
+      body
+    } = req;
 
     try {
       ws.send(JSON.stringify(body));
@@ -149,67 +142,76 @@ app.post('/wmsmockapi', function (req, res) {
       (0, _utils.log)(e, body);
     }
   });
-
   res.send('success');
 });
+let webpackCompilation;
+let initalHTML;
+compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
+  webpackCompilation = compilation;
+});
+compiler.hooks.done.tap('ReactCLI', () => {
+  const indexHtml = webpackCompilation.assets['index.html'];
+
+  if (indexHtml) {
+    initalHTML = indexHtml.source();
+  }
+});
 
 if (contextURL) {
-  app.use(contextURL, _express2.default.static(context));
-  app.use(contextURL + '/*', _express2.default.static(context));
+  app.use(contextURL, _express.default.static(context));
+  app.use(`${contextURL}/*`, (req, res) => {
+    res.send(initalHTML);
+  });
 } else {
-  app.use(_express2.default.static(context));
-  app.use('/*', _express2.default.static(context));
+  app.use(_express.default.static(context));
+  app.use('/*', _express.default.static(context));
 }
 
-httpsServer.listen(port, function (err) {
+httpsServer.listen(port, err => {
   if (err) {
     throw err;
   }
-  (0, _utils.log)('Listening at ' + serverUrl + contextURL + '/');
+
+  (0, _utils.log)(`Listening at ${serverUrl}${contextURL}/`);
 });
 
 if (isCompatableHttp2) {
-  var http2 = require('http2');
-  var http2Server = http2.createSecureServer({
-    key: _fs2.default.readFileSync(_path2.default.join(__dirname, '../../cert/key.pem')),
-    cert: _fs2.default.readFileSync(_path2.default.join(__dirname, '../../cert/cert.pem')),
-    passphrase: 'zddqa1585f82'
-  });
+  const http2 = require('http2');
+
+  const http2Server = http2.createSecureServer(_httpsOptions.httpsOptions); // eslint-disable-next-line no-unused-vars
 
-  //eslint-disable-next-line
-  http2Server.on('stream', function (stream, headers) {
+  http2Server.on('stream', (stream, headers) => {
     stream.respond({
       'content-type': 'text/html',
       ':status': 200
     });
     stream.end('<h1>Hello World! <br>Working with http2</h1>');
   });
-
-  var http2Port = Number(port) + 1;
-
-  http2Server.listen(http2Port, function (err) {
+  let http2Port = Number(port) + 1;
+  http2Server.listen(http2Port, err => {
     if (err) {
       throw err;
     }
-    (0, _utils.log)('Listening at ' + (0, _utils.getServerURL)({
-      host: host,
-      domain: domain,
+
+    (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+      host,
+      domain,
       port: http2Port
-    }, 'htt' + 'ps') + contextURL + '/', 'http2 server');
+    }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
   });
 } else {
   (0, _utils.log)('Your node version didn\'t adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2');
 }
 
-var httpPort = Number(port) + (isCompatableHttp2 ? 2 : 1);
-
-app.listen(httpPort, function (err) {
+let httpPort = Number(port) + (isCompatableHttp2 ? 2 : 1);
+app.listen(httpPort, err => {
   if (err) {
     throw err;
   }
-  (0, _utils.log)('Listening at ' + (0, _utils.getServerURL)({
-    host: host,
-    domain: domain,
-    port: httpPort
-  }, 'ht' + 'tp') + contextURL + '/');
+
+  (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+    host,
+    domain,
+    port: port
+  }, 'ht' + 'tp')}${contextURL}/`);
 });