chore: prettier code

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,7 +4,9 @@ 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, '-')
@@ -12,7 +14,7 @@ export function slugify (str) {
     .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) {

src/core/render/tpl.js

@@ -10,37 +10,40 @@ export function corner (data) {
   data = data.replace(/^git\+/, '')
 
   return (
-  `<a href="${data}" class="github-corner" aria-label="View source on Github">` +
+    `<a href="${data}" class="github-corner" aria-label="View source on Github">` +
     '<svg viewBox="0 0 250 250" aria-hidden="true">' +
-      '<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>' +
-      '<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>' +
-      '<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>' +
+    '<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>' +
+    '<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>' +
+    '<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>' +
     '</svg>' +
-  '</a>')
+    '</a>'
+  )
 }
 
 /**
  * Render main content
  */
 export function main (config) {
-  const aside = (
+  const aside =
     '<button class="sidebar-toggle">' +
-      '<div class="sidebar-toggle-button">' +
-        '<span></span><span></span><span></span>' +
-      '</div>' +
+    '<div class="sidebar-toggle-button">' +
+    '<span></span><span></span><span></span>' +
+    '</div>' +
     '</button>' +
     '<aside class="sidebar">' +
-      (config.name
-        ? `<h1><a class="app-name-link" data-nosearch>${config.name}</a></h1>`
-        : '') +
-      '<div class="sidebar-nav"><!--sidebar--></div>' +
-    '</aside>')
+    (config.name
+      ? `<h1><a class="app-name-link" data-nosearch>${config.name}</a></h1>`
+      : '') +
+    '<div class="sidebar-nav"><!--sidebar--></div>' +
+    '</aside>'
 
-  return (isMobile ? `${aside}<main>` : `<main>${aside}`) +
-      '<section class="content">' +
-        '<article class="markdown-section" id="main"><!--main--></article>' +
-      '</section>' +
+  return (
+    (isMobile ? `${aside}<main>` : `<main>${aside}`) +
+    '<section class="content">' +
+    '<article class="markdown-section" id="main"><!--main--></article>' +
+    '</section>' +
     '</main>'
+  )
 }
 
 /**
@@ -48,14 +51,17 @@ export function main (config) {
  */
 export function cover () {
   const SL = ', 100%, 85%'
-  const bgc = 'linear-gradient(to left bottom, ' +
-  `hsl(${Math.floor(Math.random() * 255) + SL}) 0%,` +
-  `hsl(${Math.floor(Math.random() * 255) + SL}) 100%)`
+  const bgc =
+    'linear-gradient(to left bottom, ' +
+    `hsl(${Math.floor(Math.random() * 255) + SL}) 0%,` +
+    `hsl(${Math.floor(Math.random() * 255) + SL}) 100%)`
 
-  return `<section class="cover" style="background: ${bgc}">` +
+  return (
+    `<section class="cover" style="background: ${bgc}">` +
     '<div class="cover-main"></div>' +
     '<div class="mask"></div>' +
-  '</section>'
+    '</section>'
+  )
 }
 
 /**

src/core/router/history/base.js

@@ -4,20 +4,20 @@ import { noop } from '../../util/core'
 const cached = {}
 
 function getAlias (path, alias, last) {
-  const match = Object.keys(alias).filter((key) => {
+  const match = Object.keys(alias).filter(key => {
     const re = cached[key] || (cached[key] = new RegExp(`^${key}$`))
     return re.test(path) && path !== last
   })[0]
 
-  return match ? getAlias(path.replace(cached[match], alias[match]), alias, path) : path
+  return match
+    ? getAlias(path.replace(cached[match], alias[match]), alias, path)
+    : path
 }
 
 function getFileName (path) {
   return /\.(md|html)$/g.test(path)
     ? path
-    : /\/$/g.test(path)
-      ? `${path}README.md`
-      : `${path}.md`
+    : /\/$/g.test(path) ? `${path}README.md` : `${path}.md`
 }
 
 export class History {
@@ -37,7 +37,7 @@ export class History {
 
     path = config.alias ? getAlias(path, config.alias) : path
     path = getFileName(path)
-    path = path === '/README.md' ? (config.homepage || path) : path
+    path = path === '/README.md' ? config.homepage || path : path
     path = isAbsolutePath(path) ? path : getPath(base, path)
 
     if (isRelative) {

src/core/router/history/hash.js

@@ -5,9 +5,7 @@ import { parseQuery, stringifyQuery, cleanPath } from '../util'
 
 function replaceHash (path) {
   const i = location.href.indexOf('#')
-  location.replace(
-    location.href.slice(0, i >= 0 ? i : 0) + '#' + path
-  )
+  location.replace(location.href.slice(0, i >= 0 ? i : 0) + '#' + path)
 }
 
 const replaceSlug = cached(path => {
@@ -24,9 +22,7 @@ export class HashHistory extends History {
     const path = window.location.pathname || ''
     const base = this.config.basePath
 
-    return /^(\/|https?:)/g.test(base)
-      ? base
-      : cleanPath(path + '/' + base)
+    return /^(\/|https?:)/g.test(base) ? base : cleanPath(path + '/' + base)
   }
 
   getCurrentPath () {

src/core/router/history/html5.js

@@ -22,9 +22,7 @@ export class HTML5History extends History {
 
   onchange (cb = noop) {
     on('click', e => {
-      const el = e.target.tagName === 'A'
-        ? e.target
-        : e.target.parentNode
+      const el = e.target.tagName === 'A' ? e.target : e.target.parentNode
 
       if (el.tagName === 'A' && !/_blank/.test(el.target)) {
         e.preventDefault()

src/core/router/util.js

@@ -26,9 +26,11 @@ export function stringifyQuery (obj) {
   const qs = []
 
   for (const key in obj) {
-    qs.push(obj[key]
-      ? `${encode(key)}=${encode(obj[key])}`.toLowerCase()
-      : encode(key))
+    qs.push(
+      obj[key]
+        ? `${encode(key)}=${encode(obj[key])}`.toLowerCase()
+        : encode(key)
+    )
   }
 
   return qs.length ? `?${qs.join('&')}` : ''
@@ -45,13 +47,9 @@ export const isAbsolutePath = cached(path => {
 export const getParentPath = cached(path => {
   return /\/$/g.test(path)
     ? path
-    : (path = path.match(/(\S*\/)[^\/]+$/))
-      ? path[1]
-      : ''
+    : (path = path.match(/(\S*\/)[^\/]+$/)) ? path[1] : ''
 })
 
 export const cleanPath = cached(path => {
-  return path
-    .replace(/^\/+/, '/')
-    .replace(/([^:])\/{2,}/g, '$1/')
+  return path.replace(/^\/+/, '/').replace(/([^:])\/{2,}/g, '$1/')
 })

src/core/util/core.js

@@ -19,21 +19,23 @@ export const hyphenate = cached(str => {
 /**
  * Simple Object.assign polyfill
  */
-export const merge = Object.assign || function (to) {
-  const hasOwn = Object.prototype.hasOwnProperty
+export const merge =
+  Object.assign ||
+  function (to) {
+    const hasOwn = Object.prototype.hasOwnProperty
 
-  for (let i = 1; i < arguments.length; i++) {
-    const from = Object(arguments[i])
+    for (let i = 1; i < arguments.length; i++) {
+      const from = Object(arguments[i])
 
-    for (const key in from) {
-      if (hasOwn.call(from, key)) {
-        to[key] = from[key]
+      for (const key in from) {
+        if (hasOwn.call(from, key)) {
+          to[key] = from[key]
+        }
       }
     }
-  }
 
-  return to
-}
+    return to
+  }
 
 /**
  * Check if value is primitive

src/core/util/env.js

@@ -5,11 +5,17 @@ export const isMobile = inBrowser && document.body.clientWidth <= 600
 /**
  * @see https://github.com/MoOx/pjax/blob/master/lib/is-supported.js
  */
-export const supportsPushState = inBrowser && (function () {
-  // Borrowed wholesale from https://github.com/defunkt/jquery-pjax
-  return window.history &&
-    window.history.pushState &&
-    window.history.replaceState &&
-    // pushState isn’t reliable on iOS until 5.
-    !navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/)
-})()
+export const supportsPushState =
+  inBrowser &&
+  (function () {
+    // Borrowed wholesale from https://github.com/defunkt/jquery-pjax
+    return (
+      window.history &&
+      window.history.pushState &&
+      window.history.replaceState &&
+      // pushState isn’t reliable on iOS until 5.
+      !navigator.userAgent.match(
+        /((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/
+      )
+    )
+  })()

src/core/util/polyfill/css-vars.js

@@ -2,18 +2,17 @@ import * as dom from '../dom'
 import { get } from '../../fetch/ajax'
 
 function replaceVar (block, color) {
-  block.innerHTML = block.innerHTML
-    .replace(/var\(\s*--theme-color.*?\)/g, color)
+  block.innerHTML = block.innerHTML.replace(
+    /var\(\s*--theme-color.*?\)/g,
+    color
+  )
 }
 
 export default function (color) {
   // Variable support
-  if (window.CSS &&
-      window.CSS.supports &&
-      window.CSS.supports('(--v:red)')) return
+  if (window.CSS && window.CSS.supports && window.CSS.supports('(--v:red)')) { return }
 
   const styleBlocks = dom.findAll('style:not(.inserted),link')
-
   ;[].forEach.call(styleBlocks, block => {
     if (block.nodeName === 'STYLE') {
       replaceVar(block, color)