- Welcome
  - Component documentation
  - Component creation
- Hooks
  - aync-hook
  - horse-button
  - kun-aync-fetch
  - use-async-hooks
  - use-document-title-hook
- Others
- Components
  - <custom-element/>
  - <global-style/>
  - <hello-world/>
  - <horse-download-box/>
  - <kun-app-download/>
  - <kun-article-list/>
  - <kun-audio-player/>
  - <kun-author-card/>
  - <kun-avatar-dropdown/>
  - <kun-button-puer/>
  - <kun-card-empty/>
  - <kun-card-item/>
  - <kun-chat-group/>
  - <kun-chat-message/>
  - <kun-checkbox/>
  - <kun-child-comment-item-comp/>
  - <kun-component-post/>
  - <kun-confirm-button/>
  - <kun-dialog/>
  - <kun-download-footer/>
  - <kun-download-guide/>
  - <kun-dropdown/>
  - <kun-edit-comment/>
  - <kun-edit-tag/>
  - <kun-editor-header/>
  - <kun-editor/>
  - <kun-emoji-picker/>
  - <kun-ex-link/>
  - <kun-exercise-select/>
  - <kun-exersice-select/>
  - <kun-feed-item/>
  - <kun-file-select/>
  - <kun-fixed-button/>
  - <kun-fold-button/>
  - <kun-form/>
  - <kun-header-main/>
  - <kun-icon-add-collect/>
  - <kun-icon-close/>
  - <kun-icon-search/>
  - <kun-icon/>
  - <kun-image-or-default/>
  - <kun-image-upload/>
  - <kun-image/>
  - <kun-input-comment/>
  - <kun-input-link/>
  - <kun-item-comment/>
  - <kun-item-exercise/>
  - <kun-learning-card/>
  - <kun-learning-series/>
  - <kun-link-button/>
  - <kun-list-series/>
  - <kun-list-title/>
  - <kun-load-more/>
  - <kun-loading-button/>
  - <kun-loading/>
  - <kun-login-box/>
  - <kun-login-form/>
  - <kun-markdown-button/>
  - <kun-member-info/>
  - <kun-menu-list/>
  - <kun-message-nofication/>
  - <kun-navigator/>
  - <kun-page-loader/>
  - <kun-page-markdown/>
  - <kun-page-top/>
  - <kun-page/>
  - <kun-post-header/>
  - <kun-post-list-header/>
  - <kun-post/>
  - <kun-profile-header/>
  - <kun-rating/>
  - <kun-rich-html/>
  - <kun-rich-msg/>
  - <kun-search-input/>
  - <kun-search-page/>
  - <kun-see-series-item/>
  - <kun-series-author-profile/>
  - <kun-series-list-item/>
  - <kun-series-member/>
  - <kun-series-meta/>
  - <kun-simple-header/>
  - <kun-star-rate/>
  - <kun-tab/>
  - <kun-tabs/>
  - <kun-tag-input/>
  - <kun-test-page/>
  - <kun-upload-file/>
  - <kun-video-player/>
  - <kun-vote/>
  - <kun-website-footer/>
  - <login-component/>
  - <singular-author/>

Github Twitter

__--- title: Introduction description: This bundle-cli template allows static documentation for components from markdown documents group: Welcome

#

## Steps

### 1. See pkg.scripts

#### npm start

    bundle src/**/*.md docs --watch --server --template template/template.html

> This script allows you to create a livereload mode server that serves markdown files

Where :

1. `src/**/*.md`: expression for fast-glob, this will import all the files that comply with the expression.
2. `--watch`: It allows to observe the changes of the files associated to the expression, existing or to exist.
3. `--server` : Create a server by combining with the `--watch` flag enables livereload mode of the server.
4. `--template template/template.html`: allows to append the use of a superior template to nest the associated markdown files.

Console output example

    server running on http://localhost:8000 # destination directory server

    bundle: 15ms # bundle creation duration

> `npm run build:docs` This script allows you to run the build for production of the `npm start` script.

### npm build:components

    bundle src/components/**/*-*.js ./ --minify --external

> This script allows you to export the associated web-components

Where :

1. `src/components/**/*-*.js`: look for files that match the expression, eg `src/components/my-header/my-header.js`.
2. `--minify`: Minify css and js code
3. `--external`: Lets consider `pkg.dependencies` as external dependencies.