chore: prettier code

app.js

@@ -30,22 +30,24 @@ var renderer = new Renderer({
     alias: {
       '/de-de/changelog': '/changelog',
       '/zh-cn/changelog': '/changelog',
-      '/changelog': 'https://github.com/raw/QingWei-Li/docsify/master/CHANGELOG'
+      '/changelog':
+        'https://github.com/raw/QingWei-Li/docsify/master/CHANGELOG'
     }
   },
   path: './'
 })
 
-http.createServer(function (req, res) {
-  serveStatic('.')(req, res, function () {
-    // TEST SSR
-    // renderer.renderToString(req.url)
+http
+  .createServer(function (req, res) {
+    serveStatic('.')(req, res, function () {
+      // TEST SSR
+      // renderer.renderToString(req.url)
       // .then(html => res.end(html))
 
-    res.writeHead(404, { 'Content-Type': 'text/html' })
-    res.end(fs.readFileSync('dev.html'))
+      res.writeHead(404, { 'Content-Type': 'text/html' })
+      res.end(fs.readFileSync('dev.html'))
+    })
   })
-}).listen(3000, '0.0.0.0')
+  .listen(3000, '0.0.0.0')
 
 console.log(`\nListening at http://0.0.0.0:3000\n`)
-

build/build-cover.js

@@ -7,5 +7,8 @@ var file = __dirname + '/../docs/_coverpage.md'
 var cover = read(file, 'utf8').toString()
 
 console.log('Replace version number in cover page...')
-cover = cover.replace(/<small>(\S+)?<\/small>/g, '<small>' + version + '</small>')
+cover = cover.replace(
+  /<small>(\S+)?<\/small>/g,
+  '<small>' + version + '</small>'
+)
 write(file, cover)

build/build-css.js

@@ -4,15 +4,17 @@ var resolve = require('path').resolve
 var postcss = require('postcss')
 var isProd = process.argv[process.argv.length - 1] !== '--dev'
 
-var processor = postcss([require('postcss-salad')({
-  features: {
-    precss: {
-      properties: {
-        preserve: true
+var processor = postcss([
+  require('postcss-salad')({
+    features: {
+      precss: {
+        properties: {
+          preserve: true
+        }
       }
     }
-  }
-})])
+  })
+])
 
 var saveMin = function (file, content) {
   fs.writeFileSync(resolve(__dirname, '../lib/themes/', file), content)
@@ -31,17 +33,18 @@ var list = fs.readdirSync(resolve(__dirname, '../src/themes'))
 
 list.forEach(function (file) {
   if (!/\.css$/.test(file)) return
-  processor.process(load(file), { from: resolve(__dirname, '../src/themes/', file) })
+  processor
+    .process(load(file), { from: resolve(__dirname, '../src/themes/', file) })
     .then(function (result) {
       save(file, result.css)
       console.log('salad - ' + file)
-      isProd && cssnano(loadLib(file))
-        .then(function (result) {
+      isProd &&
+        cssnano(loadLib(file)).then(function (result) {
           saveMin(file, result.css)
           console.log('cssnao - ' + file)
         })
-    }).catch(function (err) {
+    })
+    .catch(function (err) {
       console.log(err)
     })
 })
-

build/build-ssr.js

@@ -17,7 +17,7 @@ rollup
         }
       })
     ],
-    onwarn: function() {}
+    onwarn: function () {}
   })
   .then(function (bundle) {
     var dest = 'packages/docsify-server-renderer/build.js'

packages/docsify-server-renderer/index.js

@@ -13,7 +13,9 @@ function cwd (...args) {
 }
 
 function mainTpl (config) {
-  let html = `<nav class="app-nav${config.repo ? '' : ' no-badge'}"><!--navbar--></nav>`
+  let html = `<nav class="app-nav${config.repo
+    ? ''
+    : ' no-badge'}"><!--navbar--></nav>`
 
   if (config.repo) {
     html += tpl.corner(config.repo)
@@ -28,11 +30,7 @@ function mainTpl (config) {
 }
 
 export default class Renderer {
-  constructor ({
-    template,
-    config,
-    cache
-  }) {
+  constructor ({ template, config, cache }) {
     this.html = template
     this.config = config = Object.assign({}, config, {
       routerMode: 'history'
@@ -43,7 +41,10 @@ export default class Renderer {
     this.compiler = new Compiler(config, this.router)
 
     this.router.getCurrentPath = () => this.url
-    this._renderHtml('inject-config', `<script>window.$docsify = ${JSON.stringify(config)}</script>`)
+    this._renderHtml(
+      'inject-config',
+      `<script>window.$docsify = ${JSON.stringify(config)}</script>`
+    )
     this._renderHtml('inject-app', mainTpl(config))
 
     this.template = this.html
@@ -52,9 +53,7 @@ export default class Renderer {
   _getPath (url) {
     const file = this.router.getFile(url)
 
-    return isAbsolutePath(file)
-      ? file
-      : cwd(`./${file}`)
+    return isAbsolutePath(file) ? file : cwd(`./${file}`)
   }
 
   async renderToString (url) {
@@ -94,7 +93,8 @@ export default class Renderer {
 
     switch (type) {
       case 'sidebar':
-        html = this.compiler.sidebar(html, maxLevel) +
+        html =
+          this.compiler.sidebar(html, maxLevel) +
           `<script>window.__SUB_SIDEBAR__ = ${JSON.stringify(
             this.compiler.subSidebar(subMaxLevel)
           )}</script>`

src/core/config.js

@@ -1,32 +1,37 @@
 import { merge, hyphenate, isPrimitive } from './util/core'
 
-const config = merge({
-  el: '#app',
-  repo: '',
-  maxLevel: 6,
-  subMaxLevel: 0,
-  loadSidebar: null,
-  loadNavbar: null,
-  homepage: 'README.md',
-  coverpage: '',
-  basePath: '',
-  auto2top: false,
-  name: '',
-  themeColor: '',
-  nameLink: window.location.pathname,
-  autoHeader: false,
-  executeScript: null,
-  noEmoji: false,
-  ga: '',
-  mergeNavbar: false,
-  formatUpdated: '',
-  externalLinkTarget: '_blank',
-  routerMode: 'hash',
-  noCompileLinks: []
-}, window.$docsify)
+const config = merge(
+  {
+    el: '#app',
+    repo: '',
+    maxLevel: 6,
+    subMaxLevel: 0,
+    loadSidebar: null,
+    loadNavbar: null,
+    homepage: 'README.md',
+    coverpage: '',
+    basePath: '',
+    auto2top: false,
+    name: '',
+    themeColor: '',
+    nameLink: window.location.pathname,
+    autoHeader: false,
+    executeScript: null,
+    noEmoji: false,
+    ga: '',
+    mergeNavbar: false,
+    formatUpdated: '',
+    externalLinkTarget: '_blank',
+    routerMode: 'hash',
+    noCompileLinks: []
+  },
+  window.$docsify
+)
 
-const script = document.currentScript ||
-  [].slice.call(document.getElementsByTagName('script'))
+const script =
+  document.currentScript ||
+  [].slice
+    .call(document.getElementsByTagName('script'))
     .filter(n => /docsify\./.test(n.src))[0]
 
 if (script) {

src/core/event/scroll.js

@@ -16,9 +16,12 @@ function scrollTo (el) {
     end: el.getBoundingClientRect().top + window.scrollY,
     duration: 500
   })
-  .on('tick', v => window.scrollTo(0, v))
-  .on('done', () => { enableScrollEvent = true; scroller = null })
-  .begin()
+    .on('tick', v => window.scrollTo(0, v))
+    .on('done', () => {
+      enableScrollEvent = true
+      scroller = null
+    })
+    .begin()
 }
 
 function highlight () {
@@ -28,7 +31,7 @@ function highlight () {
   const wrap = dom.find(sidebar, '.sidebar-nav')
   let active = dom.find(sidebar, 'li.active')
   const doc = document.documentElement
-  const top = (doc && doc.scrollTop || document.body.scrollTop) - coverHeight
+  const top = ((doc && doc.scrollTop) || document.body.scrollTop) - coverHeight
   let last
 
   for (let i = 0, len = anchors.length; i < len; i += 1) {
@@ -56,16 +59,10 @@ function highlight () {
     const height = sidebar.clientHeight
     const curOffset = 0
     const cur = active.offsetTop + active.clientHeight + 40
-    const isInView = (
-      active.offsetTop >= wrap.scrollTop &&
-      cur <= wrap.scrollTop + height
-    )
+    const isInView =
+      active.offsetTop >= wrap.scrollTop && cur <= wrap.scrollTop + height
     const notThan = cur - curOffset < height
-    const top = isInView
-      ? wrap.scrollTop
-      : notThan
-        ? curOffset
-        : cur - height
+    const top = isInView ? wrap.scrollTop : notThan ? curOffset : cur - height
 
     sidebar.scrollTop = top
   }
@@ -95,8 +92,12 @@ export function scrollActiveSidebar (router) {
 
   dom.off('scroll', highlight)
   dom.on('scroll', highlight)
-  dom.on(sidebar, 'mouseover', () => { hoverOver = true })
-  dom.on(sidebar, 'mouseleave', () => { hoverOver = false })
+  dom.on(sidebar, 'mouseover', () => {
+    hoverOver = true
+  })
+  dom.on(sidebar, 'mouseleave', () => {
+    hoverOver = false
+  })
 }
 
 export function scrollIntoView (id) {

src/core/event/sidebar.js

@@ -16,9 +16,12 @@ export function btn (el, router) {
 
   const sidebar = dom.getNode('.sidebar')
 
-  isMobile && dom.on(dom.body, 'click', _ =>
-    dom.body.classList.contains('close') && toggle()
-  )
+  isMobile &&
+    dom.on(
+      dom.body,
+      'click',
+      _ => dom.body.classList.contains('close') && toggle()
+    )
   dom.on(sidebar, 'click', _ =>
     setTimeout((_ => getAndActive(router, sidebar, true, true), 0))
   )
@@ -51,19 +54,17 @@ export function getAndActive (router, el, isParent, autoTitle) {
   const hash = router.toURL(router.getCurrentPath())
   let target
 
-  links
-    .sort((a, b) => b.href.length - a.href.length)
-    .forEach(a => {
-      const href = a.getAttribute('href')
-      const node = isParent ? a.parentNode : a
+  links.sort((a, b) => b.href.length - a.href.length).forEach(a => {
+    const href = a.getAttribute('href')
+    const node = isParent ? a.parentNode : a
 
-      if (hash.indexOf(href) === 0 && !target) {
-        target = a
-        dom.toggleClass(node, 'add', 'active')
-      } else {
-        dom.toggleClass(node, 'remove', 'active')
-      }
-    })
+    if (hash.indexOf(href) === 0 && !target) {
+      target = a
+      dom.toggleClass(node, 'add', 'active')
+    } else {
+      dom.toggleClass(node, 'remove', 'active')
+    }
+  })
 
   if (autoTitle) {
     dom.$.title = target ? `${target.innerText} - ${title}` : title

src/core/fetch/ajax.js

@@ -26,9 +26,13 @@ export function get (url, hasBar = false) {
   return {
     then: function (success, error = noop) {
       if (hasBar) {
-        const id = setInterval(_ => progressbar({
-          step: Math.floor(Math.random() * 5 + 1)
-        }), 500)
+        const id = setInterval(
+          _ =>
+            progressbar({
+              step: Math.floor(Math.random() * 5 + 1)
+            }),
+          500
+        )
 
         on('progress', progressbar)
         on('loadend', evt => {
@@ -42,12 +46,12 @@ export function get (url, hasBar = false) {
         if (target.status >= 400) {
           error(target)
         } else {
-          const result = cache[url] = {
+          const result = (cache[url] = {
             content: target.response,
             opt: {
               updatedAt: xhr.getResponseHeader('last-modified')
             }
-          }
+          })
 
           success(result.content, result.opt)
         }

src/core/init/lifecycle.js

@@ -13,7 +13,7 @@ export function initLifecycle (vm) {
   vm._hooks = {}
   vm._lifecycle = {}
   hooks.forEach(hook => {
-    const arr = vm._hooks[hook] = []
+    const arr = (vm._hooks[hook] = [])
     vm._lifecycle[hook] = fn => arr.push(fn)
   })
 }

src/core/render/slugify.js

@@ -4,15 +4,17 @@ const re = /[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,.\/:;<=>?@\[\]^`{|}~]/g
 export function slugify (str) {
   if (typeof str !== 'string') return ''
 
-  let slug = str.toLowerCase().trim()
+  let slug = str
+    .toLowerCase()
+    .trim()
     .replace(/<[^>\d]+>/g, '')
     .replace(re, '')
     .replace(/\s/g, '-')
     .replace(/-+/g, '-')
     .replace(/^(\d)/, '_$1')
   let count = cache[slug]
 
-  count = cache.hasOwnProperty(slug) ? (count + 1) : 0
+  count = cache.hasOwnProperty(slug) ? count + 1 : 0
   cache[slug] = count
 
   if (count) {