@zohodesk/react-cli 0.0.1-beta.164 → 0.0.1-beta.167

package/lib/configs/webpack.docs.config.js

@@ -8,12 +8,16 @@ var _pluginUtils = require("../pluginUtils");
 
 var _loaderUtils = require("../loaderUtils");
 
+var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let options = (0, _utils.getOptions)();
 let {
+  unstableDepsInverse,
   docs: {
     componentFolder,
+    disableES5Transpile,
     cssUniqueness,
     hasRTL,
     rtlExclude,
@@ -28,39 +32,39 @@ let appPath = process.cwd();
 
 module.exports = isSSTest => ({
   entry: {
-    main: [_path.default.resolve(__dirname, "..", "hooks", "docsProptypeHook.js"), _path.default.join(appPath, componentFolder, "index.js")],
-    vendor: ["react", "react-dom", "redux", "react-redux"]
+    main: [_path.default.resolve(__dirname, '..', 'hooks', 'docsProptypeHook.js'), _path.default.join(appPath, componentFolder, 'index.js')],
+    vendor: ['react', 'react-dom', 'redux', 'react-redux']
   },
-  devtool: "none",
-  mode: "development",
+  devtool: 'none',
+  mode: 'development',
   output: {
-    path: _path.default.join(appPath, "build"),
-    filename: "js/[name].js",
-    publicPath: "/docs/",
-    library: "Component",
-    libraryTarget: "umd"
+    path: _path.default.join(appPath, 'build'),
+    filename: 'js/[name].js',
+    publicPath: '/docs/',
+    library: 'Component',
+    libraryTarget: 'umd'
   },
   plugins: (0, _pluginUtils.getDocsPlugins)(isSSTest, options),
   module: {
     rules: [{
       test: /\.js$/,
       use: [{
-        loader: "babel-loader",
+        loader: 'babel-loader',
         options: {
-          presets: [[require.resolve("@babel/preset-env"), {
+          presets: [[require.resolve('@babel/preset-env'), {
             modules: false
-          }], require.resolve("@babel/preset-react")],
-          plugins: [[require.resolve("@babel/plugin-transform-runtime"), {
+          }], require.resolve('@babel/preset-react')],
+          plugins: [[require.resolve('@babel/plugin-transform-runtime'), {
             helpers: true,
             regenerator: false
-          }], require.resolve("@babel/plugin-syntax-dynamic-import"), require.resolve("@babel/plugin-syntax-object-rest-spread")],
+          }], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-syntax-object-rest-spread')],
           cacheDirectory: true
         }
       }],
       include: _path.default.join(appPath, folder)
     }, {
       test: /\.docs\.js$/,
-      use: require.resolve("../loaders/docsLoader.js"),
+      use: require.resolve('../loaders/docsLoader.js'),
       include: _path.default.join(appPath, folder),
       exclude: /node_modules/
     }, {
@@ -68,29 +72,29 @@ module.exports = isSSTest => ({
       use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,
-      use: ["url-loader?limit=1000&name=./images/[name].[ext]"]
+      use: ['url-loader?limit=1000&name=./images/[name].[ext]']
     }, {
       test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ["url-loader?limit=1000&name=./fonts/[name].[ext]"]
+      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
     }, {
       test: /\.svg$/,
-      use: ["url-loader?limit=1&name=./fonts/[name].[ext]"]
+      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
     }, {
       test: /\.html$/,
       use: {
-        loader: "html-loader",
+        loader: 'html-loader',
         options: {
-          attrs: [":data-src"],
-          interpolate: "require"
+          attrs: [':data-src'],
+          interpolate: 'require'
         }
       }
     }, {
       test: /\.ogg$/,
-      use: ["file-loader?name=./fonts/[name].[ext]"]
+      use: ['file-loader?name=./fonts/[name].[ext]']
     }, {
       test: /\.tmpl$/,
       use: [{
-        loader: "html-loader",
+        loader: 'html-loader',
         options: {
           minimize: {
             removeComments: true,
@@ -104,12 +108,13 @@ module.exports = isSSTest => ({
     }]
   },
   externals: {
-    ZC: "$ZC"
+    ZC: '$ZC'
   },
   resolve: {
-    modules: [_path.default.resolve(__dirname, "..", "..", "node_modules"), "node_modules"]
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
-    modules: [_path.default.resolve(__dirname, "..", "..", "node_modules"), "node_modules"]
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 });

package/lib/configs/webpack.prod.config.js

@@ -17,6 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // import TerserPlugin from 'terser-webpack-plugin';
 let options = (0, _utils.getOptions)();
 let {
+  unstableDepsInverse,
   app: {
     folder,
     context,
@@ -80,7 +81,7 @@ module.exports = {
     concatenateModules: true,
     minimize: true,
     // by  default if  minimize: true in webpack minimize then webpack automaticaly add TerserPlugin,
-    //  So we are overrideing it. 
+    //  So we are overrideing it.
     // minimizer: [
     //   new TerserPlugin({
     //     cache: true,
@@ -208,10 +209,10 @@ module.exports = {
     ZC: '$ZC'
   },
   resolve: {
-    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
     alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
-    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

package/lib/loaderUtils/getCSSLoaders.js

@@ -20,6 +20,9 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
   const {
     devCssFileBountry
   } = options.app;
+  const {
+    valueReplacer
+  } = options.css;
   const {
     cssSelectorZipPath
   } = options.impactService;
@@ -36,6 +39,18 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
     cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix);
   }
 
+  const postcssPlugins = [valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), selectorReplace && require('postcss-selector-replace')(selectorReplace), hasRTL && require('../postcss-plugins/ExcludeRTLPlugin')({
+    ignore: rtlExcludeLocal,
+    plugins: [require('@zohodesk/postcss-rtl')({
+      addPrefixToSelector: function addPrefixToSelector(selector, prefix) {
+        if (prefix === '[dir]') {
+          return selector;
+        }
+
+        return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
+      }
+    })]
+  })].filter(Boolean);
   return [cssSelectorZipPath && {
     loader: require.resolve('../loaders/selectorMappingLoader')
   }, {
@@ -51,23 +66,12 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
     options: {
       devCssFileBountry
     }
-  }, hasRTL || selectorReplace ? {
+  }, postcssPlugins.length > 0 ? {
     loader: 'postcss-loader',
     options: {
       ident: 'postcss',
       plugins: function () {
-        return [selectorReplace && require('postcss-selector-replace')(selectorReplace), hasRTL && require('../postcss-plugins/ExcludeRTLPlugin')({
-          ignore: rtlExcludeLocal,
-          plugins: [require('@zohodesk/postcss-rtl')({
-            addPrefixToSelector: function addPrefixToSelector(selector, prefix) {
-              if (prefix === '[dir]') {
-                return selector;
-              }
-
-              return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
-            }
-          })]
-        })].filter(Boolean);
+        return postcssPlugins;
       }
     }
   } : null].filter(Boolean);

package/lib/postcss-plugins/ValueReplacer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// module.exports = postcss.plugin('postcss-value-replacer', opts => {
+//   const { plugins } = opts;
+//   return (root, result) => {
+//     const inputFile = root.source.input.file;
+//     let isIgnoredFile= opts.ignore.some(file => inputFile.indexOf(file)!==-1);
+//     if (!isIgnoredFile) {
+//       const handler = response =>
+//         response.messages.forEach(msg => result.messages.push(msg));
+//       return postcss(plugins)
+//         .process(root, { from: undefined })
+//         .then(handler);
+//     }
+//   };
+// });
+// export default 
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
+root => {
+  root.walkDecls(decl => {
+    valueReplacer.forEach(obj => {
+      if (obj.props.indexOf(decl.prop) !== -1) {
+        let ks = Object.keys(obj.values).sort((a, b) => b.length - a.length);
+        ks.forEach(k => {
+          decl.value = decl.value.replace(k, obj.values[k]);
+        }); //decl.value = obj.values[decl.value];
+      }
+    }); //console.log({root, roots:root+""}, root+"")
+    // Transform CSS AST here
+  }); // root.walkDecls(decl => {
+  //   valueReplacer.forEach(obj => {
+  //     if (
+  //       obj.props.indexOf(decl.prop) !== -1 &&
+  //       obj.values[decl.value] !== undefined
+  //     ) {
+  //       decl.value = obj.values[decl.value];
+  //     }
+  //   });
+  //   //console.log({root, roots:root+""}, root+"")
+  //   // Transform CSS AST here
+  // });
+});

package/lib/schemas/index.js

@@ -14,6 +14,11 @@ var _getCurrentBranch = _interopRequireDefault(require("../utils/getCurrentBranc
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = {
+  cliRootPath: null,
+  unstableDepsInverse: {
+    value: false,
+    cli: 'unstable_deps_inverse'
+  },
   sslCertURL: {
     value: null,
     cli: 'ssl_cert_url'
@@ -44,6 +49,17 @@ 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'
@@ -246,6 +262,7 @@ var _default = {
       cli: 'css_unique'
     },
     folder: 'src',
+    disableES5Transpile: false,
     hasRTL: false,
     rtlExclude: [],
     cssHashSelectors: {
@@ -542,6 +559,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/getCliPath.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCliPath = getCliPath;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _os = require("os");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let appPath = process.cwd();
+const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
+let 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) {
+  return _getCliPath(libName) + suffixExt;
+}

package/lib/servers/httpsOptions.js

@@ -12,8 +12,7 @@ var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const httpsOptions = {
-  key: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/key.pem')),
-  cert: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/cert.pem')),
-  passphrase: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/passphrase.pem')).toString()
+  key: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/Tsicsezwild-22-23.key')),
+  cert: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/Tsicsezwild-22-23.crt'))
 };
 exports.httpsOptions = httpsOptions;

package/lib/servers/nowatchserver.js

@@ -1,25 +1,21 @@
 "use strict";
 
-var _fs = _interopRequireDefault(require("fs"));
-
 var _path = _interopRequireDefault(require("path"));
 
 var _https = _interopRequireDefault(require("https"));
 
-var _os = require("os");
-
 var _express = _interopRequireDefault(require("express"));
 
 var _ws = _interopRequireDefault(require("ws"));
 
-var _child_process = require("child_process");
-
 var _httpProxyMiddleware = require("http-proxy-middleware");
 
 var _utils = require("../utils");
 
 var _httpsOptions = require("./httpsOptions");
 
+var _devBuild = require("./devBuild");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import webpack from 'webpack';
@@ -28,95 +24,25 @@ let options = (0, _utils.getOptions)(); // let args = process.argv.slice(3);
 let {
   app: {
     context,
-    server,
-    outputFolder
+    server
   }
 } = options;
 let {
   host,
   port,
   domain,
-  mode,
   disableContextURL,
   hasMock,
   mockPort
 } = server;
-let isCompatableHttp2 = Number(process.version.substr(1).split('.')[0]) >= 8;
+let isCompatableHttp2 = Number(process.version.slice(1).split('.')[0]) >= 8;
 let contextURL = disableContextURL ? '' : `/${context}`;
 let serverUrl = (0, _utils.getServerURL)(server, 'htt' + 'ps');
 const {
-  cssSelectorZipPath
-} = options.impactService;
-const zipname = cssSelectorZipPath ? _path.default.parse(cssSelectorZipPath).name : null;
-
-let outputFolderLocation = _path.default.join(process.cwd(), outputFolder);
-
-function execSyncDefalut(command) {
-  console.log(' command running ==>', command);
-  return (0, _child_process.execSync)(command, {
-    stdio: 'inherit'
-  });
-}
-
-let appPath = process.cwd();
-const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
-const isQuiet = 'q';
-let 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) {
-  return _getCliPath(libName) + suffixExt;
-}
-
-let webpack = 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...');
-let startTime = Date.now(); // let result = spawnSync(
-//   webpack,
-//   ['--config', require.resolve('../configs/webpack.dev.config.js')].concat(
-//     args
-//   ),
-//   { stdio: 'inherit' }
-// );
-
-let result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
-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');
-  let 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);
-  }
-}
-
+  zipname,
+  cssSelectorZipPath,
+  outputFolderLocation
+} = (0, _devBuild.getPaths)();
 const app = (0, _express.default)();
 
 if (hasMock) {
@@ -271,5 +197,4 @@ app.listen(httpPort, err => {
     domain,
     port: httpPort
   }, 'ht' + 'tp')}${contextURL}/`);
-});
-console.log(`compailation done in ${Date.now() - startTime}ms`);
+});

package/lib/servers/server.js

@@ -69,7 +69,8 @@ if (mode === 'prod') {
   config = require('../configs/webpack.dev.config');
 } else {
   throw new Error('You must configure valid option in mode');
-}
+} // console.log({ contextURL });
+
 
 let compiler = (0, _webpack.default)(config);
 let webpackServerOptions = {
@@ -99,9 +100,16 @@ app.use((0, _HMRMiddleware.default)(compiler, {
   path: '/sockjs-node/info'
 }));
 app.use((req, res, next) => {
-  res.setHeader('Access-Control-Allow-Origin', '*');
+  //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);
   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'));
 });
@@ -137,15 +145,22 @@ app.post('/wmsmockapi', (req, res) => {
   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, _express.default.static(context));
   app.use(`${contextURL}/*`, (req, res) => {
-    let indexHtml = webpackCompilation.assets['index.html'];
-    res.send(indexHtml && indexHtml.source());
+    res.send(initalHTML);
   });
 } else {
   app.use(_express.default.static(context));
@@ -197,6 +212,6 @@ app.listen(httpPort, err => {
   (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
     host,
     domain,
-    port: httpPort
+    port: port
   }, 'ht' + 'tp')}${contextURL}/`);
 });

package/lib/utils/repoClone.js

@@ -28,6 +28,7 @@ let {
     branch,
     revision,
     projectName,
+    shallowClone,
     cacheDir,
     remoteName,
     shouldDelete
@@ -73,9 +74,11 @@ let cloneRepo = () => {
     }
   }
 
-  (0, _index.log)(`Going to clone ${url} repo to ${cacheDir} path`); // this is for some time error will because of hg or git so we addid error log for this 
+  (0, _index.log)(`Going to clone ${url} repo to ${cacheDir} path`); // this is for some time error will because of hg or git so we addid error log for this
 
-  spawnSyncWithErrorLog(type, ['clone', url, revisionOrBranch, projectName], {
+  let oargs = ['clone', url, revisionOrBranch, projectName];
+  type === 'git' && shallowClone && oargs.push('--depth=1');
+  spawnSyncWithErrorLog(type, oargs, {
     cwd: cacheDir,
     stdio: 'inherit'
   });