@zohodesk/react-cli 0.0.1-beta.165 → 0.0.1-beta.168

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

@@ -8,12 +8,19 @@ var _pluginUtils = require("../pluginUtils");
 
 var _loaderUtils = require("../loaderUtils");
 
+var _libAlias = require("./libAlias");
+
+var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let options = (0, _utils.getOptions)();
 let {
+  unstableDepsInverse,
   docs: {
     componentFolder,
+    disableES5Transpile,
+    enableChunkHash,
     cssUniqueness,
     hasRTL,
     rtlExclude,
@@ -25,72 +32,61 @@ let {
   }
 } = options;
 let appPath = process.cwd();
+const nameTemplate = (0, _configsAssetsLoaders.createNameTemplate)(enableChunkHash);
 
 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/
     }, {
       test: /(\.module)?\.css$/,
       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]"]
-    }, {
-      test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ["url-loader?limit=1000&name=./fonts/[name].[ext]"]
-    }, {
-      test: /\.svg$/,
-      use: ["url-loader?limit=1&name=./fonts/[name].[ext]"]
-    }, {
+    }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       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]"]
     }, {
       test: /\.tmpl$/,
       use: [{
-        loader: "html-loader",
+        loader: 'html-loader',
         options: {
           minimize: {
             removeComments: true,
@@ -104,12 +100,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.impact.config.js

@@ -8,6 +8,8 @@ var _loaderUtils = require("../loaderUtils");
 
 var _getLibraryImactPlugins = _interopRequireDefault(require("../pluginUtils/getLibraryImactPlugins"));
 
+var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let options = (0, _utils.getOptions)();
@@ -18,6 +20,7 @@ let {
     hasRTL,
     rtlExclude,
     cssHashSelectors,
+    enableChunkHash,
     classNamePrefix
   },
   app: {
@@ -25,6 +28,7 @@ let {
   }
 } = options;
 let appPath = process.cwd();
+const nameTemplate = (0, _configsAssetsLoaders.createNameTemplate)(enableChunkHash);
 module.exports = {
   entry: {
     main: [_path.default.resolve(__dirname, '..', 'hooks', 'docsProptypeHook.js'), _path.default.join(appPath, componentFolder, 'index.js')],
@@ -65,16 +69,7 @@ module.exports = {
     }, {
       test: /(\.module)?\.css$/,
       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]']
-    }, {
-      test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
-    }, {
-      test: /\.svg$/,
-      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
-    }, {
+    }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       test: /\.html$/,
       use: {
         loader: 'html-loader',
@@ -83,9 +78,6 @@ module.exports = {
           interpolate: 'require'
         }
       }
-    }, {
-      test: /\.ogg$/,
-      use: ['file-loader?name=./fonts/[name].[ext]']
     }, {
       test: /\.tmpl$/,
       use: [{

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/configsAssetsLoaders.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configAudioLoader = configAudioLoader;
+exports.configFontLoader = configFontLoader;
+exports.configImageLoader = configImageLoader;
+exports.configSVGLoader = configSVGLoader;
+exports.createNameTemplate = createNameTemplate;
+// function getLoaderOptionQueryString(params) {
+const ImageExtRegex = /\.jpe?g$|\.gif$|\.png$/;
+const FontExtRegex = /\.woff2|\.woff$|\.ttf$|\.eot$/;
+const SVGExtRegex = /\.svg$/;
+const AudioExtRegex = /\.ogg$/;
+
+function createLoaderOptionQueryString(loaderName, nameTemplate, limit = 1000) {
+  return `${loaderName}?limit=${limit}&name=${nameTemplate}`;
+}
+
+function configImageLoader(nameTemplate) {
+  return {
+    test: ImageExtRegex,
+    use: createLoaderOptionQueryString('url-loader', `./images/${nameTemplate}`)
+  };
+}
+
+function configFontLoader(nameTemplate) {
+  return {
+    test: FontExtRegex,
+    use: createLoaderOptionQueryString('url-loader', `./fonts/${nameTemplate}`)
+  };
+}
+
+function configSVGLoader(nameTemplate) {
+  return {
+    test: SVGExtRegex,
+    use: createLoaderOptionQueryString('url-loader', `./fonts/${nameTemplate}`, 1)
+  };
+}
+
+function configAudioLoader(nameTemplate) {
+  return {
+    test: AudioExtRegex,
+    use: createLoaderOptionQueryString('file-loader', `./fonts/${nameTemplate}`, 1)
+  };
+}
+
+function createNameTemplate(enableChunkHash) {
+  const ext = `${enableChunkHash ? '.[hash:20]' : ''}.[ext]`;
+  return `[name]${ext}`;
+}
+/*
+export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
+  const nameTemplate = createNameTemplate(enableChunkHash);
+  return [
+    configImageLoader(nameTemplate),
+    configFontLoader(nameTemplate),
+    configSVGLoader(nameTemplate),
+    configAudioLoader(nameTemplate)
+  ];
+}
+*/
+
+/*
+export function createLoaderOptionObject(
+  loaderName,
+  nameTemplate,
+  fallback,
+  limit = 1000
+) {
+  return {
+    loader: loaderName,
+    options: {
+      limit,
+      name: nameTemplate,
+      fallback
+    }
+  };
+}
+
+function configLoaderObject(filter, loaderAndOptions) {
+  return {
+    test: filter,
+    use: loaderAndOptions
+  };
+}
+*/

package/lib/loaderUtils/getCSSLoaders.js

@@ -39,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')
   }, {
@@ -54,23 +66,12 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
     options: {
       devCssFileBountry
     }
-  }, hasRTL || selectorReplace || valueReplacer ? {
+  }, postcssPlugins.length > 0 ? {
     loader: 'postcss-loader',
     options: {
       ident: 'postcss',
       plugins: function () {
-        return [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 postcssPlugins;
       }
     }
   } : null].filter(Boolean);

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'
@@ -60,7 +65,10 @@ var _default = {
     dirVarName: 'document.dir'
   },
   efc: {
-    hasEFC: false,
+    hasEFC: {
+      value: false,
+      cli: 'enable_efc'
+    },
     createSDkFile: false,
     nameScope: 'ZOHODESK',
     version: 'default',
@@ -148,7 +156,10 @@ var _default = {
     disableES5Transpile: false,
     isReactMig: false,
     hasWidget: false,
-    hasEFC: false,
+    hasEFC: {
+      value: false,
+      cli: 'enable_efc'
+    },
     enableChunkHash: {
       value: false,
       cli: 'hash_enable'
@@ -256,7 +267,9 @@ var _default = {
       value: true,
       cli: 'css_unique'
     },
+    enableChunkHash: false,
     folder: 'src',
+    disableES5Transpile: false,
     hasRTL: false,
     rtlExclude: [],
     cssHashSelectors: {
@@ -553,6 +566,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`);
+});