style: 💄 improve question formatting

lib/LimitedInput.js

@@ -28,8 +28,8 @@ util.inherits(LimitedInput, inquirer.prompt.prompts.input);
 
 LimitedInput.prototype.updateMessage = function () {
   this.opt.message = `${this.originalMessage}
-[${this.spacer}] ${this.remainingChar()} remaining chars
-${this.leadingLabel}`;
+  [${this.spacer}] ${this.remainingChar()} remaining chars
+  ${this.leadingLabel}`;
 };
 
 LimitedInput.prototype.remainingChar = function () {

lib/defaults.js

@@ -35,7 +35,7 @@ const types = {
     value: 'refactor'
   },
   style: {
-    description: 'Markup-only changes (white-space, formatting, missing semi-colons, etc)',
+    description: 'Markup, white-space, formatting, missing semi-colons...',
     emoji: '💄',
     value: 'style'
   },
@@ -74,5 +74,6 @@ module.exports = {
   list,
   maxMessageLength: 50,
   minMessageLength: 3,
+  scopes,
   types
 };

lib/questions.js

@@ -1,19 +1,10 @@
-const pad = require('pad-right');
-
-const typeToListItem = ({description, emoji, value}) => ({
-  name: (emoji || '❔') + '  ' + pad(value + ':', 12, ' ') + description,
-  value
-});
+/* eslint-disable global-require */
+const chalk = require('chalk');
 
 const createQuestions = (config) => {
   const MIN_SUBJECT_LENGTH_ERROR_MESSAGE = `The subject must have at least ${config.minMessageLength} characters`;
   const questions = [
-    {
-      choices: config.list.map((type) => typeToListItem(config.types[type])),
-      message: 'Select the type of change that you\'re committing:',
-      name: 'type',
-      type: 'list'
-    },
+    require('./steps/type').createQuestion({}, config),
     {
       filter: (input) => {
         let subject;
@@ -35,20 +26,16 @@ const createQuestions = (config) => {
       validate: (input) => input.length >= config.minMessageLength || MIN_SUBJECT_LENGTH_ERROR_MESSAGE
     },
     {
-      message: 'Provide a longer description of the change:\n',
+      message: 'Provide a longer description of the change:\n ',
       name: 'body',
       type: 'input'
     },
     {
-      message: 'List any breaking changes:\n BREAKING CHANGE:',
+      message: `List any breaking changes:\n  ${chalk.red('BREAKING CHANGE')}:`,
       name: 'breaking',
       type: 'input'
     },
-    {
-      message: 'Reference any task that this commit closes:\n Issues:',
-      name: 'footer',
-      type: 'input'
-    }
+    require('./steps/issues').createQuestion()
   ];
 
   return questions;

lib/steps/issues.js

@@ -0,0 +1,5 @@
+exports.createQuestion = () => ({
+  message: 'Issues this commit closes:',
+  name: 'issues',
+  type: 'input'
+});

lib/steps/type.js

@@ -0,0 +1,17 @@
+const pad = require('pad-right');
+
+const typeToListItem = ({description, emoji, value}) => ({
+  name: (emoji || '❔') + '  ' + pad(value + ':', 12, ' ') + description,
+  value
+});
+
+exports.createQuestion = (state, config) => {
+  const question = {
+    choices: config.list.map((type) => typeToListItem(config.types[type])),
+    message: 'Select the type of change that you\'re committing:\n',
+    name: 'type',
+    type: 'list'
+  };
+
+  return question;
+};

package.json

@@ -19,7 +19,8 @@
     "word-wrap": "^1.2.3",
     "pad-right": "^0.2.2",
     "signale": "^1.1.0",
-    "minimist": "^1.2.0"
+    "minimist": "^1.2.0",
+    "chalk": "^2.4.1"
   },
   "devDependencies": {
     "commitizen": "^2.9.6",