Prompt which generator is experimental

- mark addons info as experimental
- mark custom-blocks generator as experimental

Author: DrSensor

README.md

@@ -1,8 +1,8 @@
-# vue-authoring-template (Work In Progress)
-[![CircleCI](https://circleci.com/gh/DrSensor/vue-authoring-template.svg?style=shield)](https://circleci.com/gh/DrSensor/vue-authoring-template)
+# vue-authoring-template
+<!-- [![CircleCI](https://circleci.com/gh/DrSensor/vue-authoring-template.svg?style=shield)](https://circleci.com/gh/DrSensor/vue-authoring-template) -->
 [![donate](https://img.shields.io/badge/donate-$-green.svg?maxAge=2592000&style=flat-square)](https://github.com/DrSensor/vue-authoring-template/blob/master/DONATE.md)
 
-This template is to help authoring Vue component with it's use case.
+This template is to help authoring Vue component with it's use case in story-scenario (storybook) format.
 
 ## Motivation
 There is a time when developer involved in a project then build component to solve specific problem 😎.

meta.js

@@ -3,7 +3,6 @@ const fs = require('fs')
 const {
   sortDependencies,
   installDependencies,
-  runLintFix,
   toPascalCase,
   printMessage
 } = require('./utils')
@@ -52,7 +51,11 @@ module.exports = {
       choices: [
         'knobs',
         'notes',
-        'info',
+        {
+          name: 'info (experimental)',
+          value: 'info',
+          short: 'info'
+        },
         'readme',
         'console'
       ],
@@ -64,8 +67,9 @@ module.exports = {
     },
     customBlocks: {
       type: 'confirm',
-      // when: 'addons',
-      message: 'Enable custom-blocks?'
+      when: 'addons.notes || addons.info || addons.readme',
+      message: 'Enable custom-blocks? (experimental)',
+      default: false
     },
     useci: {
       type: 'confirm',
@@ -95,7 +99,8 @@ module.exports = {
     },
     alphabetical: {
       type: 'confirm',
-      message: 'Sort story and scenario in alphabetical order?'
+      message: 'Sort story and scenario in alphabetical order?',
+      default: false
     },
     autoInstall: {
       type: 'list',
@@ -122,10 +127,10 @@ module.exports = {
   },
   filters: {
     '.circleci/*': 'useci',
+    'FOOTER.md': 'addons.readme',
     '.loader/docs-loader.js': 'addons.readme && customBlocks',
     '.loader/info-loader.js': 'addons.info && customBlocks',
     '.loader/notes-loader.js': 'addons.notes && customBlocks',
-    '.loader/knobs-loader.js': 'addons.knobs && customBlocks'
   },
   complete: function (data, { chalk }) {
     const green = chalk.green
@@ -140,9 +145,6 @@ module.exports = {
 
     if (data.autoInstall) {
       installDependencies(cwd, data.autoInstall, green)
-        .then(() => {
-          return runLintFix(cwd, data, green)
-        })
         .then(() => {
           printMessage(data, green)
         })

template/.storybook/config.js

@@ -24,7 +24,7 @@ const optionsCallback = (options) => ({ panelExclude: [...options.panelExclude,
 addDecorator((storyFn, context) => withConsole(optionsCallback)(storyFn)(context))
 {{/isEnabled}}
 
-{{#isEnabled addons 'info'}}
+{{#isEnabled addons 'readme'}}
 addDecorator(withReadme(Readme))
 withDocs.addFooter(Footer)
 {{/isEnabled}}

template/stories/index.js

@@ -29,7 +29,9 @@ require.context('.', true, /\.vue$/).keys()
   .sort((a, b) => { // sort by storyOrder
     a = a.split('/').map(s => s.replace('.vue', ''))
     b = b.split('/').map(s => s.replace('.vue', ''))
-    let order = storyOrder.indexOf(a[1]) - storyOrder.indexOf(b[1])
+
+    if (storyOrder) var order = storyOrder.indexOf(a[1]) - storyOrder.indexOf(b[1])
+    else order = a[1].charAt(0).toUpperCase() - b[1].charAt(0).toUpperCase() // sort alphabetically
 
     if (order !== 0) {
       if (scenarioOrder === undefined) { // sort alphabetically

utils/index.js

@@ -73,12 +73,18 @@ To get started:
 
 List of command:
 
-    ${green('npm run dev')} \t:\t running in development mode
-    ${green('npm run build:storybook')} \t:\t build storybook page
-    ${green('npm run build:component')} \t:\t build .vue component into .js
-    ${green('npm run deploy')} \t:\t deploying into surge.sh
+    ${green('npm run dev')} \t\t: running in development mode
+    ${green('npm run build:storybook')} \t: build storybook page
+    ${green('npm run build:component')} \t: build .vue component into .js
+    ${green('npm run deploy')} \t\t: deploying into surge.sh
 
 ${custBlcksMsg(data, magenta)}
+
+${data.addons.info && custBlcksMsg
+  ? `Thank you for trying experimental features.
+  If you find bugs and/or have suggestion, feel free to open issue https://github.com/DrSensor/vue-authoring-template/issues/new
+`
+: `For more information consult https://github.com/DrSensor/vue-authoring-template`}
 `
   console.log(message)
 }
@@ -95,7 +101,7 @@ function custBlcksMsg (data, color) {
     Then ${color('require.resolve(.loader/<your-loader>.js')} into vue.loaders config at ${color('.storybook/poi.config.js')}
     \n
     `
-  }
+  } else return '^[K'
 }
 
 /**