@zohodesk/react-cli 0.0.1-exp.164.2 → 0.0.1-exp.168.1

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

@@ -12,10 +12,13 @@ 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,
   app: {
     folder,
     context,
@@ -26,6 +29,8 @@ let {
     cssUniqueness,
     seperateCssModules,
     changeRuntimeChunkChar,
+    // we are going to use this for fonts file name collide in issue in devmode
+    enableChunkHash,
     cssHashSelectors,
     classNamePrefix,
     selectorReplace,
@@ -48,6 +53,7 @@ let output = {
   publicPath: `${[serverUrl, contextURL].filter(a => a).join('/')}/`,
   jsonpFunction: `${context}Jsonp`
 };
+const nameTemplate = (0, _configsAssetsLoaders.createNameTemplate)(enableChunkHash);
 
 if (crossorigin) {
   output.crossOriginLoading = 'anonymous';
@@ -96,19 +102,7 @@ module.exports = {
     } : null, {
       test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
       use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, null, cssUniqueness, selectorReplace, 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]']
-    }, {
-      test: /\.ogg$/,
-      use: ['file-loader?name=./fonts/[name].[ext]']
-    }, {
+    }, (0, _configsAssetsLoaders.configImageLoader)(nameTemplate), (0, _configsAssetsLoaders.configFontLoader)(nameTemplate), (0, _configsAssetsLoaders.configSVGLoader)(nameTemplate), (0, _configsAssetsLoaders.configAudioLoader)(nameTemplate), {
       test: /\.tmpl$/,
       use: [{
         loader: 'html-loader',
@@ -131,10 +125,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/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

@@ -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,16 +49,33 @@ 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',
+    outputFile: {
+      value: 'efc-sdk-[version].js',
+      cli: 'efc_output_file'
+    },
     templateFilePath: '',
     localeAttr: 'data-efc-locale',
     localeDefaultValue: 'en_US',
@@ -137,7 +159,10 @@ var _default = {
     disableES5Transpile: false,
     isReactMig: false,
     hasWidget: false,
-    hasEFC: false,
+    hasEFC: {
+      value: false,
+      cli: 'enable_efc'
+    },
     enableChunkHash: {
       value: false,
       cli: 'hash_enable'
@@ -245,7 +270,9 @@ var _default = {
       value: true,
       cli: 'css_unique'
     },
+    enableChunkHash: false,
     folder: 'src',
+    disableES5Transpile: false,
     hasRTL: false,
     rtlExclude: [],
     cssHashSelectors: {
@@ -542,6 +569,10 @@ var _default = {
       value: null,
       cli: 'clone_revision'
     },
+    shallowClone: {
+      value: false,
+      cli: 'shallow_clone'
+    },
     projectName: {
       value: null,
       cli: 'clone_proj_name'

package/lib/servers/{devBulid.js → devBuild.js}

@@ -18,6 +18,9 @@ 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: {
@@ -61,8 +64,9 @@ const startTime = Date.now(); // const result = spawnSync(
 //   ),
 //   { stdio: 'inherit' }
 // );
+// --disable_watch=true
 
-const result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
+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) {
@@ -83,8 +87,8 @@ if (zipname) {
   } 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 
+} // 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`);

package/lib/servers/getCliPath.js

@@ -9,16 +9,22 @@ var _path = _interopRequireDefault(require("path"));
 
 var _os = require("os");
 
+var _fs = require("fs");
+
 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 _getCliPath = !isNodeModuleUnderAppFolder ? libName => {
+  const cliPath = _path.default.join(__dirname, '..', '..', 'node_modules', '.bin', libName);
+
+  return (0, _fs.existsSync)(cliPath) ? cliPath : libName;
+} : libName => libName;
 
 const suffixExt = isWindows ? '.cmd' : '';
 
 function getCliPath(libName) {
-  return _getCliPath(libName) + suffixExt;
+  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

@@ -14,7 +14,7 @@ var _utils = require("../utils");
 
 var _httpsOptions = require("./httpsOptions");
 
-var _devBulid = require("./devBulid");
+var _devBuild = require("./devBuild");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -42,7 +42,7 @@ const {
   zipname,
   cssSelectorZipPath,
   outputFolderLocation
-} = (0, _devBulid.getPaths)();
+} = (0, _devBuild.getPaths)();
 const app = (0, _express.default)();
 
 if (hasMock) {