@zohodesk/react-cli 1.1.8 → 1.1.10

package/lib/utils/deprecationSupport.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deprecationSupport = deprecationSupport;
+
+var _path = _interopRequireDefault(require("path"));
+
+var deprecationHandlers = _interopRequireWildcard(require("../deprecationLogger"));
+
+var _windowsModification = require("../loaderUtils/windowsModification");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let {
+  deprecateMessage,
+  deprecateOption,
+  deprecationLoggerEnd
+} = deprecationHandlers;
+
+function modifyCssArr(arr) {
+  return arr.map(x => {
+    const includeCss = !x.startsWith('!');
+    const modifier = includeCss ? '/*.css' : '';
+    const filePath = x.replace(/^!/, ''); // Remove the "!" symbol if present
+
+    return (0, _windowsModification.windowsModificationFile)(_path.default.join(includeCss ? '**' : '!**', filePath, '**', modifier));
+  });
+}
+
+const defaultPostCssPluginOptions = {
+  valueReplacer: null,
+  hasRTL: false,
+  selectorReplace: null,
+  hoverActive: false,
+  combinerMediaQuery: false,
+  cssVariableReplacement: false,
+  selectorWeight: false,
+  minifier: false,
+  composeMinification: false
+};
+
+function deprecationSupport(options, disableDeprecationWarning) {
+  if (disableDeprecationWarning) {
+    /* eslint-disable no-empty-function */
+    deprecateMessage = () => {};
+
+    deprecateOption = () => {};
+
+    deprecationLoggerEnd = () => {};
+    /* eslint-enable no-empty-function */
+
+  }
+
+  options.app.plugins = options.app.plugins || defaultPostCssPluginOptions;
+  options.docs.plugins = options.docs.plugins || defaultPostCssPluginOptions;
+  options.css.plugins = options.css.plugins || defaultPostCssPluginOptions; // if (selectn(options, ".app.hasRTL") === true) {
+
+  if (options.app.hasRTL === true) {
+    deprecateOption('app.hasRTL', 'app.plugins.hasRTL');
+    options.app.plugins.hasRTL = true;
+  }
+
+  if (options.docs.hasRTL === true) {
+    deprecateOption('docs.hasRTL', 'docs.plugins.hasRTL');
+    options.docs.plugins.hasRTL = true;
+  }
+
+  if (options.app.selectorReplace !== null && options.app.plugins && (options.app.plugins.selectorReplace === null || options.app.plugins.selectorReplace === undefined)) {
+    deprecateMessage('when you use app.selectorReplace mention enable or disable app.plugins.selectorReplace by setting value to true or false');
+    options.app.plugins.selectorReplace = true;
+  }
+
+  if (options.docs.selectorReplace !== null && options.docs.plugins && (options.docs.plugins.selectorReplace === null || options.docs.plugins.selectorReplace === undefined)) {
+    deprecateMessage('when you use docs.selectorReplace mention enable or disable docs.plugins.selectorReplace by setting value to true or false');
+    options.docs.plugins.selectorReplace = true;
+  }
+
+  if (options.css.valueReplacer !== null && options.css.plugins && (options.app.plugins.valueReplacer === null || options.app.plugins.valueReplacer === undefined)) {
+    deprecateMessage('when you use app.valueReplacer mention enable or disable app.plugins.valueReplacer by setting value to true or false');
+    options.app.plugins.valueReplacer = true;
+  }
+
+  if (!options.app.patterns) {
+    options.app.patterns = {};
+  }
+
+  function handleRTL(rtlExclude, rtl, hasRTL, type) {
+    if (rtlExclude && rtlExclude.length > 0) {
+      options[type].patterns.hasRTL = modifyCssArr(rtlExclude);
+      deprecateOption(`${type}.rtlExclude`, `${type}.patterns.hasRTL`);
+    }
+
+    if (rtl && rtl.length > 0) {
+      options[type].patterns.hasRTL = modifyCssArr(rtl);
+      deprecateOption(`${type}.exclude.rtl`, `${type}.patterns.hasRTL`);
+    }
+
+    if (hasRTL && hasRTL.length > 0) {
+      options[type].patterns.hasRTL = modifyCssArr(hasRTL);
+      deprecateOption(`${type}.exclude.hasRTL`, `${type}.patterns.hasRTL`);
+    }
+  }
+
+  function addExcludesToPattern(patterns, exclude, type) {
+    Object.keys(defaultPostCssPluginOptions).forEach(key => {
+      if (!exclude[key] || exclude[key].length === 0) {
+        return;
+      }
+
+      if (patterns[key].length === 0) {
+        deprecateOption(`${type}.exclude.${key}`, `${type}.patterns.${key}`);
+        let tempArr = exclude[key];
+        tempArr = tempArr.map(x => _path.default.join('!**', x, '**')); // Since patterns[key] is empty we need to wildcard for allow all others.
+
+        tempArr.unshift('*');
+        patterns[key] = tempArr;
+      } else if (exclude[key].length > 0 && patterns[key].length > 0) {
+        deprecateOption(`${type}.exclude.${key}`, `${type}.patterns.${key}`, ` And Since you have used ${type}.patterns.${key} we won't use ${type}.exclude.${key}. So please make appropriate changes`);
+      }
+    });
+  }
+
+  handleRTL(options.app.rtlExclude, options.app.exclude.rtl, options.app.exclude.hasRTL, 'app');
+  handleRTL(options.docs.rtlExclude, options.docs.exclude.rtl, options.docs.exclude.hasRTL, 'docs');
+  addExcludesToPattern(options.app.patterns, options.app.exclude, 'app');
+  addExcludesToPattern(options.docs.patterns, options.docs.exclude, 'docs');
+  deprecationLoggerEnd();
+}

package/lib/utils/getOptions.js

@@ -7,14 +7,20 @@ exports.default = void 0;
 
 var _child_process = require("child_process");
 
-var _fs = _interopRequireDefault(require("fs"));
+var _fs = _interopRequireWildcard(require("fs"));
 
 var _path = _interopRequireDefault(require("path"));
 
 var _schemas = _interopRequireDefault(require("../schemas"));
 
+var _deprecationSupport = require("./deprecationSupport");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 // import { argv } from 'process';
 const args = process.argv.slice(2); // console.log('argv', argv);
 
@@ -122,105 +128,39 @@ const defaulter = (target, source) => {
   return defaultObject;
 };
 
-global.reactCLIOptions = null; // function selectn(obj, key) {
-//   let temp = obj;
-//   let keys = key.split('.');
-//   for (let i = 0; i < keys.length; i++) {
-//     const element = keys[i];
-//     temp = temp && temp[element];
-//   }
-//   return temp;
-// }
-
-function deprecationSupport(options) {
-  // if (selectn(options, ".app.hasRTL") === true) {
-  if (options.app.hasRTL === true) {
-    options.app.plugins.hasRTL = true;
-  }
-
-  if (options.docs.hasRTL === true) {
-    options.docs.plugins.hasRTL = true;
-  }
-
-  if (options.app.rtlExclude.length > 0) {
-    options.app.exclude.rtl = options.app.rtlExclude;
-  }
+global.reactCLIOptions = null;
 
-  if (options.docs.rtlExclude.length > 0) {
-    options.docs.exclude.rtl = options.docs.rtlExclude;
-  }
+const getOptionsFromConfigFile = (appPath, configFileName) => {
+  const fileName = configFileName || 'build.config.js';
 
-  if (options.app.selectorReplace !== null) {
-    options.app.plugins.selectorReplace = true;
-  }
+  const packagePath = _path.default.join(appPath, fileName);
 
-  if (options.docs.selectorReplace !== null) {
-    options.docs.plugins.selectorReplace = true;
+  if ((0, _fs.existsSync)(packagePath)) {
+    return require(packagePath).config;
   }
 
-  if (options.css.valueReplacer !== null) {
-    options.app.plugins.valueReplacer = true;
-  }
-
-  options.app.exclude.hasRTL = options.app.exclude.rtl;
-
-  if (!options.app.patterns) {
-    options.app.patterns = {};
-  }
-
-  if (options.app.patterns.valueReplacer.length === 0) {
-    options.app.patterns.valueReplacer = ['*'];
-  }
-
-  if (options.app.patterns.selectorReplace.length === 0) {
-    options.app.patterns.selectorReplace = ['*'];
-  }
-
-  if (options.docs.patterns.selectorReplace.length === 0) {
-    options.docs.patterns.selectorReplace = ['*'];
-  }
-
-  Object.keys(options.app.patterns).forEach(key => {
-    if (options.app.exclude[key] && options.app.patterns[key].length === 0) {
-      let tempArr = options.app.exclude[key];
-      tempArr = tempArr.map(x => {
-        x = x.replace(/\//gi, _path.default.sep);
-        return `!**${x[0] === _path.default.sep || x[0] === '@' ? '' : _path.default.sep}${x}${x[x.length - 1] === _path.default.sep ? '' : _path.default.sep}**`;
-      });
-      options.app.patterns[key] = tempArr;
-    }
-  });
-  Object.keys(options.docs.patterns).forEach(key => {
-    if (options.docs.exclude[key] && options.docs.patterns[key].length === 0) {
-      let tempArr = options.docs.exclude[key];
-      tempArr = tempArr.map(x => {
-        x = x.replace(/\//gi, _path.default.sep);
-        return `!**${x[0] === _path.default.sep || x[0] === '@' ? '' : _path.default.sep}${x}${x[x.length - 1] === _path.default.sep ? '' : _path.default.sep}**`;
-      });
-      options.docs.patterns[key] = tempArr;
-    }
-  });
-}
+  return null;
+};
 
-const getOptions = () => {
+const getOptions = fromRoot => {
   if (global.reactCLIOptions) {
     return global.reactCLIOptions;
   }
 
   const appPath = process.cwd();
-  let userSchemas;
+  let userSchemas = getOptionsFromConfigFile(appPath, processEnv.config_file);
 
   const packagePath = _path.default.join(appPath, 'package.json');
 
   if (_fs.default.existsSync(packagePath)) {
-    userSchemas = require(packagePath)['react-cli'] || {};
+    userSchemas = userSchemas || require(packagePath)['react-cli'] || {};
   }
 
   const options = defaulter(_schemas.default, userSchemas || {}); // for future may be for npm 8 edge cases
 
   options.npmVersion = getNpmVersion();
   options.cwd = getCWD();
-  deprecationSupport(options);
+  (0, _deprecationSupport.deprecationSupport)(options, options.disableDeprecationWarning || !fromRoot);
   options.packageVersion = process.env.npm_package_version;
   global.reactCLIOptions = options;
   return options;

package/lib/utils/index.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  log: true,
   writeFile: true,
   makeDir: true,
   getInfoFromPublicPaths: true,
   getLibraryConflict: true,
+  log: true,
   getOptions: true,
   createEventStream: true,
   getServerURL: true,
@@ -64,7 +64,13 @@ Object.defineProperty(exports, "jsonHelper", {
     return _jsonHelper.default;
   }
 });
-exports.makeDir = exports.log = void 0;
+Object.defineProperty(exports, "log", {
+  enumerable: true,
+  get: function () {
+    return _log.log;
+  }
+});
+exports.makeDir = void 0;
 Object.defineProperty(exports, "pullOrigin", {
   enumerable: true,
   get: function () {
@@ -95,6 +101,8 @@ var _stream = require("stream");
 
 var _fs = _interopRequireDefault(require("fs"));
 
+var _log = require("./log");
+
 var _getOptions = _interopRequireDefault(require("./getOptions"));
 
 var _createEventStream = _interopRequireDefault(require("./createEventStream"));
@@ -161,13 +169,7 @@ var _ssTestHack = _interopRequireDefault(require("./ssTestHack"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let log = (...info) => {
-  let print = console;
-  print.log(...info);
-};
-
-exports.log = log;
-
+// eslint-disable-next-line no-duplicate-imports
 let writeFile = (outputPath, src, isPath = false) => new Promise((resolve, reject) => {
   let inStr;
 
@@ -314,9 +316,9 @@ let getLibraryConflict = (moduleObject, impactObj, changesOnly) => {
     whichLibrary = "No component file changes!";
   }
 
-  log('\n');
-  log('You can see the HTML out at coverageTest/impactLibrary.html!');
-  log('\x1b[33m%s\x1b[0m', '************************************************************ \n ');
+  (0, _log.log)('\n');
+  (0, _log.log)('You can see the HTML out at coverageTest/impactLibrary.html!');
+  (0, _log.log)('\x1b[33m%s\x1b[0m', '************************************************************ \n ');
   return {
     response: allImpactArray,
     result: {

package/lib/utils/initPreCommitHook.js

@@ -11,7 +11,7 @@ var _path = _interopRequireDefault(require("path"));
 
 var _child_process = require("child_process");
 
-var _index = require("./index");
+var _log = require("./log");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -38,7 +38,7 @@ let copyEslintConfig = rootDir => {
 
     _fs.default.writeFileSync(targetPath, src);
 
-    (0, _index.log)('Eslint config added in project root path');
+    (0, _log.log)('Eslint config added in project root path');
   }
 };
 
@@ -58,7 +58,7 @@ let initPreCommitHook = (forReactCLI = false) => {
 
       _fs.default.writeFileSync(targetPath, precommit);
 
-      (0, _index.log)('pre-commit hook added');
+      (0, _log.log)('pre-commit hook added');
     }
 
     let packagePath = _path.default.join(process.cwd(), 'package.json');
@@ -71,10 +71,10 @@ let initPreCommitHook = (forReactCLI = false) => {
 
         _fs.default.writeFileSync(packagePath, JSON.stringify(packageJson, null, 2));
 
-        (0, _index.log)('lint script added in your package.json');
+        (0, _log.log)('lint script added in your package.json');
       }
     } catch (e) {
-      (0, _index.log)('package.json not found');
+      (0, _log.log)('package.json not found');
     }
   }
 };

package/lib/utils/log.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.log = log;
+
+function log(...info) {
+  let print = console;
+  print.log(...info);
+}

package/lib/utils/pullOrigin.js

@@ -7,20 +7,20 @@ exports.default = void 0;
 
 var _child_process = require("child_process");
 
-var _utils = require("../utils");
+var _log = require("./log");
 
 var _default = (type = 'git', branchName) => new Promise(resolve => {
   if (type === 'git') {
     (0, _child_process.spawnSync)('git', ['pull', 'origin', branchName], {
       encoding: 'utf8'
     });
-    (0, _utils.log)(branchName, 'Branch Pulled!');
+    (0, _log.log)(branchName, 'Branch Pulled!');
     resolve();
   } else if (type === 'hg') {
     (0, _child_process.spawnSync)('hg', ['pull'], {
       encoding: 'utf8'
     });
-    (0, _utils.log)(branchName, 'Branch Pulled!');
+    (0, _log.log)(branchName, 'Branch Pulled!');
     resolve();
   }
 });

package/lib/utils/reinstallDependencies.js

@@ -13,7 +13,7 @@ var _child_process = require("child_process");
 
 var _gitRootDir = _interopRequireDefault(require("git-root-dir"));
 
-var _index = require("./index");
+var _log = require("./log");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -80,7 +80,7 @@ let reinstallDependencies1 = pathToSubProjects => {
       let diffs = packageDiffChecker(prePackageJson, currentPackageJson);
 
       if (Object.keys(diffs).length) {
-        (0, _index.log)(diffs, `package diffs between branches for ${project} project`);
+        (0, _log.log)(diffs, `package diffs between branches for ${project} project`);
         (0, _child_process.spawnSync)('rm', ['-rf', 'package-lock.json'], {
           cwd: projPath,
           stdio: 'inherit'
@@ -93,7 +93,7 @@ let reinstallDependencies1 = pathToSubProjects => {
           dummy.push(`${name}@${version}`);
         }
 
-        (0, _index.log)(`npm ${['install'].concat(dummy).join(' ')}`);
+        (0, _log.log)(`npm ${['install'].concat(dummy).join(' ')}`);
         (0, _child_process.spawnSync)('npm', ['install'].concat(dummy), {
           cwd: projPath,
           stdio: 'inherit'

package/lib/utils/switchBranch.js

@@ -9,13 +9,15 @@ var _child_process = require("child_process");
 
 var _utils = require("../utils");
 
+var _log = require("./log");
+
 var _default = (type = 'git', branchName) => new Promise(resolve => {
   if (type === 'git') {
-    (0, _utils.log)((0, _utils.getCurrentBranch)(type, process.cwd()), 'Before the branch switch');
+    (0, _log.log)((0, _utils.getCurrentBranch)(type, process.cwd()), 'Before the branch switch');
     (0, _child_process.spawnSync)('git', ['checkout', branchName, '--force'], {
       encoding: 'utf8'
     });
-    (0, _utils.log)((0, _utils.getCurrentBranch)(type, process.cwd()), 'After the branch switch');
+    (0, _log.log)((0, _utils.getCurrentBranch)(type, process.cwd()), 'After the branch switch');
     (0, _utils.pullOrigin)(type, branchName).then(resolve);
   } else if (type === 'hg') {
     (0, _child_process.spawnSync)('hg', ['update', branchName], {

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.6",
+  "version": "1.1.10",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@zohodesk/react-cli",
-      "version": "1.1.6",
+      "version": "1.1.10",
       "license": "ISC",
       "dependencies": {
         "@babel/cli": "7.10.5",
@@ -57,6 +57,7 @@
         "jsdom": "16.4.0",
         "loader-utils": "2.0.0",
         "lodash-webpack-plugin": "0.11.5",
+        "markdown-it": "13.0.1",
         "mini-css-extract-plugin": "0.10.0",
         "nock": "13.2.9",
         "nodemailer": "6.4.11",
@@ -12144,6 +12145,14 @@
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
+    "node_modules/linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
     "node_modules/load-json-file": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
@@ -12342,6 +12351,37 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/markdown-it": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.1.tgz",
+      "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
+    "node_modules/markdown-it/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
+    "node_modules/markdown-it/node_modules/entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -12352,6 +12392,11 @@
         "safe-buffer": "^5.1.2"
       }
     },
+    "node_modules/mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -17169,6 +17214,11 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
     "node_modules/uglify-js": {
       "version": "3.17.3",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.3.tgz",
@@ -28076,6 +28126,14 @@
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
+    "linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
     "load-json-file": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
@@ -28234,6 +28292,30 @@
         "object-visit": "^1.0.0"
       }
     },
+    "markdown-it": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.1.tgz",
+      "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
+      "requires": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+        },
+        "entities": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+          "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q=="
+        }
+      }
+    },
     "md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -28244,6 +28326,11 @@
         "safe-buffer": "^5.1.2"
       }
     },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -32025,6 +32112,11 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
     "uglify-js": {
       "version": "3.17.3",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.3.tgz",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -80,7 +80,7 @@
     "jsdom": "16.4.0",
     "loader-utils": "2.0.0",
     "lodash-webpack-plugin": "0.11.5",
-    "markdown-it": "^13.0.1",
+    "markdown-it": "13.0.1",
     "mini-css-extract-plugin": "0.10.0",
     "nock": "13.2.9",
     "nodemailer": "6.4.11",

package/templates/docs/css/markdown.css

@@ -5,7 +5,7 @@
 
 .markDown {
   line-height: 1.6;
-  margin: 20px;
+  /* margin: 20px; */
   color: #333;
   font-size: 16px;
 }