Fix #13, use bili and remove poi

- Relate #2, reason for removing poi
- Relate #1, open possibility to deploy to gh-pages

Author: DrSensor

README.md

@@ -2,7 +2,6 @@
 <!-- [![CircleCI](https://circleci.com/gh/DrSensor/vue-authoring-template.svg?style=shield)](https://circleci.com/gh/DrSensor/vue-authoring-template) -->
 <sub>Click one of this badge for more info</sub>
 
-[![minimal config](https://img.shields.io/badge/config-minimal-grey.svg?maxAge=2592000&style=flat-square)](https://poi.js.org)
 [![circleci support](https://img.shields.io/badge/circleci-support-blue.svg?maxAge=2592000&style=flat-square)](https://circleci.com/docs/1.0/npm-continuous-deployment/)
 [![surge support](https://img.shields.io/badge/deploy_to-surge-63c299.svg?maxAge=2592000&style=flat-square)](https://surge.sh/help/integrating-with-circleci)
 [![vue 2.x](https://img.shields.io/badge/vue-2.x-4fc08d.svg?maxAge=2592000&style=flat-square)](https://vuejs.org/)
@@ -12,6 +11,10 @@
 ---
 This template is to help authoring Vue component with it's use case in story-scenario (storybook) format.
 
+```bash
+vue init DrSensor/vue-authoring-template
+```
+
 ![](./screenplay.gif)
 
 > In case you need to convince your Lead Dev to give you permission open-sourcing your work :
@@ -30,8 +33,6 @@ This template is to help authoring Vue component with it's use case in story-sce
 
 ## Features
 
-- Support `vue init` workflow
-- Minimal configuration. Thanks to [poi](https://poi.js.org)
 - Write your storybook `story-scenario` (a.k.a *use case*) in `.vue` **single-file-component format**, not `.js` or `.jsx`
 - Option to generate [circleci](https:circleci.com) config to: 
   - publish vue component to `npm` and `unpkg` <sub>(need to `git push --tags`)</sub>
@@ -92,37 +93,38 @@ npm publish
 
 ```markdown
 .
-├── package.json            // choose and configure the component you want to package in here (still need to edit `scripts: {}` block)
+├── package.json
+├── .bilirc                 // choose and configure the component you want to package in here
 ├── .editorconfig
 ├── .gitignore
 │
 ├── .circleci
 │   └── config.yml
 ├── .loader                 // loader for processing custom blocks
 │   └── docs-loader.js
-├── .storybook
+├── .storybook              // storybook related config
 │   ├── addons.js
 │   ├── config.js
-│   └── poi.config.js       // currently the template project use `poi` as alternative of `vue build`
+│   └── webpack.config.js
 │
 └── src
     ├── components              // place 1 or more components to author here
     │   └── HelloWorld.vue
     │
-    ├── mixins                  // reduce complexity by separating any long code here
+    ├── mixins                  // if needed, reduce complexity by separating any long code as mixins
     │   ├── mix1.js
     │   └── mix2.js
     │
-    └── stories                 // use case or usage of the component written in story-scenario analogy
+    └── stories                 // use-case/usage of the component written in story-scenario analogy
         ├── Story1
         │   └── Scenario1.vue
         ├── Story2
         ├── Story3
-        ├── config.js           // config to order the story and the scenario
+        ├── config.js           // config to re-order the story and the scenario
         └── index.js            // chain and add the addon here
 ```
 
-## Looking for suggestion! (Open/Comment New Issues)
+## Looking for suggestion!
 
 - How to customize style of the storybook
 - Authoring `Vuex` module? [Is it necessary?](https://github.com/DrSensor/vue-authoring-template/issues/3)
@@ -135,3 +137,6 @@ See [CONTRIBUTING.md](https://github.com/DrSensor/vue-authoring-template/blob/ma
 
 ## License
 [MIT](https://github.com/DrSensor/vue-authoring-template/blob/master/LICENSE) License
+
+---
+Modify/clone/fork/do-anything to this template and generated README and any others content as you wish.

template/.bilirc

@@ -0,0 +1,8 @@
+{
+  "name": "{{name}}",
+  "moduleName": "{{pascalCase name}}",
+  "input": [
+    "src/components/*"
+  ],
+  "format": ["cjs", "umd-min", "es"]
+}

template/.gitignore

@@ -1,7 +1,6 @@
 node_modules
 .DS_Store
 dist/
-umd/
 .storybook/dist
 *.lock
 out*

template/.storybook/poi.config.js

@@ -0,0 +1,25 @@
+{{#isEnabled addons 'readme'}}
+const updateWebpackConfig = require('storybook-readme/env/vue/updateWebpackConfig')
+{{/isEnabled}}
+
+module.exports = (storybookBaseConfig, configType, defaultConfig) => {
+  // configType has a value of 'DEVELOPMENT' or 'PRODUCTION'
+  // You can change the configuration based on that.
+  // 'PRODUCTION' is used when building the static version of storybook.
+
+  /** For more info @see https://storybook.js.org/configurations/custom-webpack-config/#full-control-mode--default
+  defaultConfig.module.rules.push({
+    test: /\.(ts|tsx)$/,
+    include: path.resolve(__dirname, '../src'),
+    loader: require.resolve('ts-loader')
+  });
+  defaultConfig.resolve.extensions.push('.ts', '.tsx')
+  */
+
+  // Return the altered config
+{{#isEnabled addons 'readme'}}
+  return updateWebpackConfig(defaultConfig)
+{{else}}
+  return defaultConfig
+{{/isEnabled}}
+}

template/.storybook/webpack.config.js

@@ -102,4 +102,4 @@ export default {
 See [CONTRIBUTING.md](./CONTRIBUTING.md) for development guide.
 
 ---
-This component was generated with [vue-authoring-template](https://github.com/DrSensor/vue-authoring-template) using [vue-cli](https://github.com/vuejs/vue-cli).
+<sup>This library was generated with [vue-authoring-template](https://github.com/DrSensor/vue-authoring-template) using [vue-cli](https://github.com/vuejs/vue-cli).</sup>

template/README.md

@@ -7,8 +7,10 @@
     "vue",
     "component"
   ],
+  "unpkg": "dist/{{name}}.min.js",
+  "jsdelivr": "dist/{{name}}.min.js",
   "main": "dist/{{name}}.js",
-  "unpkg": "umd/{{name}}.js",
+  "module": "dist/{{name}}.es.js",
   "files": [
     "dist/",
     "umd/",
@@ -18,13 +20,12 @@
   "license": "MIT",
   "private": false,
   "scripts": {
-    "dev": "poi --config .storybook/poi.config.js --storybook --open",
-    "build:storybook": "poi build --config .storybook/poi.config.js --storybook",
-    "build:component": "poi build src/components/{{pascalCase name}}.vue --library",
-    "build:component:umd": "poi build src/components/{{pascalCase name}}.vue --library {{pascalCase name}} --dist umd",
+    "dev": "start-storybook --static-dir static",
+    "build:storybook": "build-storybook --static-dir static --output-dir .storybook/dist",
+    "build:component": "bili --plugin vue --jsx vue",
     "deploy": "surge .storybook/dist",
     "predeploy": "npm run build:storybook",
-    "prepublish": "concurrently --kill-others 'npm run build:component' 'npm run build:component:umd'"
+    "prepublish": "npm run build:component"
   },
   "devDependencies": {
 {{#isEnabled addons 'actions'}}    
@@ -44,14 +45,13 @@
 {{/isEnabled}}
     "@storybook/addon-options": "^3.3.0",
     "@storybook/vue": "^3.3.0",
+    "@storybook/cli": "^3.3.0",
 {{#if customBlocks}}
     "marked": "^0.3.0",
 {{/if}}
-    "poi": "^9.4.0",
-    "poi-preset-resolve-alias": "^1.0.0",
-    "poi-preset-storybook": "^0.1.4",
-    "surge": "^0.19.0",
-    "concurrently": "^3.5.1"
+    "bili": "^1.6.5",
+    "rollup-plugin-vue": "^3.0.0",
+    "surge": "^0.19.0"
   },
   "peerDependencies": {},
   "dependencies": {}