update to v1.1.0

Author: meteorlxy

.eslintrc.js

@@ -23,6 +23,7 @@ module.exports = {
     'generator-star-spacing': 0,
     // allow debugger during development
     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
-    'comma-dangle': ['warn', 'always'],
+    // allow comma dangle only multiline
+    'comma-dangle': ['error', 'only-multiline'],
   }
 }

.npmignore

@@ -0,0 +1,24 @@
+language: node_js
+node_js: stable
+
+# S: Build Lifecycle
+install:
+  - npm install
+
+script:
+  - npm run build-docs
+
+after_success:
+  - cd ./gh-pages
+  - git init
+  - git config user.name "meteorlxy"
+  - git config user.email "meteor.lxy@foxmail.com"
+  - git add .
+  - git commit -m "Build docs $(date +%Y%m%d%H%M)"
+  - git push --force --quiet "https://${GH_TOKEN}@${GH_REPO}" master:gh-pages
+# E: Build LifeCycle
+
+branches:
+  only:
+    - master
+    

.travis.yml

@@ -1,34 +1,51 @@
 # vue-bs-pagination
 
+[![build status](https://www.travis-ci.org/meteorlxy/vue-bs-pagination.svg?branch=master)](https://www.travis-ci.org/meteorlxy/vue-bs-pagination)
+[![npm version](https://badge.fury.io/js/vue-bs-pagination.svg)](https://badge.fury.io/js/vue-bs-pagination)
+
 > A very simple vue component - bootstrap pagination
 
-[Demo and Usage](https://meteorlxy.github.io/vue-bs-pagination/)
+[Live Demo](https://meteorlxy.github.io/vue-bs-pagination/)
+
+---
+
+## Get started
 
-## Usage
+### Import
 
-### Get start
+#### Build tools
 
-#### Import via `npm`
+Import via `npm`
 
 ```bash
 npm install --save vue-bs-pagination
 ```
 
-#### Register component
+Register component
 
 ```js
 import Vue from 'vue'
 import VuePagination from 'vue-bs-pagination'
-Vue.component('v-pagination', VuePagination)
+Vue.component('VuePagination', VuePagination)
 ```
 
-#### Template
+#### Browser
+
+Import via `<script>` tag
 
 ```html
-<v-pagination :total="10" v-model="page"></v-pagination>
+<script src="path/to/dist/vue-bs-pagination.js"></script>
 ```
 
-#### Stylesheet
+### Usage
+
+Template
+
+```html
+<vue-pagination :total="10" v-model="page"></vue-pagination>
+```
+
+Stylesheet
 
 > Use `Bootstrap 3` or `Bootstrap 4.0-beta`
 
@@ -47,20 +64,17 @@ props: {
 }
 ```
 
+---
 
-## Develop
+## Developing & Contributing
 
 ``` bash
 # install dependencies
 npm install
 
 # serve with hot reload at localhost:8080
 npm run dev
-
-# build for production with minification
-npm run build
-
-# build for production and view the bundle analyzer report
-npm run build --report
 ```
 
+- `/src/components` the source file of `vue-bs-pagination` component
+- `/src/docs` the source file of [github-pages](https://meteorlxy.github.io/vue-bs-pagination/) of this project

README.md

@@ -1,18 +1,18 @@
+'use strict'
 require('./check-versions')()
 
 process.env.NODE_ENV = 'production'
 
-var ora = require('ora')
-var rm = require('rimraf')
-var path = require('path')
-var chalk = require('chalk')
-var webpack = require('webpack')
-var config = require('../config')
-var isDocs = process.argv.indexOf('--docs') > 0
-var webpackConfig = isDocs ? require('./webpack.docs.conf') : require('./webpack.prod.conf')
-var config = isDocs ? config.docs : config.build
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const isDocs = process.argv.indexOf('--docs') > 0
+const config = isDocs ? require('../config').docs : require('../config').build
+const webpackConfig = isDocs ? require('./webpack.docs.conf') : require('./webpack.prod.conf')
 
-var spinner = ora('building for production...')
+const spinner = ora('building for production...')
 spinner.start()
 
 rm(path.join(config.assetsRoot, config.assetsSubDirectory), err => {

build/build.js

@@ -1,12 +1,13 @@
-var chalk = require('chalk')
-var semver = require('semver')
-var packageConfig = require('../package.json')
-var shell = require('shelljs')
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
 function exec (cmd) {
   return require('child_process').execSync(cmd).toString().trim()
 }
 
-var versionRequirements = [
+const versionRequirements = [
   {
     name: 'node',
     currentVersion: semver.clean(process.version),
@@ -23,9 +24,9 @@ if (shell.which('npm')) {
 }
 
 module.exports = function () {
-  var warnings = []
-  for (var i = 0; i < versionRequirements.length; i++) {
-    var mod = versionRequirements[i]
+  const warnings = []
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
       warnings.push(mod.name + ': ' +
         chalk.red(mod.currentVersion) + ' should be ' +
@@ -38,8 +39,8 @@ module.exports = function () {
     console.log('')
     console.log(chalk.yellow('To use this template, you must update following to modules:'))
     console.log()
-    for (var i = 0; i < warnings.length; i++) {
-      var warning = warnings[i]
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
       console.log('  ' + warning)
     }
     console.log()

build/check-versions.js

@@ -1,4 +1,5 @@
 /* eslint-disable */
+'use strict'
 require('eventsource-polyfill')
 var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
 

build/dev-client.js

@@ -1,48 +1,55 @@
+'use strict'
 require('./check-versions')()
 
-var config = require('../config')
+const config = require('../config')
 if (!process.env.NODE_ENV) {
   process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
 }
 
-var opn = require('opn')
-var path = require('path')
-var express = require('express')
-var webpack = require('webpack')
-var proxyMiddleware = require('http-proxy-middleware')
-var webpackConfig = require('./webpack.dev.conf')
+const opn = require('opn')
+const path = require('path')
+const express = require('express')
+const webpack = require('webpack')
+const proxyMiddleware = require('http-proxy-middleware')
+const webpackConfig = require('./webpack.dev.conf')
 
 // default port where dev server listens for incoming traffic
-var port = process.env.PORT || config.dev.port
+const port = process.env.PORT || config.dev.port
 // automatically open browser, if not set will be false
-var autoOpenBrowser = !!config.dev.autoOpenBrowser
+const autoOpenBrowser = !!config.dev.autoOpenBrowser
 // Define HTTP proxies to your custom API backend
 // https://github.com/chimurai/http-proxy-middleware
-var proxyTable = config.dev.proxyTable
+const proxyTable = config.dev.proxyTable
 
-var app = express()
-var compiler = webpack(webpackConfig)
+const app = express()
+const compiler = webpack(webpackConfig)
 
-var devMiddleware = require('webpack-dev-middleware')(compiler, {
+const devMiddleware = require('webpack-dev-middleware')(compiler, {
   publicPath: webpackConfig.output.publicPath,
   quiet: true
 })
 
-var hotMiddleware = require('webpack-hot-middleware')(compiler, {
+const hotMiddleware = require('webpack-hot-middleware')(compiler, {
   log: false,
   heartbeat: 2000
 })
 // force page reload when html-webpack-plugin template changes
-compiler.plugin('compilation', function (compilation) {
-  compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
-    hotMiddleware.publish({ action: 'reload' })
-    cb()
-  })
-})
+// currently disabled until this is resolved:
+// https://github.com/jantimon/html-webpack-plugin/issues/680
+// compiler.plugin('compilation', function (compilation) {
+//   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
+//     hotMiddleware.publish({ action: 'reload' })
+//     cb()
+//   })
+// })
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
 
 // proxy api requests
 Object.keys(proxyTable).forEach(function (context) {
-  var options = proxyTable[context]
+  let options = proxyTable[context]
   if (typeof options === 'string') {
     options = { target: options }
   }
@@ -55,33 +62,41 @@ app.use(require('connect-history-api-fallback')())
 // serve webpack bundle output
 app.use(devMiddleware)
 
-// enable hot-reload and state-preserving
-// compilation error display
-app.use(hotMiddleware)
-
 // serve pure static assets
-var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+const staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
 app.use(staticPath, express.static('./static'))
 
-var uri = 'http://localhost:' + port
+const uri = 'http://localhost:' + port
 
 var _resolve
-var readyPromise = new Promise(resolve => {
+var _reject
+var readyPromise = new Promise((resolve, reject) => {
   _resolve = resolve
+  _reject = reject
 })
 
+var server
+var portfinder = require('portfinder')
+portfinder.basePort = port
+
 console.log('> Starting dev server...')
 devMiddleware.waitUntilValid(() => {
-  console.log('> Listening at ' + uri + '\n')
-  // when env is testing, don't need open it
-  if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
-    opn(uri)
-  }
-  _resolve()
+  portfinder.getPort((err, port) => {
+    if (err) {
+      _reject(err)
+    }
+    process.env.PORT = port
+    var uri = 'http://localhost:' + port
+    console.log('> Listening at ' + uri + '\n')
+    // when env is testing, don't need open it
+    if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
+      opn(uri)
+    }
+    server = app.listen(port)
+    _resolve()
+  })
 })
 
-var server = app.listen(port)
-
 module.exports = {
   ready: readyPromise,
   close: () => {