+ 
- 
- " + (tree(node.children)) + "
" + (content.slice(5).trim()) + "
") +} + +function theme (color) { + return ("") +} + +var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + + + + + +function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; +} + +var marked = createCommonjsModule(function (module, exports) { +/** + * marked - a markdown parser + * Copyright (c) 2011-2014, Christopher Jeffrey. (MIT Licensed) + * https://github.com/chjj/marked + */ + +(function() { + +/** + * Block-Level Grammar + */ + +var block = { + newline: /^\n+/, + code: /^( {4}[^\n]+\n*)+/, + fences: noop, + hr: /^( *[-*_]){3,} *(?:\n+|$)/, + heading: /^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/, + nptable: noop, + lheading: /^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/, + blockquote: /^( *>[^\n]+(\n(?!def)[^\n]+)*\n*)+/, + list: /^( *)(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/, + html: /^ *(?:comment *(?:\n|\s*$)|closed *(?:\n{2,}|\s*$)|closing *(?:\n{2,}|\s*$))/, + def: /^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/, + table: noop, + paragraph: /^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/, + text: /^[^\n]+/ +}; + +block.bullet = /(?:[*+-]|\d+\.)/; +block.item = /^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/; +block.item = replace(block.item, 'gm') + (/bull/g, block.bullet) + (); + +block.list = replace(block.list) + (/bull/g, block.bullet) + ('hr', '\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))') + ('def', '\\n+(?=' + block.def.source + ')') + (); + +block.blockquote = replace(block.blockquote) + ('def', block.def) + (); + +block._tag = '(?!(?:' + + 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code' + + '|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo' + + '|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|[^\\w\\s@]*@)\\b'; + +block.html = replace(block.html) + ('comment', //) + ('closed', /<(tag)[\s\S]+?<\/\1>/) + ('closing', /'
+ + (escaped ? code : escape(code, true))
+ + '\n'
+ + (escaped ? code : escape(code, true))
+ + '\n\n' + quote + '\n'; +}; + +Renderer.prototype.html = function(html) { + return html; +}; + +Renderer.prototype.heading = function(text, level, raw) { + return '
\n' : '
\n'; +}; + +Renderer.prototype.list = function(body, ordered) { + var type = ordered ? 'ol' : 'ul'; + return '<' + type + '>\n' + body + '\n'; +}; + +Renderer.prototype.listitem = function(text) { + return '
' + text + '
\n'; +}; + +Renderer.prototype.table = function(header, body) { + return '' + text + '';
+};
+
+Renderer.prototype.br = function() {
+ return this.options.xhtml ? '' : '
'; +}; + +Renderer.prototype.del = function(text) { + return '
An error occured:
' + + escape(e.message + '', true) + + ''; + } + throw e; + } +} + +/** + * Options + */ + +marked.options = +marked.setOptions = function(opt) { + merge(marked.defaults, opt); + return marked; +}; + +marked.defaults = { + gfm: true, + tables: true, + breaks: false, + pedantic: false, + sanitize: false, + sanitizer: null, + mangle: true, + smartLists: false, + silent: false, + highlight: null, + langPrefix: 'lang-', + smartypants: false, + headerPrefix: '', + renderer: new Renderer, + xhtml: false +}; + +/** + * Expose + */ + +marked.Parser = Parser; +marked.parser = Parser.parse; + +marked.Renderer = Renderer; + +marked.Lexer = Lexer; +marked.lexer = Lexer.lex; + +marked.InlineLexer = InlineLexer; +marked.inlineLexer = InlineLexer.output; + +marked.parse = marked; + +{ + module.exports = marked; +} + +}).call(function() { + return this || (typeof window !== 'undefined' ? window : commonjsGlobal); +}()); +}); + +var prism = createCommonjsModule(function (module) { +/* ********************************************** + Begin prism-core.js +********************************************** */ + +var _self = (typeof window !== 'undefined') + ? window // if in browser + : ( + (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope) + ? self // if in worker + : {} // if in node js + ); + +/** + * Prism: Lightweight, robust, elegant syntax highlighting + * MIT license http://www.opensource.org/licenses/mit-license.php/ + * @author Lea Verou http://lea.verou.me + */ + +var Prism = (function(){ + +// Private helper vars +var lang = /\blang(?:uage)?-(\w+)\b/i; +var uniqueId = 0; + +var _ = _self.Prism = { + util: { + encode: function (tokens) { + if (tokens instanceof Token) { + return new Token(tokens.type, _.util.encode(tokens.content), tokens.alias); + } else if (_.util.type(tokens) === 'Array') { + return tokens.map(_.util.encode); + } else { + return tokens.replace(/&/g, '&').replace(/ text.length) { + // Something went terribly wrong, ABORT, ABORT! + break tokenloop; + } + + if (str instanceof Token) { + continue; + } + + pattern.lastIndex = 0; + + var match = pattern.exec(str), + delNum = 1; + + // Greedy patterns can override/remove up to two previously matched tokens + if (!match && greedy && i != strarr.length - 1) { + pattern.lastIndex = pos; + match = pattern.exec(text); + if (!match) { + break; + } + + var from = match.index + (lookbehind ? match[1].length : 0), + to = match.index + match[0].length, + k = i, + p = pos; + + for (var len = strarr.length; k < len && p < to; ++k) { + p += strarr[k].length; + // Move the index i to the element in strarr that is closest to from + if (from >= p) { + ++i; + pos = p; + } + } + + /* + * If strarr[i] is a Token, then the match starts inside another Token, which is invalid + * If strarr[k - 1] is greedy we are in conflict with another greedy pattern + */ + if (strarr[i] instanceof Token || strarr[k - 1].greedy) { + continue; + } + + // Number of tokens to delete and replace with the new match + delNum = k - i; + str = text.slice(pos, p); + match.index -= pos; + } + + if (!match) { + continue; + } + + if(lookbehind) { + lookbehindLength = match[1].length; + } + + var from = match.index + lookbehindLength, + match = match[0].slice(lookbehindLength), + to = from + match.length, + before = str.slice(0, from), + after = str.slice(to); + + var args = [i, delNum]; + + if (before) { + args.push(before); + } + + var wrapped = new Token(token, inside? _.tokenize(match, inside) : match, alias, match, greedy); + + args.push(wrapped); + + if (after) { + args.push(after); + } + + Array.prototype.splice.apply(strarr, args); + } + } + } + + return strarr; + }, + + hooks: { + all: {}, + + add: function (name, callback) { + var hooks = _.hooks.all; + + hooks[name] = hooks[name] || []; + + hooks[name].push(callback); + }, + + run: function (name, env) { + var callbacks = _.hooks.all[name]; + + if (!callbacks || !callbacks.length) { + return; + } + + for (var i=0, callback; callback = callbacks[i++];) { + callback(env); + } + } + } +}; + +var Token = _.Token = function(type, content, alias, matchedStr, greedy) { + this.type = type; + this.content = content; + this.alias = alias; + // Copy of the full string this token was created from + this.length = (matchedStr || "").length|0; + this.greedy = !!greedy; +}; + +Token.stringify = function(o, language, parent) { + if (typeof o == 'string') { + return o; + } + + if (_.util.type(o) === 'Array') { + return o.map(function(element) { + return Token.stringify(element, language, o); + }).join(''); + } + + var env = { + type: o.type, + content: Token.stringify(o.content, language, parent), + tag: 'span', + classes: ['token', o.type], + attributes: {}, + language: language, + parent: parent + }; + + if (env.type == 'comment') { + env.attributes['spellcheck'] = 'true'; + } + + if (o.alias) { + var aliases = _.util.type(o.alias) === 'Array' ? o.alias : [o.alias]; + Array.prototype.push.apply(env.classes, aliases); + } + + _.hooks.run('wrap', env); + + var attributes = Object.keys(env.attributes).map(function(name) { + return name + '="' + (env.attributes[name] || '').replace(/"/g, '"') + '"'; + }).join(' '); + + return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + (attributes ? ' ' + attributes : '') + '>' + env.content + ''; + +}; + +if (!_self.document) { + if (!_self.addEventListener) { + // in Node.js + return _self.Prism; + } + // In worker + _self.addEventListener('message', function(evt) { + var message = JSON.parse(evt.data), + lang = message.language, + code = message.code, + immediateClose = message.immediateClose; + + _self.postMessage(_.highlight(code, _.languages[lang], lang)); + if (immediateClose) { + _self.close(); + } + }, false); + + return _self.Prism; +} + +//Get current script and highlight +var script = document.currentScript || [].slice.call(document.getElementsByTagName("script")).pop(); + +if (script) { + _.filename = script.src; + + if (document.addEventListener && !script.hasAttribute('data-manual')) { + if(document.readyState !== "loading") { + if (window.requestAnimationFrame) { + window.requestAnimationFrame(_.highlightAll); + } else { + window.setTimeout(_.highlightAll, 16); + } + } + else { + document.addEventListener('DOMContentLoaded', _.highlightAll); + } + } +} + +return _self.Prism; + +})(); + +if ('object' !== 'undefined' && module.exports) { + module.exports = Prism; +} + +// hack for components to work correctly in node.js +if (typeof commonjsGlobal !== 'undefined') { + commonjsGlobal.Prism = Prism; +} + + +/* ********************************************** + Begin prism-markup.js +********************************************** */ + +Prism.languages.markup = { + 'comment': //, + 'prolog': /<\?[\w\W]+?\?>/, + 'doctype': //i, + 'cdata': //i, + 'tag': { + pattern: /<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i, + inside: { + 'tag': { + pattern: /^<\/?[^\s>\/]+/i, + inside: { + 'punctuation': /^<\/?/, + 'namespace': /^[^\s>\/:]+:/ + } + }, + 'attr-value': { + pattern: /=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i, + inside: { + 'punctuation': /[=>"']/ + } + }, + 'punctuation': /\/?>/, + 'attr-name': { + pattern: /[^\s>\/]+/, + inside: { + 'namespace': /^[^\s>\/:]+:/ + } + } + + } + }, + 'entity': /&#?[\da-z]{1,8};/i +}; + +// Plugin to make entity title show the real entity, idea by Roman Komarov +Prism.hooks.add('wrap', function(env) { + + if (env.type === 'entity') { + env.attributes['title'] = env.content.replace(/&/, '&'); + } +}); + +Prism.languages.xml = Prism.languages.markup; +Prism.languages.html = Prism.languages.markup; +Prism.languages.mathml = Prism.languages.markup; +Prism.languages.svg = Prism.languages.markup; + + +/* ********************************************** + Begin prism-css.js +********************************************** */ + +Prism.languages.css = { + 'comment': /\/\*[\w\W]*?\*\//, + 'atrule': { + pattern: /@[\w-]+?.*?(;|(?=\s*\{))/i, + inside: { + 'rule': /@[\w-]+/ + // See rest below + } + }, + 'url': /url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i, + 'selector': /[^\{\}\s][^\{\};]*?(?=\s*\{)/, + 'string': { + pattern: /("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/, + greedy: true + }, + 'property': /(\b|\B)[\w-]+(?=\s*:)/i, + 'important': /\B!important\b/i, + 'function': /[-a-z0-9]+(?=\()/i, + 'punctuation': /[(){};:]/ +}; + +Prism.languages.css['atrule'].inside.rest = Prism.util.clone(Prism.languages.css); + +if (Prism.languages.markup) { + Prism.languages.insertBefore('markup', 'tag', { + 'style': { + pattern: /(
'
+}
+
+function emojify (text) {
+ return text
+ .replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, function (m) { return m.replace(/:/g, '__colon__'); })
+ .replace(/:(\w+?):/ig, window.emojify || replace)
+ .replace(/__colon__/g, ':')
+}
+
+var markdownCompiler = marked;
+var contentBase = '';
+var currentPath = '';
+var renderer = new marked.Renderer();
+var cacheTree = {};
+var toc = [];
+
+/**
+ * Compile markdown content
+ */
+var markdown = cached(function (text) {
+ var html = '';
+
+ if (!text) { return text }
+
+ html = markdownCompiler(text);
+ html = emojify(html);
+ slugify.clear();
+
+ return html
+});
+
+markdown.renderer = renderer;
+
+markdown.init = function (config, base) {
+ if ( config === void 0 ) config = {};
+ if ( base === void 0 ) base = window.location.pathname;
+
+ contentBase = getBasePath(base);
+
+ if (isFn(config)) {
+ markdownCompiler = config(marked, renderer);
+ } else {
+ renderer = merge(renderer, config.renderer);
+ marked.setOptions(merge(config, { renderer: renderer }));
+ }
+};
+
+markdown.update = function () {
+ currentPath = parse().path;
+};
+
+/**
+ * render anchor tag
+ * @link https://github.com/chjj/marked#overriding-renderer-methods
+ */
+renderer.heading = function (text, level) {
+ var slug = slugify(text);
+ var url = toURL(currentPath, { id: slug });
+
+ toc.push({ level: level, slug: url, title: text });
+
+ return ("" + hl + "" + text + "
") +}; +renderer.image = function (href, title, text) { + var url = href; + var titleHTML = title ? (" title=\"" + title + "\"") : ''; + + if (!isAbsolutePath(href)) { + url = getPath(contentBase, href); + } + + return ("- ');
+ cacheTree[currentPath] = tree$$1;
+ }
+
+ return html
+}
+
+/**
+ * Compile sub sidebar
+ */
+function subSidebar (el, level) {
+ if (el) {
+ toc[0] && toc[0].level === 1 && toc.shift();
+ var tree$$1 = cacheTree[currentPath] || genTree(toc, level);
+ el.parentNode.innerHTML += tree(tree$$1, '")}),t):""}function F(e,t){return'
- "+e+" \n"},r.prototype.paragraph=function(e){return"
- /.test(body.split('class="task-list"')[0])
- const isStartReq = start && start > 1
- const tag = ordered ? 'ol' : 'ul'
- const tagAttrs = [
- (isTaskList ? 'class="task-list"' : ''),
- (isStartReq ? `start="${start}"` : '')
- ].join(' ').trim()
-
- return `<${tag} ${tagAttrs}>${body}`
- }
- origin.listitem = renderer.listitem = function (text) {
- const isTaskItem = /^(
- ${text}
` - - return html - } - - renderer.origin = origin - - return renderer - } - - /** - * Compile sidebar - */ - sidebar(text, level) { - const {toc} = this - const currentPath = this.router.getCurrentPath() - let html = '' - - if (text) { - html = this.compile(text) - } else { - for (let i = 0; i < toc.length; i++) { - if (toc[i].ignoreSubHeading) { - const deletedHeaderLevel = toc[i].level - toc.splice(i, 1) - // Remove headers who are under current header - for (let j = i; deletedHeaderLevel < toc[j].level && j < toc.length; j++) { - toc.splice(j, 1) && j-- && i++ - } - i-- - } - } - const tree = this.cacheTree[currentPath] || genTree(toc, level) - html = treeTpl(tree, '- {inner}
- ')
cacheTree[currentPath] = tree
- this.toc = []
- return treeTpl(tree)
}
- article(text) {
- return this.compile(text)
- }
-
- /**
- * Compile cover page
- */
- cover(text) {
- const cacheToc = this.toc.slice()
- const html = this.compile(text)
-
- this.toc = cacheToc.slice()
-
- return html
- }
+ return html
+}
+
+/**
+ * Compile sub sidebar
+ */
+export function subSidebar (el, level) {
+ if (el) {
+ toc[0] && toc[0].level === 1 && toc.shift()
+ const tree = cacheTree[currentPath] || genTree(toc, level)
+ el.parentNode.innerHTML += treeTpl(tree, '
- ')
+ cacheTree[currentPath] = tree
+ }
+ toc = []
+}
+
+/**
+ * Compile cover page
+ */
+export function cover (text) {
+ const cacheToc = toc.slice()
+ const html = markdown(text)
+
+ toc = cacheToc.slice()
+
+ return html
}
diff --git a/src/core/render/embed.js b/src/core/render/embed.js
deleted file mode 100644
index 8218374..0000000
--- a/src/core/render/embed.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import {get} from '../fetch/ajax'
-import {merge} from '../util/core'
-
-const cached = {}
-
-function walkFetchEmbed({embedTokens, compile, fetch}, cb) {
- let token
- let step = 0
- let count = 1
-
- if (!embedTokens.length) {
- return cb({})
- }
-
- while ((token = embedTokens[step++])) {
- const next = (function (token) {
- return text => {
- let embedToken
- if (text) {
- if (token.embed.type === 'markdown') {
- embedToken = compile.lexer(text)
- } else if (token.embed.type === 'code') {
- if (token.embed.fragment) {
- const fragment = token.embed.fragment
- const pattern = new RegExp(`(?:###|\\/\\/\\/)\\s*\\[${fragment}\\]([\\s\\S]*)(?:###|\\/\\/\\/)\\s*\\[${fragment}\\]`)
- text = ((text.match(pattern) || [])[1] || '').trim()
- }
- embedToken = compile.lexer(
- '```' +
- token.embed.lang +
- '\n' +
- text.replace(/`/g, '@DOCSIFY_QM@') +
- '\n```\n'
- )
- } else if (token.embed.type === 'mermaid') {
- embedToken = [
- {type: 'html', text: `
\n${text}\n`} - ] - embedToken.links = {} - } else { - embedToken = [{type: 'html', text}] - embedToken.links = {} - } - } - cb({token, embedToken}) - if (++count >= step) { - cb({}) - } - } - })(token) - - if (token.embed.url) { - if (process.env.SSR) { - fetch(token.embed.url).then(next) - } else { - get(token.embed.url).then(next) - } - } else { - next(token.embed.html) - } - } -} - -export function prerenderEmbed({compiler, raw = '', fetch}, done) { - let hit = cached[raw] - if (hit) { - const copy = hit.slice() - copy.links = hit.links - return done(copy) - } - - const compile = compiler._marked - let tokens = compile.lexer(raw) - const embedTokens = [] - const linkRE = compile.InlineLexer.rules.link - const links = tokens.links - - tokens.forEach((token, index) => { - if (token.type === 'paragraph') { - token.text = token.text.replace( - new RegExp(linkRE.source, 'g'), - (src, filename, href, title) => { - const embed = compiler.compileEmbed(href, title) - - if (embed) { - embedTokens.push({ - index, - embed - }) - } - - return src - } - ) - } - }) - - let moveIndex = 0 - walkFetchEmbed({compile, embedTokens, fetch}, ({embedToken, token}) => { - if (token) { - const index = token.index + moveIndex - - merge(links, embedToken.links) - - tokens = tokens - .slice(0, index) - .concat(embedToken, tokens.slice(index + 1)) - moveIndex += embedToken.length - 1 - } else { - cached[raw] = tokens.concat() - tokens.links = cached[raw].links = links - done(tokens) - } - }) -} diff --git a/src/core/render/emojify.js b/src/core/render/emojify.js index 95b946a..8d7983c 100644 --- a/src/core/render/emojify.js +++ b/src/core/render/emojify.js @@ -1,12 +1,10 @@ -import {inBrowser} from '../util/env' - -function replace(m, $1) { - return '
'
+function replace (m, $1) {
+ return ''
}
-export function emojify(text) {
+export function emojify (text) {
return text
.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g, m => m.replace(/:/g, '__colon__'))
- .replace(/:(\w+?):/ig, (inBrowser && window.emojify) || replace)
+ .replace(/:(\w+?):/ig, window.emojify || replace)
.replace(/__colon__/g, ':')
}
diff --git a/src/core/render/gen-tree.js b/src/core/render/gen-tree.js
index 81ba4bd..d3f6fa2 100644
--- a/src/core/render/gen-tree.js
+++ b/src/core/render/gen-tree.js
@@ -1,11 +1,11 @@
/**
- * Gen toc tree
+ * gen toc tree
* @link https://github.com/killercup/grock/blob/5280ae63e16c5739e9233d9009bc235ed7d79a50/styles/solarized/assets/js/behavior.coffee#L54-L81
* @param {Array} toc
* @param {Number} maxLevel
* @return {Array}
*/
-export function genTree(toc, maxLevel) {
+export function genTree (toc, maxLevel) {
const headlines = []
const last = {}
@@ -13,9 +13,7 @@ export function genTree(toc, maxLevel) {
const level = headline.level || 1
const len = level - 1
- if (level > maxLevel) {
- return
- }
+ if (level > maxLevel) return
if (last[len]) {
last[len].children = (last[len].children || []).concat(headline)
} else {
diff --git a/src/core/render/index.js b/src/core/render/index.js
index fae1bc5..de7a6fa 100644
--- a/src/core/render/index.js
+++ b/src/core/render/index.js
@@ -1,59 +1,39 @@
import * as dom from '../util/dom'
-import * as tpl from './tpl'
+import { getAndActive, sticky } from '../event/sidebar'
+import { scrollActiveSidebar, scroll2Top } from '../event/scroll'
import cssVars from '../util/polyfill/css-vars'
-import tinydate from 'tinydate'
-import {callHook} from '../init/lifecycle'
-import {Compiler} from './compiler'
-import {getAndActive, sticky} from '../event/sidebar'
-import {getPath, isAbsolutePath} from '../router/util'
-import {isMobile, inBrowser} from '../util/env'
-import {isPrimitive} from '../util/core'
-import {scrollActiveSidebar, scroll2Top} from '../event/scroll'
-import {prerenderEmbed} from './embed'
+import * as tpl from './tpl'
+import { markdown, sidebar, subSidebar, cover } from './compiler'
+import { callHook } from '../init/lifecycle'
+import { getBasePath, getPath, isAbsolutePath } from '../route/util'
+import { isPrimitive } from '../util/core'
-function executeScript() {
- const script = dom
- .findAll('.markdown-section>script')
- .filter(s => !/template/.test(s.type))[0]
- if (!script) {
- return false
- }
+function executeScript () {
+ const script = dom.findAll('.markdown-section>script')
+ .filter(s => !/template/.test(s.type))[0]
+ if (!script) return false
const code = script.innerText.trim()
- if (!code) {
- return false
- }
+ if (!code) return false
setTimeout(_ => {
window.__EXECUTE_RESULT__ = new Function(code)()
}, 0)
}
-function formatUpdated(html, updated, fn) {
- updated =
- typeof fn === 'function' ?
- fn(updated) :
- typeof fn === 'string' ?
- tinydate(fn)(new Date(updated)) :
- updated
-
- return html.replace(/{docsify-updated}/g, updated)
-}
-
-function renderMain(html) {
+function renderMain (html) {
if (!html) {
- html = '404 - Not found
' + // TODO: Custom 404 page + html = 'not found' } this._renderTo('.markdown-section', html) // Render sidebar with the TOC !this.config.loadSidebar && this._renderSidebar() - // Execute script - if ( - this.config.executeScript !== false && - typeof window.Vue !== 'undefined' && - !executeScript() - ) { + // execute script + if (this.config.executeScript !== false && + typeof window.Vue !== 'undefined' && + !executeScript()) { setTimeout(_ => { const vueVM = window.__EXECUTE_RESULT__ vueVM && vueVM.$destroy && vueVM.$destroy() @@ -62,124 +42,77 @@ function renderMain(html) { } else { this.config.executeScript && executeScript() } + + if (this.config.auto2top) { + scroll2Top(this.config.auto2top) + } } -function renderNameLink(vm) { +function renderNameLink (vm) { const el = dom.getNode('.app-name-link') const nameLink = vm.config.nameLink const path = vm.route.path - if (!el) { - return - } + if (!el) return if (isPrimitive(vm.config.nameLink)) { el.setAttribute('href', nameLink) } else if (typeof nameLink === 'object') { - const match = Object.keys(nameLink).filter(key => path.indexOf(key) > -1)[0] + const match = Object.keys(nameLink).find(key => path.indexOf(key) > -1) el.setAttribute('href', nameLink[match]) } } -export function renderMixin(proto) { +export function renderMixin (proto) { proto._renderTo = function (el, content, replace) { const node = dom.getNode(el) - if (node) { - node[replace ? 'outerHTML' : 'innerHTML'] = content - } + if (node) node[replace ? 'outerHTML' : 'innerHTML'] = content } proto._renderSidebar = function (text) { - const {maxLevel, subMaxLevel, loadSidebar} = this.config + const { maxLevel, subMaxLevel, autoHeader, loadSidebar } = this.config - this._renderTo('.sidebar-nav', this.compiler.sidebar(text, maxLevel)) - const activeEl = getAndActive(this.router, '.sidebar-nav', true, true) - if (loadSidebar && activeEl) { - activeEl.parentNode.innerHTML += - this.compiler.subSidebar(subMaxLevel) || '' - } else { - // Reset toc - this.compiler.subSidebar() - } - // Bind event - this._bindEventOnRendered(activeEl) - } + this._renderTo('.sidebar-nav', sidebar(text, maxLevel)) + const active = getAndActive('.sidebar-nav', true, true) + subSidebar(loadSidebar ? active : '', subMaxLevel) + // bind event + this.activeLink = active + scrollActiveSidebar() - proto._bindEventOnRendered = function (activeEl) { - const {autoHeader, auto2top} = this.config - - scrollActiveSidebar(this.router) - - if (autoHeader && activeEl) { + if (autoHeader && active) { const main = dom.getNode('#main') const firstNode = main.children[0] if (firstNode && firstNode.tagName !== 'H1') { const h1 = dom.create('h1') - h1.innerText = activeEl.innerText + h1.innerText = active.innerText dom.before(main, h1) } } - - auto2top && scroll2Top(auto2top) } proto._renderNav = function (text) { - text && this._renderTo('nav', this.compiler.compile(text)) - if (this.config.loadNavbar) { - getAndActive(this.router, 'nav') - } + text && this._renderTo('nav', markdown(text)) + getAndActive('nav') } - proto._renderMain = function (text, opt = {}, next) { - if (!text) { - return renderMain.call(this, text) - } - + proto._renderMain = function (text) { callHook(this, 'beforeEach', text, result => { - let html - const callback = () => { - if (opt.updatedAt) { - html = formatUpdated(html, opt.updatedAt, this.config.formatUpdated) - } - - callHook(this, 'afterEach', html, text => renderMain.call(this, text)) - } - if (this.isHTML) { - html = this.result = text - callback() - next() - } else { - prerenderEmbed( - { - compiler: this.compiler, - raw: result - }, - tokens => { - html = this.compiler.compile(tokens) - callback() - next() - } - ) - } + const html = this.isHTML ? result : markdown(result) + callHook(this, 'afterEach', html, text => renderMain.call(this, text)) }) } - proto._renderCover = function (text, coverOnly) { + proto._renderCover = function (text) { const el = dom.getNode('.cover') - - dom.toggleClass(dom.getNode('main'), coverOnly ? 'add' : 'remove', 'hidden') if (!text) { dom.toggleClass(el, 'remove', 'show') return } dom.toggleClass(el, 'add', 'show') - let html = this.coverIsHTML ? text : this.compiler.cover(text) - - const m = html - .trim() - .match('
$') + let html = this.coverIsHTML ? text : cover(text) + const m = html.trim().match('
$') if (m) { if (m[2] === 'color') { @@ -189,7 +122,7 @@ export function renderMixin(proto) { dom.toggleClass(el, 'add', 'has-mask') if (!isAbsolutePath(m[1])) { - path = getPath(this.router.getBasePath(), m[1]) + path = getPath(getBasePath(this.config.basePath), m[1]) } el.style.backgroundImage = `url(${path})` el.style.backgroundSize = 'cover' @@ -203,74 +136,50 @@ export function renderMixin(proto) { } proto._updateRender = function () { - // Render name link + markdown.update() + // render name link renderNameLink(this) } } -export function initRender(vm) { +export function initRender (vm) { const config = vm.config // Init markdown compiler - vm.compiler = new Compiler(config, vm.router) - if (inBrowser) { - window.__current_docsify_compiler__ = vm.compiler - } + markdown.init(config.markdown, config.basePath) const id = config.el || '#app' const navEl = dom.find('nav') || dom.create('nav') - const el = dom.find(id) + let el = dom.find(id) let html = '' - let navAppendToTarget = dom.body - if (el) { - if (config.repo) { - html += tpl.corner(config.repo) - } - if (config.coverpage) { - html += tpl.cover() - } + navEl.classList.add('app-nav') - if (config.logo) { - const isBase64 = /^data:image/.test(config.logo) - const isExternal = /(?:http[s]?:)?\/\//.test(config.logo) - const isRelative = /^\./.test(config.logo) - - if (!isBase64 && !isExternal && !isRelative) { - config.logo = getPath(vm.router.getBasePath(), config.logo) - } - } - - html += tpl.main(config) - // Render main app - vm._renderTo(el, html, true) - } else { - vm.rendered = true - } - - if (config.mergeNavbar && isMobile) { - navAppendToTarget = dom.find('.sidebar') - } else { - navEl.classList.add('app-nav') - - if (!config.repo) { - navEl.classList.add('no-badge') - } + if (!config.repo) { + navEl.classList.add('no-badge') + } + if (!el) { + el = dom.create(id) + dom.appendTo(dom.body, el) + } + if (config.repo) { + html += tpl.corner(config.repo) + } + if (config.coverpage) { + html += tpl.cover() } + html += tpl.main(config) + // Render main app + vm._renderTo(el, html, true) // Add nav - if (config.loadNavbar) { - dom.before(navAppendToTarget, navEl) - } + dom.before(dom.body, navEl) if (config.themeColor) { - dom.$.head.appendChild( - dom.create('div', tpl.theme(config.themeColor)).firstElementChild - ) + dom.$.head.innerHTML += tpl.theme(config.themeColor) // Polyfll cssVars(config.themeColor) } - vm._updateRender() dom.toggleClass(dom.body, 'ready') } diff --git a/src/core/render/progressbar.js b/src/core/render/progressbar.js index df15464..420fd6d 100644 --- a/src/core/render/progressbar.js +++ b/src/core/render/progressbar.js @@ -6,7 +6,7 @@ let timeId /** * Init progress component */ -function init() { +function init () { const div = dom.create('div') div.classList.add('progress') @@ -16,7 +16,7 @@ function init() { /** * Render progress bar */ -export default function ({loaded, total, step}) { +export default function ({ loaded, total, step }) { let num !barEl && init() diff --git a/src/core/render/slugify.js b/src/core/render/slugify.js index 719e494..bb34758 100644 --- a/src/core/render/slugify.js +++ b/src/core/render/slugify.js @@ -1,20 +1,10 @@ -import {hasOwn} from '../util/core' - let cache = {} -const re = /[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g +const re = /[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,.\/:;<=>?@\[\]^`{|}~]/g -function lower(string) { - return string.toLowerCase() -} +export function slugify (str) { + if (typeof str !== 'string') return '' -export function slugify(str) { - if (typeof str !== 'string') { - return '' - } - - let slug = str - .trim() - .replace(/[A-Z]+/g, lower) + let slug = str.toLowerCase().trim() .replace(/<[^>\d]+>/g, '') .replace(re, '') .replace(/\s/g, '-') @@ -22,7 +12,7 @@ export function slugify(str) { .replace(/^(\d)/, '_$1') let count = cache[slug] - count = hasOwn.call(cache, slug) ? count + 1 : 0 + count = cache.hasOwnProperty(slug) ? (count + 1) : 0 cache[slug] = count if (count) { diff --git a/src/core/render/tpl.js b/src/core/render/tpl.js index 71f5652..e2f1ec7 100644 --- a/src/core/render/tpl.js +++ b/src/core/render/tpl.js @@ -1,75 +1,61 @@ -import {isMobile} from '../util/env' +import { isMobile } from '../util/env' /** * Render github corner * @param {Object} data * @return {String} */ -export function corner(data) { - if (!data) { - return '' - } - if (!/\/\//.test(data)) { - data = 'https://github.com/' + data - } +export function corner (data) { + if (!data) return '' + if (!/\/\//.test(data)) data = 'https://github.com/' + data data = data.replace(/^git\+/, '') return ( - `` + + `` + '' + - '' - ) + ' - ${node.title} ` + tpl += `
- ${node.title} ` if (node.children) { - innerHTML += tree(node.children, tpl) + tpl += `
- ${tree(node.children)}
- linktext -
- just text -
- first -
- second -
- third -
- 1 -
- 2
-
-
- 2 a -
- 2 b -
- - 3 -
'+t.slice(5).trim()+"
"}function I(e){return""}function z(e,t){return t={exports:{}},e(t,t.exports),t.exports}function H(e,t){var n=[],r={};return e.forEach(function(e){var i=e.level||1,a=i-1;i>t||(r[a]?r[a].children=(r[a].children||[]).concat(e):n.push(e),r[i]=e)}),n}function R(e){if("string"!=typeof e)return"";var t=e.toLowerCase().trim().replace(/<[^>\d]+>/g,"").replace(Ue,"").replace(/\s/g,"-").replace(/-+/g,"-").replace(/^(\d)/,"_$1"),n=De[t];return n=De.hasOwnProperty(t)?n+1:0,De[t]=n,n&&(t=t+"-"+n),t}function W(e,t){return'
'}function B(e){return e.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g,function(e){return e.replace(/:/g,"__colon__")}).replace(/:(\w+?):/gi,window.emojify||W).replace(/__colon__/g,":")}function D(e,t){var n="";if(e)n=Qe(e),n=n.match(/- "),Ye[Xe]=r}return n}function U(e,t){if(e){Je[0]&&1===Je[0].level&&Je.shift();var n=Ye[Xe]||H(Je,t);e.parentNode.innerHTML+=N(n,'
- '),Ye[Xe]=n}Je=[]}function G(e){var t=Je.slice(),n=Qe(e);return Je=t.slice(),n}function V(){var e=l(".markdown-section>script").filter(function(e){return!/template/.test(e.type)})[0];if(!e)return!1;var t=e.innerText.trim();return!!t&&void setTimeout(function(e){window.__EXECUTE_RESULT__=new Function(t)()},0)}function X(e){e||(e="not found"),this._renderTo(".markdown-section",e),!this.config.loadSidebar&&this._renderSidebar(),this.config.executeScript===!1||"undefined"==typeof window.Vue||V()?this.config.executeScript&&V():setTimeout(function(e){var t=window.__EXECUTE_RESULT__;t&&t.$destroy&&t.$destroy(),window.__EXECUTE_RESULT__=(new window.Vue).$mount("#main")},0),this.config.auto2top&&T(this.config.auto2top)}function Z(e){var n=o(".app-name-link"),r=e.config.nameLink,i=e.route.path;if(n)if(t(e.config.nameLink))n.setAttribute("href",r);else if("object"==typeof r){var a=Object.keys(r).find(function(e){return i.indexOf(e)>-1});n.setAttribute("href",r[a])}}function Y(e){e._renderTo=function(e,t,n){var r=o(e);r&&(r[n?"outerHTML":"innerHTML"]=t)},e._renderSidebar=function(e){var t=this.config,n=t.maxLevel,r=t.subMaxLevel,i=t.autoHeader,a=t.loadSidebar;this._renderTo(".sidebar-nav",D(e,n));var s=S(".sidebar-nav",!0,!0);if(U(a?s:"",r),this.activeLink=s,E(),i&&s){var l=o("#main"),c=l.children[0];if(c&&"H1"!==c.tagName){var h=u("h1");h.innerText=s.innerText,p(l,h)}}},e._renderNav=function(e){e&&this._renderTo("nav",Qe(e)),S("nav")},e._renderMain=function(e){var t=this;a(this,"beforeEach",e,function(e){var n=t.isHTML?e:Qe(e);a(t,"afterEach",n,function(e){return X.call(t,e)})})},e._renderCover=function(e){var t=o(".cover");if(!e)return void g(t,"remove","show");g(t,"add","show");var n=this.coverIsHTML?e:G(e),r=n.trim().match('
"+a(e.message+"",!0)+"";throw e}}var p={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:l,hr:/^( *[-*_]){3,} *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,nptable:l,lheading:/^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/,blockquote:/^( *>[^\n]+(\n(?!def)[^\n]+)*\n*)+/,list:/^( *)(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:/^ *(?:comment *(?:\n|\s*$)|closed *(?:\n{2,}|\s*$)|closing *(?:\n{2,}|\s*$))/,def:/^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,table:l,paragraph:/^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,text:/^[^\n]+/};p.bullet=/(?:[*+-]|\d+\.)/,p.item=/^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/,p.item=s(p.item,"gm")(/bull/g,p.bullet)(),p.list=s(p.list)(/bull/g,p.bullet)("hr","\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))")("def","\\n+(?="+p.def.source+")")(),p.blockquote=s(p.blockquote)("def",p.def)(),p._tag="(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|[^\\w\\s@]*@)\\b",p.html=s(p.html)("comment",//)("closed",/<(tag)[\s\S]+?<\/\1>/)("closing",/
'+(n?e:a(e,!0))+"\n"+(n?e:a(e,!0))+"\n\n"+e+"\n"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n){return"
\n":"
\n"},r.prototype.list=function(e,t){var n=t?"ol":"ul";return"<"+n+">\n"+e+"\n"},r.prototype.listitem=function(e){return"
"+e+"
\n"},r.prototype.table=function(e,t){return""+e+""},r.prototype.br=function(){return this.options.xhtml?"":"
"},r.prototype.del=function(e){return"
'+n+""+e+"
"},Ze.image=function(e,t,n){var r=e,i=t?' title="'+t+'"':"";return Te(e)||(r=v(Ve,e)),''
+};
+
+}());
diff --git a/lib/plugins/emoji.min.js b/lib/plugins/emoji.min.js
new file mode 100644
index 0000000..3778713
--- /dev/null
+++ b/lib/plugins/emoji.min.js
@@ -0,0 +1 @@
+this.D=this.D||{},function(){"use strict";var e=["+1","100","1234","8ball","a","ab","abc","abcd","accept","aerial_tramway","airplane","alarm_clock","alien","ambulance","anchor","angel","anger","angry","anguished","ant","apple","aquarius","aries","arrow_backward","arrow_double_down","arrow_double_up","arrow_down","arrow_down_small","arrow_forward","arrow_heading_down","arrow_heading_up","arrow_left","arrow_lower_left","arrow_lower_right","arrow_right","arrow_right_hook","arrow_up","arrow_up_down","arrow_up_small","arrow_upper_left","arrow_upper_right","arrows_clockwise","arrows_counterclockwise","art","articulated_lorry","astonished","athletic_shoe","atm","b","baby","baby_bottle","baby_chick","baby_symbol","back","baggage_claim","balloon","ballot_box_with_check","bamboo","banana","bangbang","bank","bar_chart","barber","baseball","basketball","bath","bathtub","battery","bear","bee","beer","beers","beetle","beginner","bell","bento","bicyclist","bike","bikini","bird","birthday","black_circle","black_joker","black_large_square","black_medium_small_square","black_medium_square","black_nib","black_small_square","black_square_button","blossom","blowfish","blue_book","blue_car","blue_heart","blush","boar","boat","bomb","book","bookmark","bookmark_tabs","books","boom","boot","bouquet","bow","bowling","bowtie","boy","bread","bride_with_veil","bridge_at_night","briefcase","broken_heart","bug","bulb","bullettrain_front","bullettrain_side","bus","busstop","bust_in_silhouette","busts_in_silhouette","cactus","cake","calendar","calling","camel","camera","cancer","candy","capital_abcd","capricorn","car","card_index","carousel_horse","cat","cat2","cd","chart","chart_with_downwards_trend","chart_with_upwards_trend","checkered_flag","cherries","cherry_blossom","chestnut","chicken","children_crossing","chocolate_bar","christmas_tree","church","cinema","circus_tent","city_sunrise","city_sunset","cl","clap","clapper","clipboard","clock1","clock10","clock1030","clock11","clock1130","clock12","clock1230","clock130","clock2","clock230","clock3","clock330","clock4","clock430","clock5","clock530","clock6","clock630","clock7","clock730","clock8","clock830","clock9","clock930","closed_book","closed_lock_with_key","closed_umbrella","cloud","clubs","cn","cocktail","coffee","cold_sweat","collision","computer","confetti_ball","confounded","confused","congratulations","construction","construction_worker","convenience_store","cookie","cool","cop","copyright","corn","couple","couple_with_heart","couplekiss","cow","cow2","credit_card","crescent_moon","crocodile","crossed_flags","crown","cry","crying_cat_face","crystal_ball","cupid","curly_loop","currency_exchange","curry","custard","customs","cyclone","dancer","dancers","dango","dart","dash","date","de","deciduous_tree","department_store","diamond_shape_with_a_dot_inside","diamonds","disappointed","disappointed_relieved","dizzy","dizzy_face","do_not_litter","dog","dog2","dollar","dolls","dolphin","door","doughnut","dragon","dragon_face","dress","dromedary_camel","droplet","dvd","e-mail","ear","ear_of_rice","earth_africa","earth_americas","earth_asia","egg","eggplant","eight","eight_pointed_black_star","eight_spoked_asterisk","electric_plug","elephant","email","end","envelope","envelope_with_arrow","es","euro","european_castle","european_post_office","evergreen_tree","exclamation","expressionless","eyeglasses","eyes","facepunch","factory","fallen_leaf","family","fast_forward","fax","fearful","feelsgood","feet","ferris_wheel","file_folder","finnadie","fire","fire_engine","fireworks","first_quarter_moon","first_quarter_moon_with_face","fish","fish_cake","fishing_pole_and_fish","fist","five","flags","flashlight","flipper","floppy_disk","flower_playing_cards","flushed","foggy","football","footprints","fork_and_knife","fountain","four","four_leaf_clover","fr","free","fried_shrimp","fries","frog","frowning","fu","fuelpump","full_moon","full_moon_with_face","game_die","gb","gem","gemini","ghost","gift","gift_heart","girl","globe_with_meridians","goat","goberserk","godmode","golf","grapes","green_apple","green_book","green_heart","grey_exclamation","grey_question","grimacing","grin","grinning","guardsman","guitar","gun","haircut","hamburger","hammer","hamster","hand","handbag","hankey","hash","hatched_chick","hatching_chick","headphones","hear_no_evil","heart","heart_decoration","heart_eyes","heart_eyes_cat","heartbeat","heartpulse","hearts","heavy_check_mark","heavy_division_sign","heavy_dollar_sign","heavy_exclamation_mark","heavy_minus_sign","heavy_multiplication_x","heavy_plus_sign","helicopter","herb","hibiscus","high_brightness","high_heel","hocho","honey_pot","honeybee","horse","horse_racing","hospital","hotel","hotsprings","hourglass","hourglass_flowing_sand","house","house_with_garden","hurtrealbad","hushed","ice_cream","icecream","id","ideograph_advantage","imp","inbox_tray","incoming_envelope","information_desk_person","information_source","innocent","interrobang","iphone","it","izakaya_lantern","jack_o_lantern","japan","japanese_castle","japanese_goblin","japanese_ogre","jeans","joy","joy_cat","jp","key","keycap_ten","kimono","kiss","kissing","kissing_cat","kissing_closed_eyes","kissing_heart","kissing_smiling_eyes","koala","koko","kr","lantern","large_blue_circle","large_blue_diamond","large_orange_diamond","last_quarter_moon","last_quarter_moon_with_face","laughing","leaves","ledger","left_luggage","left_right_arrow","leftwards_arrow_with_hook","lemon","leo","leopard","libra","light_rail","link","lips","lipstick","lock","lock_with_ink_pen","lollipop","loop","loud_sound","loudspeaker","love_hotel","love_letter","low_brightness","m","mag","mag_right","mahjong","mailbox","mailbox_closed","mailbox_with_mail","mailbox_with_no_mail","man","man_with_gua_pi_mao","man_with_turban","mans_shoe","maple_leaf","mask","massage","meat_on_bone","mega","melon","memo","mens","metal","metro","microphone","microscope","milky_way","minibus","minidisc","mobile_phone_off","money_with_wings","moneybag","monkey","monkey_face","monorail","moon","mortar_board","mount_fuji","mountain_bicyclist","mountain_cableway","mountain_railway","mouse","mouse2","movie_camera","moyai","muscle","mushroom","musical_keyboard","musical_note","musical_score","mute","nail_care","name_badge","neckbeard","necktie","negative_squared_cross_mark","neutral_face","new","new_moon","new_moon_with_face","newspaper","ng","night_with_stars","nine","no_bell","no_bicycles","no_entry","no_entry_sign","no_good","no_mobile_phones","no_mouth","no_pedestrians","no_smoking","non-potable_water","nose","notebook","notebook_with_decorative_cover","notes","nut_and_bolt","o","o2","ocean","octocat","octopus","oden","office","ok","ok_hand","ok_woman","older_man","older_woman","on","oncoming_automobile","oncoming_bus","oncoming_police_car","oncoming_taxi","one","open_book","open_file_folder","open_hands","open_mouth","ophiuchus","orange_book","outbox_tray","ox","package","page_facing_up","page_with_curl","pager","palm_tree","panda_face","paperclip","parking","part_alternation_mark","partly_sunny","passport_control","paw_prints","peach","pear","pencil","pencil2","penguin","pensive","performing_arts","persevere","person_frowning","person_with_blond_hair","person_with_pouting_face","phone","pig","pig2","pig_nose","pill","pineapple","pisces","pizza","point_down","point_left","point_right","point_up","point_up_2","police_car","poodle","poop","post_office","postal_horn","postbox","potable_water","pouch","poultry_leg","pound","pouting_cat","pray","princess","punch","purple_heart","purse","pushpin","put_litter_in_its_place","question","rabbit","rabbit2","racehorse","radio","radio_button","rage","rage1","rage2","rage3","rage4","railway_car","rainbow","raised_hand","raised_hands","raising_hand","ram","ramen","rat","recycle","red_car","red_circle","registered","relaxed","relieved","repeat","repeat_one","restroom","revolving_hearts","rewind","ribbon","rice","rice_ball","rice_cracker","rice_scene","ring","rocket","roller_coaster","rooster","rose","rotating_light","round_pushpin","rowboat","ru","rugby_football","runner","running","running_shirt_with_sash","sa","sagittarius","sailboat","sake","sandal","santa","satellite","satisfied","saxophone","school","school_satchel","scissors","scorpius","scream","scream_cat","scroll","seat","secret","see_no_evil","seedling","seven","shaved_ice","sheep","shell","ship","shipit","shirt","shit","shoe","shower","signal_strength","six","six_pointed_star","ski","skull","sleeping","sleepy","slot_machine","small_blue_diamond","small_orange_diamond","small_red_triangle","small_red_triangle_down","smile","smile_cat","smiley","smiley_cat","smiling_imp","smirk","smirk_cat","smoking","snail","snake","snowboarder","snowflake","snowman","sob","soccer","soon","sos","sound","space_invader","spades","spaghetti","sparkle","sparkler","sparkles","sparkling_heart","speak_no_evil","speaker","speech_balloon","speedboat","squirrel","star","star2","stars","station","statue_of_liberty","steam_locomotive","stew","straight_ruler","strawberry","stuck_out_tongue","stuck_out_tongue_closed_eyes","stuck_out_tongue_winking_eye","sun_with_face","sunflower","sunglasses","sunny","sunrise","sunrise_over_mountains","surfer","sushi","suspect","suspension_railway","sweat","sweat_drops","sweat_smile","sweet_potato","swimmer","symbols","syringe","tada","tanabata_tree","tangerine","taurus","taxi","tea","telephone","telephone_receiver","telescope","tennis","tent","thought_balloon","three","thumbsdown","thumbsup","ticket","tiger","tiger2","tired_face","tm","toilet","tokyo_tower","tomato","tongue","top","tophat","tractor","traffic_light","train","train2","tram","triangular_flag_on_post","triangular_ruler","trident","triumph","trolleybus","trollface","trophy","tropical_drink","tropical_fish","truck","trumpet","tshirt","tulip","turtle","tv","twisted_rightwards_arrows","two","two_hearts","two_men_holding_hands","two_women_holding_hands","u5272","u5408","u55b6","u6307","u6708","u6709","u6e80","u7121","u7533","u7981","u7a7a","uk","umbrella","unamused","underage","unlock","up","us","v","vertical_traffic_light","vhs","vibration_mode","video_camera","video_game","violin","virgo","volcano","vs","walking","waning_crescent_moon","waning_gibbous_moon","warning","watch","water_buffalo","watermelon","wave","wavy_dash","waxing_crescent_moon","waxing_gibbous_moon","wc","weary","wedding","whale","whale2","wheelchair","white_check_mark","white_circle","white_flower","white_large_square","white_medium_small_square","white_medium_square","white_small_square","white_square_button","wind_chime","wine_glass","wink","wolf","woman","womans_clothes","womans_hat","womens","worried","wrench","x","yellow_heart","yen","yum","zap","zero","zzz"];window.emojify=function(a,o){return e.indexOf(o)===-1?a:'
'}}();
diff --git a/lib/plugins/external-script.js b/lib/plugins/external-script.js
new file mode 100644
index 0000000..3a10883
--- /dev/null
+++ b/lib/plugins/external-script.js
@@ -0,0 +1,25 @@
+this.D = this.D || {};
+(function () {
+'use strict';
+
+function handleExternalScript () {
+ var container = Docsify.dom.getNode('#main');
+ var script = Docsify.dom.find(container, 'script');
+
+ if (script && script.src) {
+ var newScript = document.createElement('script');['src', 'async', 'defer'].forEach(function (attribute) {
+ newScript[attribute] = script[attribute];
+ });
+
+ script.parentNode.removeChild(script);
+ container.appendChild(newScript);
+ }
+}
+
+var install = function (hook) {
+ hook.doneEach(handleExternalScript);
+};
+
+window.$docsify.plugins = [].concat(install, window.$docsify.plugins);
+
+}());
diff --git a/lib/plugins/external-script.min.js b/lib/plugins/external-script.min.js
new file mode 100644
index 0000000..6f7712b
--- /dev/null
+++ b/lib/plugins/external-script.min.js
@@ -0,0 +1 @@
+this.D=this.D||{},function(){"use strict";function i(){var i=Docsify.dom.getNode("#main"),n=Docsify.dom.find(i,"script");if(n&&n.src){var c=document.createElement("script");["src","async","defer"].forEach(function(i){c[i]=n[i]}),n.parentNode.removeChild(n),i.appendChild(c)}}var n=function(n){n.doneEach(i)};window.$docsify.plugins=[].concat(n,window.$docsify.plugins)}();
diff --git a/lib/plugins/front-matter.js b/lib/plugins/front-matter.js
new file mode 100644
index 0000000..0c996aa
--- /dev/null
+++ b/lib/plugins/front-matter.js
@@ -0,0 +1,503 @@
+this.D = this.D || {};
+(function () {
+'use strict';
+
+/**
+ * Fork https://github.com/egoist/docute/blob/master/src/utils/yaml.js
+ */
+/* eslint-disable */
+/*
+YAML parser for Javascript
+Author: Diogo Costa
+This program is released under the MIT License as follows:
+Copyright (c) 2011 Diogo Costa (costa.h4evr@gmail.com)
+Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ THE SOFTWARE.
+*/
+
+/**
+ * @name YAML
+ * @namespace
+*/
+
+
+var errors = [];
+var reference_blocks = [];
+var processing_time = 0;
+var regex$1 =
+ {
+ "regLevel" : new RegExp("^([\\s\\-]+)"),
+ "invalidLine" : new RegExp("^\\-\\-\\-|^\\.\\.\\.|^\\s*#.*|^\\s*$"),
+ "dashesString" : new RegExp("^\\s*\\\"([^\\\"]*)\\\"\\s*$"),
+ "quotesString" : new RegExp("^\\s*\\\'([^\\\']*)\\\'\\s*$"),
+ "float" : new RegExp("^[+-]?[0-9]+\\.[0-9]+(e[+-]?[0-9]+(\\.[0-9]+)?)?$"),
+ "integer" : new RegExp("^[+-]?[0-9]+$"),
+ "array" : new RegExp("\\[\\s*(.*)\\s*\\]"),
+ "map" : new RegExp("\\{\\s*(.*)\\s*\\}"),
+ "key_value" : new RegExp("([a-z0-9_-][ a-z0-9_-]*):( .+)", "i"),
+ "single_key_value" : new RegExp("^([a-z0-9_-][ a-z0-9_-]*):( .+?)$", "i"),
+ "key" : new RegExp("([a-z0-9_-][ a-z0-9_-]+):( .+)?", "i"),
+ "item" : new RegExp("^-\\s+"),
+ "trim" : new RegExp("^\\s+|\\s+$"),
+ "comment" : new RegExp("([^\\\'\\\"#]+([\\\'\\\"][^\\\'\\\"]*[\\\'\\\"])*)*(#.*)?")
+ };
+
+ /**
+ * @class A block of lines of a given level.
+ * @param {int} lvl The block's level.
+ * @private
+ */
+function Block(lvl) {
+ return {
+ /* The block's parent */
+ parent: null,
+ /* Number of children */
+ length: 0,
+ /* Block's level */
+ level: lvl,
+ /* Lines of code to process */
+ lines: [],
+ /* Blocks with greater level */
+ children : [],
+ /* Add a block to the children collection */
+ addChild : function(obj) {
+ this.children.push(obj);
+ obj.parent = this;
+ ++this.length;
+ }
+ };
+}
+
+function parser$1(str) {
+ var regLevel = regex$1["regLevel"];
+ var invalidLine = regex$1["invalidLine"];
+ var lines = str.split("\n");
+ var m;
+ var level = 0, curLevel = 0;
+
+ var blocks = [];
+
+ var result = new Block(-1);
+ var currentBlock = new Block(0);
+ result.addChild(currentBlock);
+ var levels = [];
+ var line = "";
+
+ blocks.push(currentBlock);
+ levels.push(level);
+
+ for(var i = 0, len = lines.length; i < len; ++i) {
+ line = lines[i];
+
+ if(line.match(invalidLine)) {
+ continue;
+ }
+
+ if(m = regLevel.exec(line)) {
+ level = m[1].length;
+ } else
+ { level = 0; }
+
+ if(level > curLevel) {
+ var oldBlock = currentBlock;
+ currentBlock = new Block(level);
+ oldBlock.addChild(currentBlock);
+ blocks.push(currentBlock);
+ levels.push(level);
+ } else if(level < curLevel) {
+ var added = false;
+
+ var k = levels.length - 1;
+ for(; k >= 0; --k) {
+ if(levels[k] == level) {
+ currentBlock = new Block(level);
+ blocks.push(currentBlock);
+ levels.push(level);
+ if(blocks[k].parent!= null)
+ { blocks[k].parent.addChild(currentBlock); }
+ added = true;
+ break;
+ }
+ }
+
+ if(!added) {
+ errors.push("Error: Invalid indentation at line " + i + ": " + line);
+ return;
+ }
+ }
+
+ currentBlock.lines.push(line.replace(regex$1["trim"], ""));
+ curLevel = level;
+ }
+
+ return result;
+}
+
+function processValue(val) {
+ val = val.replace(regex$1["trim"], "");
+ var m = null;
+
+ if(val == 'true') {
+ return true;
+ } else if(val == 'false') {
+ return false;
+ } else if(val == '.NaN') {
+ return Number.NaN;
+ } else if(val == 'null') {
+ return null;
+ } else if(val == '.inf') {
+ return Number.POSITIVE_INFINITY;
+ } else if(val == '-.inf') {
+ return Number.NEGATIVE_INFINITY;
+ } else if(m = val.match(regex$1["dashesString"])) {
+ return m[1];
+ } else if(m = val.match(regex$1["quotesString"])) {
+ return m[1];
+ } else if(m = val.match(regex$1["float"])) {
+ return parseFloat(m[0]);
+ } else if(m = val.match(regex$1["integer"])) {
+ return parseInt(m[0]);
+ } else if( !isNaN(m = Date.parse(val))) {
+ return new Date(m);
+ } else if(m = val.match(regex$1["single_key_value"])) {
+ var res = {};
+ res[m[1]] = processValue(m[2]);
+ return res;
+ } else if(m = val.match(regex$1["array"])){
+ var count = 0, c = ' ';
+ var res = [];
+ var content = "";
+ var str = false;
+ for(var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
+ c = m[1][j];
+ if(c == '\'' || c == '"') {
+ if(str === false) {
+ str = c;
+ content += c;
+ continue;
+ } else if((c == '\'' && str == '\'') || (c == '"' && str == '"')) {
+ str = false;
+ content += c;
+ continue;
+ }
+ } else if(str === false && (c == '[' || c == '{')) {
+ ++count;
+ } else if(str === false && (c == ']' || c == '}')) {
+ --count;
+ } else if(str === false && count == 0 && c == ',') {
+ res.push(processValue(content));
+ content = "";
+ continue;
+ }
+
+ content += c;
+ }
+
+ if(content.length > 0)
+ { res.push(processValue(content)); }
+ return res;
+ } else if(m = val.match(regex$1["map"])){
+ var count = 0, c = ' ';
+ var res = [];
+ var content = "";
+ var str = false;
+ for(var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
+ c = m[1][j];
+ if(c == '\'' || c == '"') {
+ if(str === false) {
+ str = c;
+ content += c;
+ continue;
+ } else if((c == '\'' && str == '\'') || (c == '"' && str == '"')) {
+ str = false;
+ content += c;
+ continue;
+ }
+ } else if(str === false && (c == '[' || c == '{')) {
+ ++count;
+ } else if(str === false && (c == ']' || c == '}')) {
+ --count;
+ } else if(str === false && count == 0 && c == ',') {
+ res.push(content);
+ content = "";
+ continue;
+ }
+
+ content += c;
+ }
+
+ if(content.length > 0)
+ { res.push(content); }
+
+ var newRes = {};
+ for(var j = 0, lenJ = res.length; j < lenJ; ++j) {
+ if(m = res[j].match(regex$1["key_value"])) {
+ newRes[m[1]] = processValue(m[2]);
+ }
+ }
+
+ return newRes;
+ } else
+ { return val; }
+}
+
+function processFoldedBlock(block) {
+ var lines = block.lines;
+ var children = block.children;
+ var str = lines.join(" ");
+ var chunks = [str];
+ for(var i = 0, len = children.length; i < len; ++i) {
+ chunks.push(processFoldedBlock(children[i]));
+ }
+ return chunks.join("\n");
+}
+
+function processLiteralBlock(block) {
+ var lines = block.lines;
+ var children = block.children;
+ var str = lines.join("\n");
+ for(var i = 0, len = children.length; i < len; ++i) {
+ str += processLiteralBlock(children[i]);
+ }
+ return str;
+}
+
+function processBlock(blocks) {
+ var m = null;
+ var res = {};
+ var lines = null;
+ var children = null;
+ var currentObj = null;
+
+ var level = -1;
+
+ var processedBlocks = [];
+
+ var isMap = true;
+
+ for(var j = 0, lenJ = blocks.length; j < lenJ; ++j) {
+
+ if(level != -1 && level != blocks[j].level)
+ { continue; }
+
+ processedBlocks.push(j);
+
+ level = blocks[j].level;
+ lines = blocks[j].lines;
+ children = blocks[j].children;
+ currentObj = null;
+
+ for(var i = 0, len = lines.length; i < len; ++i) {
+ var line = lines[i];
+
+ if(m = line.match(regex$1["key"])) {
+ var key = m[1];
+
+ if(key[0] == '-') {
+ key = key.replace(regex$1["item"], "");
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
+ }
+ if(currentObj != null) { res.push(currentObj); }
+ currentObj = {};
+ isMap = true;
+ }
+
+ if(typeof m[2] != "undefined") {
+ var value = m[2].replace(regex$1["trim"], "");
+ if(value[0] == '&') {
+ var nb = processBlock(children);
+ if(currentObj != null) { currentObj[key] = nb; }
+ else { res[key] = nb; }
+ reference_blocks[value.substr(1)] = nb;
+ } else if(value[0] == '|') {
+ if(currentObj != null) { currentObj[key] = processLiteralBlock(children.shift()); }
+ else { res[key] = processLiteralBlock(children.shift()); }
+ } else if(value[0] == '*') {
+ var v = value.substr(1);
+ var no = {};
+
+ if(typeof reference_blocks[v] == "undefined") {
+ errors.push("Reference '" + v + "' not found!");
+ } else {
+ for(var k in reference_blocks[v]) {
+ no[k] = reference_blocks[v][k];
+ }
+
+ if(currentObj != null) { currentObj[key] = no; }
+ else { res[key] = no; }
+ }
+ } else if(value[0] == '>') {
+ if(currentObj != null) { currentObj[key] = processFoldedBlock(children.shift()); }
+ else { res[key] = processFoldedBlock(children.shift()); }
+ } else {
+ if(currentObj != null) { currentObj[key] = processValue(value); }
+ else { res[key] = processValue(value); }
+ }
+ } else {
+ if(currentObj != null) { currentObj[key] = processBlock(children); }
+ else { res[key] = processBlock(children); }
+ }
+ } else if(line.match(/^-\s*$/)) {
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
+ }
+ if(currentObj != null) { res.push(currentObj); }
+ currentObj = {};
+ isMap = true;
+ continue;
+ } else if(m = line.match(/^-\s*(.*)/)) {
+ if(currentObj != null)
+ { currentObj.push(processValue(m[1])); }
+ else {
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
+ }
+ res.push(processValue(m[1]));
+ }
+ continue;
+ }
+ }
+
+ if(currentObj != null) {
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
+ }
+ res.push(currentObj);
+ }
+ }
+
+ for(var j = processedBlocks.length - 1; j >= 0; --j) {
+ blocks.splice.call(blocks, processedBlocks[j], 1);
+ }
+
+ return res;
+}
+
+function semanticAnalysis(blocks) {
+ var res = processBlock(blocks.children);
+ return res;
+}
+
+function preProcess(src) {
+ var m;
+ var lines = src.split("\n");
+
+ var r = regex$1["comment"];
+
+ for(var i in lines) {
+ if(m = lines[i].match(r)) {
+/* var cmt = "";
+ if(typeof m[3] != "undefined")
+ lines[i] = m[1];
+ else if(typeof m[3] != "undefined")
+ lines[i] = m[3];
+ else
+ lines[i] = "";
+ */
+ if(typeof m[3] !== "undefined") {
+ lines[i] = m[0].substr(0, m[0].length - m[3].length);
+ }
+ }
+ }
+
+ return lines.join("\n");
+}
+
+function load(str) {
+ errors = [];
+ reference_blocks = [];
+ processing_time = (new Date()).getTime();
+ var pre = preProcess(str);
+ var doc = parser$1(pre);
+ var res = semanticAnalysis(doc);
+ processing_time = (new Date()).getTime() - processing_time;
+
+ return res;
+}
+
+/**
+ * Fork https://github.com/egoist/docute/blob/master/src/utils/front-matter.js
+ */
+/* eslint-disable */
+var optionalByteOrderMark = '\\ufeff?';
+var pattern = '^(' +
+ optionalByteOrderMark +
+ '(= yaml =|---)' +
+ '$([\\s\\S]*?)' +
+ '(?:\\2|\\.\\.\\.)' +
+ '$' +
+ '' +
+ '(?:\\n)?)';
+// NOTE: If this pattern uses the 'g' flag the `regex` variable definition will
+// need to be moved down into the functions that use it.
+var regex = new RegExp(pattern, 'm');
+
+function extractor (string) {
+ string = string || '';
+
+ var lines = string.split(/(\r?\n)/);
+ if (lines[0] && /= yaml =|---/.test(lines[0])) {
+ return parse(string)
+ } else {
+ return { attributes: {}, body: string }
+ }
+}
+
+function parse (string) {
+ var match = regex.exec(string);
+
+ if (!match) {
+ return {
+ attributes: {},
+ body: string
+ }
+ }
+
+ var yaml = match[match.length - 1].replace(/^\s+|\s+$/g, '');
+ var attributes = load(yaml) || {};
+ var body = string.replace(match[0], '');
+
+ return { attributes: attributes, body: body, frontmatter: yaml }
+}
+
+var install = function (hook, vm) {
+ hook.beforeEach(function (content) {
+ var ref = extractor(content);
+ var attributes = ref.attributes;
+ var body = ref.body;
+
+ Docsify.util.merge(vm.config, attributes.config);
+
+ return body
+ });
+};
+
+window.$docsify.plugins = [].concat(install, window.$docsify.plugins);
+
+}());
diff --git a/lib/plugins/front-matter.min.js b/lib/plugins/front-matter.min.js
new file mode 100644
index 0000000..3fd1e37
--- /dev/null
+++ b/lib/plugins/front-matter.min.js
@@ -0,0 +1 @@
+this.D=this.D||{},function(){"use strict";function e(e){return{parent:null,length:0,level:e,lines:[],children:[],addChild:function(e){this.children.push(e),e.parent=this,++this.length}}}function n(n){var t,r=g.regLevel,i=g.invalidLine,l=n.split("\n"),u=0,a=0,f=[],s=new e(-1),h=new e(0);s.addChild(h);var c=[],p="";f.push(h),c.push(u);for(var d=0,v=l.length;d\n
";
+ });
+
+ $panel.classList.add('show');
+ $panel.innerHTML = html || ("" + (post.title) + "
\n" + (post.content) + "
\n" + NO_DATA_TEXT + "
"); + }; + + var timeId; + // Prevent to Fold sidebar + dom.on($search, 'click', + function (e) { return e.target.tagName !== 'A' && e.stopPropagation(); }); + dom.on($input, 'input', function (e) { + clearTimeout(timeId); + timeId = setTimeout(function (_) { return doSearch(e.target.value.trim()); }, 100); + }); +} + +function updatePlaceholder (text, path) { + var $input = dom.getNode('.search input[type="search"]'); + + if (typeof text === 'string') { + $input.placeholder = text; + } else { + var match = Object.keys(text).find(function (key) { return path.indexOf(key) > -1; }); + $input.placeholder = text[match]; + } +} + +function updateNoData (text, path) { + if (typeof text === 'string') { + NO_DATA_TEXT = text; + } else { + var match = Object.keys(text).find(function (key) { return path.indexOf(key) > -1; }); + NO_DATA_TEXT = text[match]; + } +} + +function init$$1 (opts) { + dom = Docsify.dom; + style(); + tpl(opts); + bindEvents(); +} + +function update (opts, vm) { + updatePlaceholder(opts.placeholder, vm.route.path); + updateNoData(opts.noData, vm.route.path); +} + +var CONFIG = { + placeholder: 'Type to search', + noData: 'No Results!', + paths: 'auto', + maxAge: 86400000 // 1 day +}; + +var install = function (hook, vm) { + var util = Docsify.util; + var opts = vm.config.search || CONFIG; + + if (Array.isArray(opts)) { + CONFIG.paths = opts; + } else if (typeof opts === 'object') { + CONFIG.paths = Array.isArray(opts.paths) ? opts.paths : 'auto'; + CONFIG.maxAge = util.isPrimitive(opts.maxAge) ? opts.maxAge : CONFIG.maxAge; + CONFIG.placeholder = opts.placeholder || CONFIG.placeholder; + CONFIG.noData = opts.noData || CONFIG.noData; + } + + var isAuto = CONFIG.paths === 'auto'; + + hook.mounted(function (_) { + init$$1(CONFIG); + !isAuto && init$1(CONFIG, vm); + }); + hook.doneEach(function (_) { + update(CONFIG, vm); + isAuto && init$1(CONFIG, vm); + }); +}; + +window.$docsify.plugins = [].concat(install, window.$docsify.plugins); + +}()); diff --git a/lib/plugins/search.min.js b/lib/plugins/search.min.js new file mode 100644 index 0000000..6055689 --- /dev/null +++ b/lib/plugins/search.min.js @@ -0,0 +1 @@ +this.D=this.D||{},function(){"use strict";function e(e){var n={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"};return String(e).replace(/[&<>"'\/]/g,function(e){return n[e]})}function n(){var e=[];return d.dom.findAll("a:not([data-nosearch])").map(function(n){var t=n.href,o=n.getAttribute("href"),a=d.route.parse(t).path;a&&e.indexOf(a)===-1&&!d.route.isAbsolutePath(o)&&e.push(a)}),e}function t(e){localStorage.setItem("docsify.search.expires",Date.now()+e),localStorage.setItem("docsify.search.index",JSON.stringify(g))}function o(e,n){void 0===n&&(n="");var t,o=window.marked.lexer(n),a=window.Docsify.slugify,i=Docsify.route.toURL,r={};return o.forEach(function(n){if("heading"===n.type&&n.depth<=2)t=i(e,{id:a(n.text)}),r[t]={slug:t,title:n.text,body:""};else{if(!t)return;r[t]?r[t].body?r[t].body+="\n"+(n.text||""):r[t].body=n.text:r[t]={slug:t,title:"",body:""}}}),a.clear(),r}function a(n){var t=[],o=[];Object.keys(g).forEach(function(e){o=o.concat(Object.keys(g[e]).map(function(n){return g[e][n]}))}),n=n.trim().split(/[\s\-\，\\\/]+/);for(var a=function(a){var i=o[a],r=!1,s="",c=i.title&&i.title.trim(),l=i.body&&i.body.trim(),u=i.slug||"";if(c&&l&&(n.forEach(function(n,t){var o=new RegExp(n,"gi"),a=-1,i=-1;if(a=c&&c.search(o),i=l&&l.search(o),a<0&&i<0)r=!1;else{r=!0,i<0&&(i=0);var u=0,f=0;u=i<11?0:i-10,f=0===u?70:i+n.length+60,f>l.length&&(f=l.length);var p="..."+e(l).substring(u,f).replace(o,''+n+"")+"...";s+=p}}),r)){var f={title:e(c),content:s,url:u};t.push(f)}},i=0;i'+e.title+"
\n"+e.content+"
\n"}),o.classList.add("show"),o.innerHTML=t||''+y+"
"};h.on(n,"click",function(e){return"A"!==e.target.tagName&&e.stopPropagation()}),h.on(t,"input",function(n){clearTimeout(e),e=setTimeout(function(e){return i(n.target.value.trim())},100)})}function l(e,n){var t=h.getNode('.search input[type="search"]');if("string"==typeof e)t.placeholder=e;else{var o=Object.keys(e).find(function(e){return n.indexOf(e)>-1});t.placeholder=e[o]}}function u(e,n){if("string"==typeof e)y=e;else{var t=Object.keys(e).find(function(e){return n.indexOf(e)>-1});y=e[t]}}function f(e){h=Docsify.dom,r(),s(e),c()}function p(e,n){l(e.placeholder,n.route.path),u(e.noData,n.route.path)}var d,h,g={},y="",m={placeholder:"Type to search",noData:"No Results!",paths:"auto",maxAge:864e5},v=function(e,n){var t=Docsify.util,o=n.config.search||m;Array.isArray(o)?m.paths=o:"object"==typeof o&&(m.paths=Array.isArray(o.paths)?o.paths:"auto",m.maxAge=t.isPrimitive(o.maxAge)?o.maxAge:m.maxAge,m.placeholder=o.placeholder||m.placeholder,m.noData=o.noData||m.noData);var a="auto"===m.paths;e.mounted(function(e){f(m),!a&&i(m,n)}),e.doneEach(function(e){p(m,n),a&&i(m,n)})};window.$docsify.plugins=[].concat(v,window.$docsify.plugins)}(); diff --git a/lib/plugins/zoom-image.js b/lib/plugins/zoom-image.js new file mode 100644 index 0000000..910c3b3 --- /dev/null +++ b/lib/plugins/zoom-image.js @@ -0,0 +1,304 @@ +this.D = this.D || {}; +(function () { +'use strict'; + +var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; + + + + + +function createCommonjsModule(fn, module) { + return module = { exports: {} }, fn(module, module.exports), module.exports; +} + +var zoomImage = createCommonjsModule(function (module, exports) { +(function (global, factory) { + module.exports = factory(); +}(commonjsGlobal, (function () { 'use strict'; + +var windowWidth = function () { return document.documentElement.clientWidth; }; +var windowHeight = function () { return document.documentElement.clientHeight; }; + +var elemOffset = function (elem) { + var rect = elem.getBoundingClientRect(); + var docElem = document.documentElement; + var win = window; + return { + top: rect.top + win.pageYOffset - docElem.clientTop, + left: rect.left + win.pageXOffset - docElem.clientLeft + } +}; + +var once = function (elem, type, handler) { + var fn = function (e) { + e.target.removeEventListener(type, fn); + handler(); + }; + elem.addEventListener(type, fn); +}; + +var Size = function Size(w, h) { + this.w = w; + this.h = h; +}; + +var ZoomImage = function ZoomImage(img, offset) { + this.img = img; + this.preservedTransform = img.style.transform; + this.wrap = null; + this.overlay = null; + this.offset = offset; +}; + +ZoomImage.prototype.forceRepaint = function forceRepaint () { + var _ = this.img.offsetWidth; + return +}; + +ZoomImage.prototype.zoom = function zoom () { + var size = new Size(this.img.naturalWidth, this.img.naturalHeight); + + this.wrap = document.createElement('div'); + this.wrap.classList.add('zoom-img-wrap'); + this.img.parentNode.insertBefore(this.wrap, this.img); + this.wrap.appendChild(this.img); + + this.img.classList.add('zoom-img'); + this.img.setAttribute('data-action', 'zoom-out'); + + this.overlay = document.createElement('div'); + this.overlay.classList.add('zoom-overlay'); + document.body.appendChild(this.overlay); + + this.forceRepaint(); + var scale = this.calculateScale(size); + + this.forceRepaint(); + this.animate(scale); + + document.body.classList.add('zoom-overlay-open'); +}; + +ZoomImage.prototype.calculateScale = function calculateScale (size) { + var maxScaleFactor = size.w / this.img.width; + + var viewportWidth = (windowWidth() - this.offset); + var viewportHeight = (windowHeight() - this.offset); + var imageAspectRatio = size.w / size.h; + var viewportAspectRatio = viewportWidth / viewportHeight; + + if (size.w < viewportWidth && size.h < viewportHeight) { + return maxScaleFactor + } else if (imageAspectRatio < viewportAspectRatio) { + return (viewportHeight / size.h) * maxScaleFactor + } + return (viewportWidth / size.w) * maxScaleFactor +}; + +ZoomImage.prototype.animate = function animate (scale) { + var imageOffset = elemOffset(this.img); + var scrollTop = window.pageYOffset; + + var viewportX = (windowWidth() / 2); + var viewportY = scrollTop + (windowHeight() / 2); + + var imageCenterX = imageOffset.left + (this.img.width / 2); + var imageCenterY = imageOffset.top + (this.img.height / 2); + + var tx = viewportX - imageCenterX; + var ty = viewportY - imageCenterY; + var tz = 0; + + var imgTr = "scale(" + scale + ")"; + var wrapTr = "translate3d(" + tx + "px, " + ty + "px, " + tz + "px)"; + + this.img.style.transform = imgTr; + this.wrap.style.transform = wrapTr; +}; + +ZoomImage.prototype.dispose = function dispose () { + if (this.wrap === null || this.wrap.parentNode === null) { + return + } + this.img.classList.remove('zoom-img'); + this.img.setAttribute('data-action', 'zoom'); + + this.wrap.parentNode.insertBefore(this.img, this.wrap); + this.wrap.parentNode.removeChild(this.wrap); + + document.body.removeChild(this.overlay); + document.body.classList.remove('zoom-overlay-transitioning'); +}; + +ZoomImage.prototype.close = function close () { + var this$1 = this; + + document.body.classList.add('zoom-overlay-transitioning'); + this.img.style.transform = this.preservedTransform; + if (this.img.style.length === 0) { + this.img.removeAttribute('style'); + } + this.wrap.style.transform = 'none'; + + once(this.img, 'transitionend', function () { + this$1.dispose(); + // remove class should happen after dispose. Otherwise, + // a new click event could fire and create a duplicate ZoomImage for + // the same${hl}${text}
` +} +renderer.image = function (href, title, text) { + let url = href + const titleHTML = title ? ` title="${title}"` : '' - if (isPrimitive(text)) { - html = compile(text) - } else { - html = compile.parser(text) - } - - html = config.noEmoji ? html : emojify(html) - slugify.clear() - - return html - })(text) - - const curFileName = this.router.parse().file - - if (isCached) { - this.toc = this.cacheTOC[curFileName] - } else { - this.cacheTOC[curFileName] = [...this.toc] - } - - return result - } + if (!isAbsolutePath(href)) { + url = getPath(contentBase, href) } - compileEmbed(href, title) { - const {str, config} = getAndRemoveConfig(title) - let embed - title = str + return `${hl}${text}
` - } - return result - } - origin.image = renderer.image = function (href, title, text) { - let url = href - let attrs = '' - - const {str, config} = getAndRemoveConfig(title) - title = str - - if (config['no-zoom']) { - attrs += ' data-no-zoom' - } - - if (title) { - attrs += ` title="${title}"` - } - - const size = config.size - if (size) { - const sizes = size.split('x') - if (sizes[1]) { - attrs += 'width=' + sizes[0] + ' height=' + sizes[1] - } else { - attrs += 'width=' + sizes[0] - } - } - - if (!isAbsolutePath(href)) { - url = getPath(contentBase, getParentPath(router.getCurrentPath()), href) - } - - return `${config.name}
` + : '') + + '' + + '') - return ( - (isMobile ? `${aside}${content.slice(5).trim()}
` } -export function theme(color) { +export function theme (color) { return `` } diff --git a/src/core/route/hash.js b/src/core/route/hash.js new file mode 100644 index 0000000..281a5cd --- /dev/null +++ b/src/core/route/hash.js @@ -0,0 +1,75 @@ +import { merge, cached } from '../util/core' +import { parseQuery, stringifyQuery, cleanPath } from './util' +export * from './util' + +function replaceHash (path) { + const i = window.location.href.indexOf('#') + window.location.replace( + window.location.href.slice(0, i >= 0 ? i : 0) + '#' + path + ) +} + +const replaceSlug = cached(path => { + return path + .replace('#', '?id=') + .replace(/\?(\w+)=/g, (_, slug) => slug === 'id' ? '?id=' : `&${slug}=`) +}) +/** + * Normalize the current url + * + * @example + * domain.com/docs/ => domain.com/docs/#/ + * domain.com/docs/#/#slug => domain.com/docs/#/?id=slug + */ +export function normalize () { + let path = getHash() + + path = replaceSlug(path) + + if (path.charAt(0) === '/') return replaceHash(path) + replaceHash('/' + path) +} + +export function getHash () { + // We can't use window.location.hash here because it's not + // consistent across browsers - Firefox will pre-decode it! + const href = window.location.href + const index = href.indexOf('#') + return index === -1 ? '' : href.slice(index + 1) +} + +/** + * Parse the url + * @param {string} [path=window.location.herf] + * @return {object} { path, query } + */ +export function parse (path = window.location.href) { + let query = '' + + const queryIndex = path.indexOf('?') + if (queryIndex >= 0) { + query = path.slice(queryIndex + 1) + path = path.slice(0, queryIndex) + } + + const hashIndex = path.indexOf('#') + if (hashIndex) { + path = path.slice(hashIndex + 1) + } + + return { path, query: parseQuery(query) } +} + +/** + * to URL + * @param {string} path + * @param {object} qs query params + */ +export function toURL (path, params) { + const route = parse(replaceSlug(path)) + + route.query = merge({}, route.query, params) + path = route.path + stringifyQuery(route.query) + + return cleanPath('#/' + path) +} diff --git a/src/core/route/index.js b/src/core/route/index.js new file mode 100644 index 0000000..09a14f9 --- /dev/null +++ b/src/core/route/index.js @@ -0,0 +1,52 @@ +import { normalize, parse } from './hash' +import { getBasePath, getPath, isAbsolutePath } from './util' +import { on } from '../util/dom' + +function getAlias (path, alias) { + return alias[path] ? getAlias(alias[path], alias) : path +} + +function getFileName (path) { + return /\.(md|html)$/g.test(path) + ? path + : /\/$/g.test(path) + ? `${path}README.md` + : `${path}.md` +} + +export function routeMixin (proto) { + proto.route = {} + proto.$getFile = function (path) { + const { config } = this + const base = getBasePath(config.basePath) + + path = config.alias ? getAlias(path, config.alias) : path + path = getFileName(path) + path = path === '/README.md' ? (config.homepage || path) : path + path = isAbsolutePath(path) ? path : getPath(base, path) + + return path + } +} + +let lastRoute = {} + +export function initRoute (vm) { + normalize() + lastRoute = vm.route = parse() + vm._updateRender() + + on('hashchange', _ => { + normalize() + vm.route = parse() + vm._updateRender() + + if (lastRoute.path === vm.route.path) { + vm.$resetEvents() + return + } + + vm.$fetch() + lastRoute = vm.route + }) +} diff --git a/src/core/route/util.js b/src/core/route/util.js new file mode 100644 index 0000000..cfdd2a9 --- /dev/null +++ b/src/core/route/util.js @@ -0,0 +1,58 @@ +import { cached } from '../util/core' + +const decode = decodeURIComponent +const encode = encodeURIComponent + +export function parseQuery (query) { + const res = {} + + query = query.trim().replace(/^(\?|#|&)/, '') + + if (!query) { + return res + } + + // Simple parse + query.split('&').forEach(function (param) { + const parts = param.replace(/\+/g, ' ').split('=') + + res[parts[0]] = decode(parts[1]) + }) + return res +} + +export function stringifyQuery (obj) { + const qs = [] + + for (const key in obj) { + qs.push(`${encode(key)}=${encode(obj[key])}`.toLowerCase()) + } + + return qs.length ? `?${qs.join('&')}` : '' +} + +export const getBasePath = cached(base => { + return /^(\/|https?:)/g.test(base) + ? base + : cleanPath(window.location.pathname + '/' + base) +}) + +export function getPath (...args) { + return cleanPath(args.join('/')) +} + +export const isAbsolutePath = cached(path => { + return /(:|(\/{2}))/.test(path) +}) + +export const getParentPath = cached(path => { + return /\/$/g.test(path) + ? path + : (path = path.match(/(\S*\/)[^\/]+$/)) + ? path[1] + : '' +}) + +export const cleanPath = cached(path => { + return path.replace(/\/+/g, '/') +}) diff --git a/src/core/router/history/abstract.js b/src/core/router/history/abstract.js deleted file mode 100644 index 2c0bd95..0000000 --- a/src/core/router/history/abstract.js +++ /dev/null @@ -1,25 +0,0 @@ -import {History} from './base' -import {parseQuery} from '../util' - -export class AbstractHistory extends History { - constructor(config) { - super(config) - this.mode = 'abstract' - } - - parse(path) { - let query = '' - - const queryIndex = path.indexOf('?') - if (queryIndex >= 0) { - query = path.slice(queryIndex + 1) - path = path.slice(0, queryIndex) - } - - return { - path, - file: this.getFile(path), - query: parseQuery(query) - } - } -} diff --git a/src/core/router/history/base.js b/src/core/router/history/base.js deleted file mode 100644 index 7ea763d..0000000 --- a/src/core/router/history/base.js +++ /dev/null @@ -1,86 +0,0 @@ -import { - getPath, - isAbsolutePath, - stringifyQuery, - cleanPath, - replaceSlug, - resolvePath -} from '../util' -import {noop, merge} from '../../util/core' - -const cached = {} - -function getAlias(path, alias, last) { - 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 -} - -function getFileName(path, ext) { - return new RegExp(`\\.(${ext.replace(/^\./, '')}|html)$`, 'g').test(path) ? - path : - /\/$/g.test(path) ? `${path}README${ext}` : `${path}${ext}` -} - -export class History { - constructor(config) { - this.config = config - } - - getBasePath() { - return this.config.basePath - } - - getFile(path = this.getCurrentPath(), isRelative) { - const {config} = this - const base = this.getBasePath() - const ext = typeof config.ext === 'string' ? config.ext : '.md' - - path = config.alias ? getAlias(path, config.alias) : path - path = getFileName(path, ext) - path = path === `/README${ext}` ? config.homepage || path : path - path = isAbsolutePath(path) ? path : getPath(base, path) - - if (isRelative) { - path = path.replace(new RegExp(`^${base}`), '') - } - - return path - } - - onchange(cb = noop) { - cb() - } - - getCurrentPath() {} - - normalize() {} - - parse() {} - - toURL(path, params, currentRoute) { - const local = currentRoute && path[0] === '#' - const route = this.parse(replaceSlug(path)) - - route.query = merge({}, route.query, params) - path = route.path + stringifyQuery(route.query) - path = path.replace(/\.md(\?)|\.md$/, '$1') - - if (local) { - const idIndex = currentRoute.indexOf('?') - path = - (idIndex > 0 ? currentRoute.substring(0, idIndex) : currentRoute) + path - } - - if (this.config.relativePath && path.indexOf('/') !== 0) { - const currentDir = currentRoute.substring(0, currentRoute.lastIndexOf('/') + 1) - return cleanPath(resolvePath(currentDir + path)) - } - return cleanPath('/' + path) - } -} diff --git a/src/core/router/history/hash.js b/src/core/router/history/hash.js deleted file mode 100644 index 2674d5d..0000000 --- a/src/core/router/history/hash.js +++ /dev/null @@ -1,76 +0,0 @@ -import {History} from './base' -import {noop} from '../../util/core' -import {on} from '../../util/dom' -import {parseQuery, cleanPath, replaceSlug} from '../util' - -function replaceHash(path) { - const i = location.href.indexOf('#') - location.replace(location.href.slice(0, i >= 0 ? i : 0) + '#' + path) -} - -export class HashHistory extends History { - constructor(config) { - super(config) - this.mode = 'hash' - } - - getBasePath() { - const path = window.location.pathname || '' - const base = this.config.basePath - - return /^(\/|https?:)/g.test(base) ? base : cleanPath(path + '/' + base) - } - - getCurrentPath() { - // We can't use location.hash here because it's not - // consistent across browsers - Firefox will pre-decode it! - const href = location.href - const index = href.indexOf('#') - return index === -1 ? '' : href.slice(index + 1) - } - - onchange(cb = noop) { - on('hashchange', cb) - } - - normalize() { - let path = this.getCurrentPath() - - path = replaceSlug(path) - - if (path.charAt(0) === '/') { - return replaceHash(path) - } - replaceHash('/' + path) - } - - /** - * Parse the url - * @param {string} [path=location.herf] - * @return {object} { path, query } - */ - parse(path = location.href) { - let query = '' - - const hashIndex = path.indexOf('#') - if (hashIndex >= 0) { - path = path.slice(hashIndex + 1) - } - - const queryIndex = path.indexOf('?') - if (queryIndex >= 0) { - query = path.slice(queryIndex + 1) - path = path.slice(0, queryIndex) - } - - return { - path, - file: this.getFile(path, true), - query: parseQuery(query) - } - } - - toURL(path, params, currentRoute) { - return '#' + super.toURL(path, params, currentRoute) - } -} diff --git a/src/core/router/history/html5.js b/src/core/router/history/html5.js deleted file mode 100644 index 04c5391..0000000 --- a/src/core/router/history/html5.js +++ /dev/null @@ -1,65 +0,0 @@ -import {History} from './base' -import {noop} from '../../util/core' -import {on} from '../../util/dom' -import {parseQuery, getPath} from '../util' - -export class HTML5History extends History { - constructor(config) { - super(config) - this.mode = 'history' - } - - getCurrentPath() { - const base = this.getBasePath() - let path = window.location.pathname - - if (base && path.indexOf(base) === 0) { - path = path.slice(base.length) - } - - return (path || '/') + window.location.search + window.location.hash - } - - onchange(cb = noop) { - on('click', e => { - const el = e.target.tagName === 'A' ? e.target : e.target.parentNode - - if (el.tagName === 'A' && !/_blank/.test(el.target)) { - e.preventDefault() - const url = el.href - window.history.pushState({key: url}, '', url) - cb() - } - }) - - on('popstate', cb) - } - - /** - * Parse the url - * @param {string} [path=location.href] - * @return {object} { path, query } - */ - parse(path = location.href) { - let query = '' - - const queryIndex = path.indexOf('?') - if (queryIndex >= 0) { - query = path.slice(queryIndex + 1) - path = path.slice(0, queryIndex) - } - - const base = getPath(location.origin) - const baseIndex = path.indexOf(base) - - if (baseIndex > -1) { - path = path.slice(baseIndex + base.length) - } - - return { - path, - file: this.getFile(path), - query: parseQuery(query) - } - } -} diff --git a/src/core/router/index.js b/src/core/router/index.js deleted file mode 100644 index 943fe6c..0000000 --- a/src/core/router/index.js +++ /dev/null @@ -1,45 +0,0 @@ -import {HashHistory} from './history/hash' -import {HTML5History} from './history/html5' -import {supportsPushState} from '../util/env' -import * as dom from '../util/dom' - -export function routerMixin(proto) { - proto.route = {} -} - -let lastRoute = {} - -function updateRender(vm) { - vm.router.normalize() - vm.route = vm.router.parse() - dom.body.setAttribute('data-page', vm.route.file) -} - -export function initRouter(vm) { - const config = vm.config - const mode = config.routerMode || 'hash' - let router - - if (mode === 'history' && supportsPushState) { - router = new HTML5History(config) - } else { - router = new HashHistory(config) - } - - vm.router = router - updateRender(vm) - lastRoute = vm.route - - router.onchange(_ => { - updateRender(vm) - vm._updateRender() - - if (lastRoute.path === vm.route.path) { - vm.$resetEvents() - return - } - - vm.$fetch() - lastRoute = vm.route - }) -} diff --git a/src/core/router/util.js b/src/core/router/util.js deleted file mode 100644 index 2ed88c5..0000000 --- a/src/core/router/util.js +++ /dev/null @@ -1,76 +0,0 @@ -import {cached} from '../util/core' - -const decode = decodeURIComponent -const encode = encodeURIComponent - -export function parseQuery(query) { - const res = {} - - query = query.trim().replace(/^(\?|#|&)/, '') - - if (!query) { - return res - } - - // Simple parse - query.split('&').forEach(function (param) { - const parts = param.replace(/\+/g, ' ').split('=') - - res[parts[0]] = parts[1] && decode(parts[1]) - }) - - return res -} - -export function stringifyQuery(obj, ignores = []) { - const qs = [] - - for (const key in obj) { - if (ignores.indexOf(key) > -1) { - continue - } - qs.push( - obj[key] ? - `${encode(key)}=${encode(obj[key])}`.toLowerCase() : - encode(key) - ) - } - - return qs.length ? `?${qs.join('&')}` : '' -} - -export const isAbsolutePath = cached(path => { - return /(:|(\/{2}))/g.test(path) -}) - -export const getParentPath = cached(path => { - return /\/$/g.test(path) ? - path : - (path = path.match(/(\S*\/)[^/]+$/)) ? path[1] : '' -}) - -export const cleanPath = cached(path => { - return path.replace(/^\/+/, '/').replace(/([^:])\/{2,}/g, '$1/') -}) - -export const resolvePath = cached(path => { - const segments = path.replace(/^\//, '').split('/') - let resolved = [] - for (let i = 0, len = segments.length; i < len; i++) { - const segment = segments[i] - if (segment === '..') { - resolved.pop() - } else if (segment !== '.') { - resolved.push(segment) - } - } - return '/' + resolved.join('/') -}) - -export function getPath(...args) { - return cleanPath(args.join('/')) -} - -export const replaceSlug = cached(path => { - return path.replace('#', '?id=') -}) diff --git a/src/core/util/core.js b/src/core/util/core.js index a94472d..5a153b8 100644 --- a/src/core/util/core.js +++ b/src/core/util/core.js @@ -1,12 +1,11 @@ /** * Create a cached version of a pure function. */ -export function cached(fn) { +export function cached (fn) { const cache = Object.create(null) - return function (str) { - const key = isPrimitive(str) ? str : JSON.stringify(str) - const hit = cache[key] - return hit || (cache[key] = fn(str)) + return function cachedFn (str) { + const hit = cache[str] + return hit || (cache[str] = fn(str)) } } @@ -17,42 +16,40 @@ export const hyphenate = cached(str => { return str.replace(/([A-Z])/g, m => '-' + m.toLowerCase()) }) -export const hasOwn = Object.prototype.hasOwnProperty - /** * Simple Object.assign polyfill */ -export const merge = - Object.assign || - function (to) { - for (let i = 1; i < arguments.length; i++) { - const from = Object(arguments[i]) +export const merge = Object.assign || function (to) { + const hasOwn = Object.prototype.hasOwnProperty - for (const key in from) { - if (hasOwn.call(from, key)) { - to[key] = from[key] - } + 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] } } - - return to } + return to +} + /** * Check if value is primitive */ -export function isPrimitive(value) { +export function isPrimitive (value) { return typeof value === 'string' || typeof value === 'number' } /** * Perform no operation. */ -export function noop() {} +export function noop () {} /** * Check if value is function */ -export function isFn(obj) { +export function isFn (obj) { return typeof obj === 'function' } diff --git a/src/core/util/dom.js b/src/core/util/dom.js index 388927d..f554c2d 100644 --- a/src/core/util/dom.js +++ b/src/core/util/dom.js @@ -1,5 +1,4 @@ -import {isFn} from '../util/core' -import {inBrowser} from './env' +import { isFn } from '../util/core' const cacheNode = {} @@ -9,22 +8,22 @@ const cacheNode = {} * @param {Boolean} noCache * @return {Element} */ -export function getNode(el, noCache = false) { +export function getNode (el, noCache = false) { if (typeof el === 'string') { if (typeof window.Vue !== 'undefined') { return find(el) } - el = noCache ? find(el) : cacheNode[el] || (cacheNode[el] = find(el)) + el = noCache ? find(el) : (cacheNode[el] || (cacheNode[el] = find(el))) } return el } -export const $ = inBrowser && document +export const $ = document -export const body = inBrowser && $.body +export const body = $.body -export const head = inBrowser && $.head +export const head = $.head /** * Find element @@ -32,7 +31,7 @@ export const head = inBrowser && $.head * find('nav') => document.querySelector('nav') * find(nav, 'a') => nav.querySelector('a') */ -export function find(el, node) { +export function find (el, node) { return node ? el.querySelector(node) : $.querySelector(el) } @@ -42,38 +41,34 @@ export function find(el, node) { * findAll('a') => [].slice.call(document.querySelectorAll('a')) * findAll(nav, 'a') => [].slice.call(nav.querySelectorAll('a')) */ -export function findAll(el, node) { - return [].slice.call( - node ? el.querySelectorAll(node) : $.querySelectorAll(el) - ) +export function findAll (el, node) { + return [].slice.call(node ? el.querySelectorAll(node) : $.querySelectorAll(el)) } -export function create(node, tpl) { +export function create (node, tpl) { node = $.createElement(node) - if (tpl) { - node.innerHTML = tpl - } + if (tpl) node.innerHTML = tpl return node } -export function appendTo(target, el) { +export function appendTo (target, el) { return target.appendChild(el) } -export function before(target, el) { +export function before (target, el) { return target.insertBefore(el, target.children[0]) } -export function on(el, type, handler) { - isFn(type) ? - window.addEventListener(el, type) : - el.addEventListener(type, handler) +export function on (el, type, handler) { + isFn(type) + ? window.addEventListener(el, type) + : el.addEventListener(type, handler) } -export function off(el, type, handler) { - isFn(type) ? - window.removeEventListener(el, type) : - el.removeEventListener(type, handler) +export function off (el, type, handler) { + isFn(type) + ? window.removeEventListener(el, type) + : el.removeEventListener(type, handler) } /** @@ -83,10 +78,6 @@ export function off(el, type, handler) { * toggleClass(el, 'active') => el.classList.toggle('active') * toggleClass(el, 'add', 'active') => el.classList.add('active') */ -export function toggleClass(el, type, val) { +export function toggleClass (el, type, val) { el && el.classList[val ? type : 'toggle'](val || type) } - -export function style(content) { - appendTo(head, create('style', content)) -} diff --git a/src/core/util/env.js b/src/core/util/env.js index cd51635..1e79cfe 100644 --- a/src/core/util/env.js +++ b/src/core/util/env.js @@ -1,21 +1,5 @@ -export const inBrowser = !process.env.SSR +export const UA = window.navigator.userAgent.toLowerCase() -export const isMobile = inBrowser && document.body.clientWidth <= 600 +export const isIE = UA && /msie|trident/.test(UA) -/** - * @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 isMobile = document.body.clientWidth <= 600 diff --git a/src/core/util/index.js b/src/core/util/index.js index eba6598..bfcc8b2 100644 --- a/src/core/util/index.js +++ b/src/core/util/index.js @@ -1,3 +1,2 @@ export * from './core' export * from './env' -export * from '../router/util' diff --git a/src/core/util/polyfill/css-vars.js b/src/core/util/polyfill/css-vars.js index fb3a80a..bb8e498 100644 --- a/src/core/util/polyfill/css-vars.js +++ b/src/core/util/polyfill/css-vars.js @@ -1,29 +1,26 @@ import * as dom from '../dom' -import {get} from '../../fetch/ajax' +import { get } from '../../fetch/ajax' -function replaceVar(block, color) { - block.innerHTML = block.innerHTML.replace( - /var\(\s*--theme-color.*?\)/g, - color - ) +function replaceVar (block, 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 => { + const styleBlocks = dom.findAll('style:not(.inserted),link') + + ;[].forEach.call(styleBlocks, block => { if (block.nodeName === 'STYLE') { replaceVar(block, color) } else if (block.nodeName === 'LINK') { const href = block.getAttribute('href') - if (!/\.css$/.test(href)) { - return - } + if (!/\.css$/.test(href)) return get(href).then(res => { const style = dom.create('style', res) diff --git a/src/plugins/disqus.js b/src/plugins/disqus.js deleted file mode 100644 index dba7aef..0000000 --- a/src/plugins/disqus.js +++ /dev/null @@ -1,51 +0,0 @@ -const fixedPath = location.href.replace('/-/', '/#/') -if (fixedPath !== location.href) { - location.href = fixedPath -} - -function install(hook, vm) { - const dom = Docsify.dom - const disqus = vm.config.disqus - if (!disqus) { - throw Error('$docsify.disqus is required') - } - - hook.init(_ => { - const script = dom.create('script') - - script.async = true - script.src = `https://${disqus}.disqus.com/embed.js` - script.setAttribute('data-timestamp', Number(new Date())) - dom.appendTo(dom.body, script) - }) - - hook.mounted(_ => { - const div = dom.create('div') - div.id = 'disqus_thread' - const main = dom.getNode('#main') - div.style = `width: ${main.clientWidth}px; margin: 0 auto 20px;` - dom.appendTo(dom.find('.content'), div) - - // eslint-disable-next-line - window.disqus_config = function() { - this.page.url = location.origin + '/-' + vm.route.path - this.page.identifier = vm.route.path - this.page.title = document.title - } - }) - - hook.doneEach(_ => { - if (typeof window.DISQUS !== 'undefined') { - window.DISQUS.reset({ - reload: true, - config: function () { - this.page.url = location.origin + '/-' + vm.route.path - this.page.identifier = vm.route.path - this.page.title = document.title - } - }) - } - }) -} - -$docsify.plugins = [].concat(install, $docsify.plugins) diff --git a/src/plugins/emoji.js b/src/plugins/emoji.js index 31f1059..9b71c65 100644 --- a/src/plugins/emoji.js +++ b/src/plugins/emoji.js @@ -1,900 +1,153 @@ -const AllGithubEmoji = [ - '+1', - '100', - '1234', - '8ball', - 'a', - 'ab', - 'abc', - 'abcd', - 'accept', - 'aerial_tramway', - 'airplane', - 'alarm_clock', - 'alien', - 'ambulance', - 'anchor', - 'angel', - 'anger', - 'angry', - 'anguished', - 'ant', - 'apple', - 'aquarius', - 'aries', - 'arrow_backward', - 'arrow_double_down', - 'arrow_double_up', - 'arrow_down', - 'arrow_down_small', - 'arrow_forward', - 'arrow_heading_down', - 'arrow_heading_up', - 'arrow_left', - 'arrow_lower_left', - 'arrow_lower_right', - 'arrow_right', - 'arrow_right_hook', - 'arrow_up', - 'arrow_up_down', - 'arrow_up_small', - 'arrow_upper_left', - 'arrow_upper_right', - 'arrows_clockwise', - 'arrows_counterclockwise', - 'art', - 'articulated_lorry', - 'astonished', - 'athletic_shoe', - 'atm', - 'b', - 'baby', - 'baby_bottle', - 'baby_chick', - 'baby_symbol', - 'back', - 'baggage_claim', - 'balloon', - 'ballot_box_with_check', - 'bamboo', - 'banana', - 'bangbang', - 'bank', - 'bar_chart', - 'barber', - 'baseball', - 'basketball', - 'bath', - 'bathtub', - 'battery', - 'bear', - 'bee', - 'beer', - 'beers', - 'beetle', - 'beginner', - 'bell', - 'bento', - 'bicyclist', - 'bike', - 'bikini', - 'bird', - 'birthday', - 'black_circle', - 'black_joker', - 'black_large_square', - 'black_medium_small_square', - 'black_medium_square', - 'black_nib', - 'black_small_square', - 'black_square_button', - 'blossom', - 'blowfish', - 'blue_book', - 'blue_car', - 'blue_heart', - 'blush', - 'boar', - 'boat', - 'bomb', - 'book', - 'bookmark', - 'bookmark_tabs', - 'books', - 'boom', - 'boot', - 'bouquet', - 'bow', - 'bowling', - 'bowtie', - 'boy', - 'bread', - 'bride_with_veil', - 'bridge_at_night', - 'briefcase', - 'broken_heart', - 'bug', - 'bulb', - 'bullettrain_front', - 'bullettrain_side', - 'bus', - 'busstop', - 'bust_in_silhouette', - 'busts_in_silhouette', - 'cactus', - 'cake', - 'calendar', - 'calling', - 'camel', - 'camera', - 'cancer', - 'candy', - 'capital_abcd', - 'capricorn', - 'car', - 'card_index', - 'carousel_horse', - 'cat', - 'cat2', - 'cd', - 'chart', - 'chart_with_downwards_trend', - 'chart_with_upwards_trend', - 'checkered_flag', - 'cherries', - 'cherry_blossom', - 'chestnut', - 'chicken', - 'children_crossing', - 'chocolate_bar', - 'christmas_tree', - 'church', - 'cinema', - 'circus_tent', - 'city_sunrise', - 'city_sunset', - 'cl', - 'clap', - 'clapper', - 'clipboard', - 'clock1', - 'clock10', - 'clock1030', - 'clock11', - 'clock1130', - 'clock12', - 'clock1230', - 'clock130', - 'clock2', - 'clock230', - 'clock3', - 'clock330', - 'clock4', - 'clock430', - 'clock5', - 'clock530', - 'clock6', - 'clock630', - 'clock7', - 'clock730', - 'clock8', - 'clock830', - 'clock9', - 'clock930', - 'closed_book', - 'closed_lock_with_key', - 'closed_umbrella', - 'cloud', - 'clubs', - 'cn', - 'cocktail', - 'coffee', - 'cold_sweat', - 'collision', - 'computer', - 'confetti_ball', - 'confounded', - 'confused', - 'congratulations', - 'construction', - 'construction_worker', - 'convenience_store', - 'cookie', - 'cool', - 'cop', - 'copyright', - 'corn', - 'couple', - 'couple_with_heart', - 'couplekiss', - 'cow', - 'cow2', - 'credit_card', - 'crescent_moon', - 'crocodile', - 'crossed_flags', - 'crown', - 'cry', - 'crying_cat_face', - 'crystal_ball', - 'cupid', - 'curly_loop', - 'currency_exchange', - 'curry', - 'custard', - 'customs', - 'cyclone', - 'dancer', - 'dancers', - 'dango', - 'dart', - 'dash', - 'date', - 'de', - 'deciduous_tree', - 'department_store', - 'diamond_shape_with_a_dot_inside', - 'diamonds', - 'disappointed', - 'disappointed_relieved', - 'dizzy', - 'dizzy_face', - 'do_not_litter', - 'dog', - 'dog2', - 'dollar', - 'dolls', - 'dolphin', - 'door', - 'doughnut', - 'dragon', - 'dragon_face', - 'dress', - 'dromedary_camel', - 'droplet', - 'dvd', - 'e-mail', - 'ear', - 'ear_of_rice', - 'earth_africa', - 'earth_americas', - 'earth_asia', - 'egg', - 'eggplant', - 'eight', - 'eight_pointed_black_star', - 'eight_spoked_asterisk', - 'electric_plug', - 'elephant', - 'email', - 'end', - 'envelope', - 'envelope_with_arrow', - 'es', - 'euro', - 'european_castle', - 'european_post_office', - 'evergreen_tree', - 'exclamation', - 'expressionless', - 'eyeglasses', - 'eyes', - 'facepunch', - 'factory', - 'fallen_leaf', - 'family', - 'fast_forward', - 'fax', - 'fearful', - 'feelsgood', - 'feet', - 'ferris_wheel', - 'file_folder', - 'finnadie', - 'fire', - 'fire_engine', - 'fireworks', - 'first_quarter_moon', - 'first_quarter_moon_with_face', - 'fish', - 'fish_cake', - 'fishing_pole_and_fish', - 'fist', - 'five', - 'flags', - 'flashlight', - 'flipper', - 'floppy_disk', - 'flower_playing_cards', - 'flushed', - 'foggy', - 'football', - 'footprints', - 'fork_and_knife', - 'fountain', - 'four', - 'four_leaf_clover', - 'fr', - 'free', - 'fried_shrimp', - 'fries', - 'frog', - 'frowning', - 'fu', - 'fuelpump', - 'full_moon', - 'full_moon_with_face', - 'game_die', - 'gb', - 'gem', - 'gemini', - 'ghost', - 'gift', - 'gift_heart', - 'girl', - 'globe_with_meridians', - 'goat', - 'goberserk', - 'godmode', - 'golf', - 'grapes', - 'green_apple', - 'green_book', - 'green_heart', - 'grey_exclamation', - 'grey_question', - 'grimacing', - 'grin', - 'grinning', - 'guardsman', - 'guitar', - 'gun', - 'haircut', - 'hamburger', - 'hammer', - 'hamster', - 'hand', - 'handbag', - 'hankey', - 'hash', - 'hatched_chick', - 'hatching_chick', - 'headphones', - 'hear_no_evil', - 'heart', - 'heart_decoration', - 'heart_eyes', - 'heart_eyes_cat', - 'heartbeat', - 'heartpulse', - 'hearts', - 'heavy_check_mark', - 'heavy_division_sign', - 'heavy_dollar_sign', - 'heavy_exclamation_mark', - 'heavy_minus_sign', - 'heavy_multiplication_x', - 'heavy_plus_sign', - 'helicopter', - 'herb', - 'hibiscus', - 'high_brightness', - 'high_heel', - 'hocho', - 'honey_pot', - 'honeybee', - 'horse', - 'horse_racing', - 'hospital', - 'hotel', - 'hotsprings', - 'hourglass', - 'hourglass_flowing_sand', - 'house', - 'house_with_garden', - 'hurtrealbad', - 'hushed', - 'ice_cream', - 'icecream', - 'id', - 'ideograph_advantage', - 'imp', - 'inbox_tray', - 'incoming_envelope', - 'information_desk_person', - 'information_source', - 'innocent', - 'interrobang', - 'iphone', - 'it', - 'izakaya_lantern', - 'jack_o_lantern', - 'japan', - 'japanese_castle', - 'japanese_goblin', - 'japanese_ogre', - 'jeans', - 'joy', - 'joy_cat', - 'jp', - 'key', - 'keycap_ten', - 'kimono', - 'kiss', - 'kissing', - 'kissing_cat', - 'kissing_closed_eyes', - 'kissing_heart', - 'kissing_smiling_eyes', - 'koala', - 'koko', - 'kr', - 'lantern', - 'large_blue_circle', - 'large_blue_diamond', - 'large_orange_diamond', - 'last_quarter_moon', - 'last_quarter_moon_with_face', - 'laughing', - 'leaves', - 'ledger', - 'left_luggage', - 'left_right_arrow', - 'leftwards_arrow_with_hook', - 'lemon', - 'leo', - 'leopard', - 'libra', - 'light_rail', - 'link', - 'lips', - 'lipstick', - 'lock', - 'lock_with_ink_pen', - 'lollipop', - 'loop', - 'loud_sound', - 'loudspeaker', - 'love_hotel', - 'love_letter', - 'low_brightness', - 'm', - 'mag', - 'mag_right', - 'mahjong', - 'mailbox', - 'mailbox_closed', - 'mailbox_with_mail', - 'mailbox_with_no_mail', - 'man', - 'man_with_gua_pi_mao', - 'man_with_turban', - 'mans_shoe', - 'maple_leaf', - 'mask', - 'massage', - 'meat_on_bone', - 'mega', - 'melon', - 'memo', - 'mens', - 'metal', - 'metro', - 'microphone', - 'microscope', - 'milky_way', - 'minibus', - 'minidisc', - 'mobile_phone_off', - 'money_with_wings', - 'moneybag', - 'monkey', - 'monkey_face', - 'monorail', - 'moon', - 'mortar_board', - 'mount_fuji', - 'mountain_bicyclist', - 'mountain_cableway', - 'mountain_railway', - 'mouse', - 'mouse2', - 'movie_camera', - 'moyai', - 'muscle', - 'mushroom', - 'musical_keyboard', - 'musical_note', - 'musical_score', - 'mute', - 'nail_care', - 'name_badge', - 'neckbeard', - 'necktie', - 'negative_squared_cross_mark', - 'neutral_face', - 'new', - 'new_moon', - 'new_moon_with_face', - 'newspaper', - 'ng', - 'night_with_stars', - 'nine', - 'no_bell', - 'no_bicycles', - 'no_entry', - 'no_entry_sign', - 'no_good', - 'no_mobile_phones', - 'no_mouth', - 'no_pedestrians', - 'no_smoking', - 'non-potable_water', - 'nose', - 'notebook', - 'notebook_with_decorative_cover', - 'notes', - 'nut_and_bolt', - 'o', - 'o2', - 'ocean', - 'octocat', - 'octopus', - 'oden', - 'office', - 'ok', - 'ok_hand', - 'ok_woman', - 'older_man', - 'older_woman', - 'on', - 'oncoming_automobile', - 'oncoming_bus', - 'oncoming_police_car', - 'oncoming_taxi', - 'one', - 'open_book', - 'open_file_folder', - 'open_hands', - 'open_mouth', - 'ophiuchus', - 'orange_book', - 'outbox_tray', - 'ox', - 'package', - 'page_facing_up', - 'page_with_curl', - 'pager', - 'palm_tree', - 'panda_face', - 'paperclip', - 'parking', - 'part_alternation_mark', - 'partly_sunny', - 'passport_control', - 'paw_prints', - 'peach', - 'pear', - 'pencil', - 'pencil2', - 'penguin', - 'pensive', - 'performing_arts', - 'persevere', - 'person_frowning', - 'person_with_blond_hair', - 'person_with_pouting_face', - 'phone', - 'pig', - 'pig2', - 'pig_nose', - 'pill', - 'pineapple', - 'pisces', - 'pizza', - 'point_down', - 'point_left', - 'point_right', - 'point_up', - 'point_up_2', - 'police_car', - 'poodle', - 'poop', - 'post_office', - 'postal_horn', - 'postbox', - 'potable_water', - 'pouch', - 'poultry_leg', - 'pound', - 'pouting_cat', - 'pray', - 'princess', - 'punch', - 'purple_heart', - 'purse', - 'pushpin', - 'put_litter_in_its_place', - 'question', - 'rabbit', - 'rabbit2', - 'racehorse', - 'radio', - 'radio_button', - 'rage', - 'rage1', - 'rage2', - 'rage3', - 'rage4', - 'railway_car', - 'rainbow', - 'raised_hand', - 'raised_hands', - 'raising_hand', - 'ram', - 'ramen', - 'rat', - 'recycle', - 'red_car', - 'red_circle', - 'registered', - 'relaxed', - 'relieved', - 'repeat', - 'repeat_one', - 'restroom', - 'revolving_hearts', - 'rewind', - 'ribbon', - 'rice', - 'rice_ball', - 'rice_cracker', - 'rice_scene', - 'ring', - 'rocket', - 'roller_coaster', - 'rooster', - 'rose', - 'rotating_light', - 'round_pushpin', - 'rowboat', - 'ru', - 'rugby_football', - 'runner', - 'running', - 'running_shirt_with_sash', - 'sa', - 'sagittarius', - 'sailboat', - 'sake', - 'sandal', - 'santa', - 'satellite', - 'satisfied', - 'saxophone', - 'school', - 'school_satchel', - 'scissors', - 'scorpius', - 'scream', - 'scream_cat', - 'scroll', - 'seat', - 'secret', - 'see_no_evil', - 'seedling', - 'seven', - 'shaved_ice', - 'sheep', - 'shell', - 'ship', - 'shipit', - 'shirt', - 'shit', - 'shoe', - 'shower', - 'signal_strength', - 'six', - 'six_pointed_star', - 'ski', - 'skull', - 'sleeping', - 'sleepy', - 'slot_machine', - 'small_blue_diamond', - 'small_orange_diamond', - 'small_red_triangle', - 'small_red_triangle_down', - 'smile', - 'smile_cat', - 'smiley', - 'smiley_cat', - 'smiling_imp', - 'smirk', - 'smirk_cat', - 'smoking', - 'snail', - 'snake', - 'snowboarder', - 'snowflake', - 'snowman', - 'sob', - 'soccer', - 'soon', - 'sos', - 'sound', - 'space_invader', - 'spades', - 'spaghetti', - 'sparkle', - 'sparkler', - 'sparkles', - 'sparkling_heart', - 'speak_no_evil', - 'speaker', - 'speech_balloon', - 'speedboat', - 'squirrel', - 'star', - 'star2', - 'stars', - 'station', - 'statue_of_liberty', - 'steam_locomotive', - 'stew', - 'straight_ruler', - 'strawberry', - 'stuck_out_tongue', - 'stuck_out_tongue_closed_eyes', - 'stuck_out_tongue_winking_eye', - 'sun_with_face', - 'sunflower', - 'sunglasses', - 'sunny', - 'sunrise', - 'sunrise_over_mountains', - 'surfer', - 'sushi', - 'suspect', - 'suspension_railway', - 'sweat', - 'sweat_drops', - 'sweat_smile', - 'sweet_potato', - 'swimmer', - 'symbols', - 'syringe', - 'tada', - 'tanabata_tree', - 'tangerine', - 'taurus', - 'taxi', - 'tea', - 'telephone', - 'telephone_receiver', - 'telescope', - 'tennis', - 'tent', - 'thought_balloon', - 'three', - 'thumbsdown', - 'thumbsup', - 'ticket', - 'tiger', - 'tiger2', - 'tired_face', - 'tm', - 'toilet', - 'tokyo_tower', - 'tomato', - 'tongue', - 'top', - 'tophat', - 'tractor', - 'traffic_light', - 'train', - 'train2', - 'tram', - 'triangular_flag_on_post', - 'triangular_ruler', - 'trident', - 'triumph', - 'trolleybus', - 'trollface', - 'trophy', - 'tropical_drink', - 'tropical_fish', - 'truck', - 'trumpet', - 'tshirt', - 'tulip', - 'turtle', - 'tv', - 'twisted_rightwards_arrows', - 'two', - 'two_hearts', - 'two_men_holding_hands', - 'two_women_holding_hands', - 'u5272', - 'u5408', - 'u55b6', - 'u6307', - 'u6708', - 'u6709', - 'u6e80', - 'u7121', - 'u7533', - 'u7981', - 'u7a7a', - 'uk', - 'umbrella', - 'unamused', - 'underage', - 'unlock', - 'up', - 'us', - 'v', - 'vertical_traffic_light', - 'vhs', - 'vibration_mode', - 'video_camera', - 'video_game', - 'violin', - 'virgo', - 'volcano', - 'vs', - 'walking', - 'waning_crescent_moon', - 'waning_gibbous_moon', - 'warning', - 'watch', - 'water_buffalo', - 'watermelon', - 'wave', - 'wavy_dash', - 'waxing_crescent_moon', - 'waxing_gibbous_moon', - 'wc', - 'weary', - 'wedding', - 'whale', - 'whale2', - 'wheelchair', - 'white_check_mark', - 'white_circle', - 'white_flower', - 'white_large_square', - 'white_medium_small_square', - 'white_medium_square', - 'white_small_square', - 'white_square_button', - 'wind_chime', - 'wine_glass', - 'wink', - 'wolf', - 'woman', - 'womans_clothes', - 'womans_hat', - 'womens', - 'worried', - 'wrench', - 'x', - 'yellow_heart', - 'yen', - 'yum', - 'zap', - 'zero', - 'zzz' -] +const AllGithubEmoji = ['+1', '100', '1234', '8ball', 'a', 'ab', 'abc', 'abcd', + 'accept', 'aerial_tramway', 'airplane', 'alarm_clock', 'alien', 'ambulance', + 'anchor', 'angel', 'anger', 'angry', 'anguished', 'ant', 'apple', 'aquarius', + 'aries', 'arrow_backward', 'arrow_double_down', 'arrow_double_up', 'arrow_down', + 'arrow_down_small', 'arrow_forward', 'arrow_heading_down', 'arrow_heading_up', + 'arrow_left', 'arrow_lower_left', 'arrow_lower_right', 'arrow_right', + 'arrow_right_hook', 'arrow_up', 'arrow_up_down', 'arrow_up_small', 'arrow_upper_left', + 'arrow_upper_right', 'arrows_clockwise', 'arrows_counterclockwise', 'art', + 'articulated_lorry', 'astonished', 'athletic_shoe', 'atm', 'b', 'baby', 'baby_bottle', + 'baby_chick', 'baby_symbol', 'back', 'baggage_claim', 'balloon', 'ballot_box_with_check', + 'bamboo', 'banana', 'bangbang', 'bank', 'bar_chart', 'barber', 'baseball', 'basketball', + 'bath', 'bathtub', 'battery', 'bear', 'bee', 'beer', 'beers', 'beetle', 'beginner', + 'bell', 'bento', 'bicyclist', 'bike', 'bikini', 'bird', 'birthday', 'black_circle', + 'black_joker', 'black_large_square', 'black_medium_small_square', 'black_medium_square', + 'black_nib', 'black_small_square', 'black_square_button', 'blossom', 'blowfish', + 'blue_book', 'blue_car', 'blue_heart', 'blush', 'boar', 'boat', 'bomb', 'book', + 'bookmark', 'bookmark_tabs', 'books', 'boom', 'boot', 'bouquet', 'bow', 'bowling', + 'bowtie', 'boy', 'bread', 'bride_with_veil', 'bridge_at_night', 'briefcase', + 'broken_heart', 'bug', 'bulb', 'bullettrain_front', 'bullettrain_side', 'bus', + 'busstop', 'bust_in_silhouette', 'busts_in_silhouette', 'cactus', 'cake', 'calendar', + 'calling', 'camel', 'camera', 'cancer', 'candy', 'capital_abcd', 'capricorn', 'car', + 'card_index', 'carousel_horse', 'cat', 'cat2', 'cd', 'chart', 'chart_with_downwards_trend', + 'chart_with_upwards_trend', 'checkered_flag', 'cherries', 'cherry_blossom', 'chestnut', + 'chicken', 'children_crossing', 'chocolate_bar', 'christmas_tree', 'church', 'cinema', + 'circus_tent', 'city_sunrise', 'city_sunset', 'cl', 'clap', 'clapper', 'clipboard', + 'clock1', 'clock10', 'clock1030', 'clock11', 'clock1130', 'clock12', 'clock1230', + 'clock130', 'clock2', 'clock230', 'clock3', 'clock330', 'clock4', 'clock430', + 'clock5', 'clock530', 'clock6', 'clock630', 'clock7', 'clock730', 'clock8', 'clock830', + 'clock9', 'clock930', 'closed_book', 'closed_lock_with_key', 'closed_umbrella', + 'cloud', 'clubs', 'cn', 'cocktail', 'coffee', 'cold_sweat', 'collision', 'computer', + 'confetti_ball', 'confounded', 'confused', 'congratulations', 'construction', + 'construction_worker', 'convenience_store', 'cookie', 'cool', 'cop', 'copyright', + 'corn', 'couple', 'couple_with_heart', 'couplekiss', 'cow', 'cow2', 'credit_card', + 'crescent_moon', 'crocodile', 'crossed_flags', 'crown', 'cry', 'crying_cat_face', + 'crystal_ball', 'cupid', 'curly_loop', 'currency_exchange', 'curry', 'custard', + 'customs', 'cyclone', 'dancer', 'dancers', 'dango', 'dart', 'dash', 'date', 'de', + 'deciduous_tree', 'department_store', 'diamond_shape_with_a_dot_inside', 'diamonds', + 'disappointed', 'disappointed_relieved', 'dizzy', 'dizzy_face', 'do_not_litter', + 'dog', 'dog2', 'dollar', 'dolls', 'dolphin', 'door', 'doughnut', 'dragon', + 'dragon_face', 'dress', 'dromedary_camel', 'droplet', 'dvd', 'e-mail', 'ear', + 'ear_of_rice', 'earth_africa', 'earth_americas', 'earth_asia', 'egg', 'eggplant', + 'eight', 'eight_pointed_black_star', 'eight_spoked_asterisk', 'electric_plug', + 'elephant', 'email', 'end', 'envelope', 'envelope_with_arrow', 'es', 'euro', + 'european_castle', 'european_post_office', 'evergreen_tree', 'exclamation', + 'expressionless', 'eyeglasses', 'eyes', 'facepunch', 'factory', 'fallen_leaf', + 'family', 'fast_forward', 'fax', 'fearful', 'feelsgood', 'feet', 'ferris_wheel', + 'file_folder', 'finnadie', 'fire', 'fire_engine', 'fireworks', 'first_quarter_moon', + 'first_quarter_moon_with_face', 'fish', 'fish_cake', 'fishing_pole_and_fish', + 'fist', 'five', 'flags', 'flashlight', 'flipper', 'floppy_disk', 'flower_playing_cards', + 'flushed', 'foggy', 'football', 'footprints', 'fork_and_knife', 'fountain', + 'four', 'four_leaf_clover', 'fr', 'free', 'fried_shrimp', 'fries', 'frog', + 'frowning', 'fu', 'fuelpump', 'full_moon', 'full_moon_with_face', 'game_die', + 'gb', 'gem', 'gemini', 'ghost', 'gift', 'gift_heart', 'girl', 'globe_with_meridians', + 'goat', 'goberserk', 'godmode', 'golf', 'grapes', 'green_apple', 'green_book', + 'green_heart', 'grey_exclamation', 'grey_question', 'grimacing', 'grin', + 'grinning', 'guardsman', 'guitar', 'gun', 'haircut', 'hamburger', 'hammer', + 'hamster', 'hand', 'handbag', 'hankey', 'hash', 'hatched_chick', 'hatching_chick', + 'headphones', 'hear_no_evil', 'heart', 'heart_decoration', 'heart_eyes', + 'heart_eyes_cat', 'heartbeat', 'heartpulse', 'hearts', 'heavy_check_mark', + 'heavy_division_sign', 'heavy_dollar_sign', 'heavy_exclamation_mark', 'heavy_minus_sign', + 'heavy_multiplication_x', 'heavy_plus_sign', 'helicopter', 'herb', 'hibiscus', + 'high_brightness', 'high_heel', 'hocho', 'honey_pot', 'honeybee', 'horse', + 'horse_racing', 'hospital', 'hotel', 'hotsprings', 'hourglass', 'hourglass_flowing_sand', + 'house', 'house_with_garden', 'hurtrealbad', 'hushed', 'ice_cream', 'icecream', + 'id', 'ideograph_advantage', 'imp', 'inbox_tray', 'incoming_envelope', + 'information_desk_person', 'information_source', 'innocent', 'interrobang', + 'iphone', 'it', 'izakaya_lantern', 'jack_o_lantern', 'japan', 'japanese_castle', + 'japanese_goblin', 'japanese_ogre', 'jeans', 'joy', 'joy_cat', 'jp', 'key', + 'keycap_ten', 'kimono', 'kiss', 'kissing', 'kissing_cat', 'kissing_closed_eyes', + 'kissing_heart', 'kissing_smiling_eyes', 'koala', 'koko', 'kr', 'lantern', + 'large_blue_circle', 'large_blue_diamond', 'large_orange_diamond', 'last_quarter_moon', + 'last_quarter_moon_with_face', 'laughing', 'leaves', 'ledger', 'left_luggage', + 'left_right_arrow', 'leftwards_arrow_with_hook', 'lemon', 'leo', 'leopard', + 'libra', 'light_rail', 'link', 'lips', 'lipstick', 'lock', 'lock_with_ink_pen', + 'lollipop', 'loop', 'loud_sound', 'loudspeaker', 'love_hotel', 'love_letter', + 'low_brightness', 'm', 'mag', 'mag_right', 'mahjong', 'mailbox', 'mailbox_closed', + 'mailbox_with_mail', 'mailbox_with_no_mail', 'man', 'man_with_gua_pi_mao', + 'man_with_turban', 'mans_shoe', 'maple_leaf', 'mask', 'massage', 'meat_on_bone', + 'mega', 'melon', 'memo', 'mens', 'metal', 'metro', 'microphone', 'microscope', + 'milky_way', 'minibus', 'minidisc', 'mobile_phone_off', 'money_with_wings', + 'moneybag', 'monkey', 'monkey_face', 'monorail', 'moon', 'mortar_board', 'mount_fuji', + 'mountain_bicyclist', 'mountain_cableway', 'mountain_railway', 'mouse', 'mouse2', + 'movie_camera', 'moyai', 'muscle', 'mushroom', 'musical_keyboard', 'musical_note', + 'musical_score', 'mute', 'nail_care', 'name_badge', 'neckbeard', 'necktie', + 'negative_squared_cross_mark', 'neutral_face', 'new', 'new_moon', 'new_moon_with_face', + 'newspaper', 'ng', 'night_with_stars', 'nine', 'no_bell', 'no_bicycles', 'no_entry', + 'no_entry_sign', 'no_good', 'no_mobile_phones', 'no_mouth', 'no_pedestrians', + 'no_smoking', 'non-potable_water', 'nose', 'notebook', 'notebook_with_decorative_cover', + 'notes', 'nut_and_bolt', 'o', 'o2', 'ocean', 'octocat', 'octopus', 'oden', 'office', + 'ok', 'ok_hand', 'ok_woman', 'older_man', 'older_woman', 'on', 'oncoming_automobile', + 'oncoming_bus', 'oncoming_police_car', 'oncoming_taxi', 'one', 'open_book', + 'open_file_folder', 'open_hands', 'open_mouth', 'ophiuchus', 'orange_book', + 'outbox_tray', 'ox', 'package', 'page_facing_up', 'page_with_curl', 'pager', + 'palm_tree', 'panda_face', 'paperclip', 'parking', 'part_alternation_mark', + 'partly_sunny', 'passport_control', 'paw_prints', 'peach', 'pear', 'pencil', + 'pencil2', 'penguin', 'pensive', 'performing_arts', 'persevere', 'person_frowning', + 'person_with_blond_hair', 'person_with_pouting_face', 'phone', 'pig', 'pig2', + 'pig_nose', 'pill', 'pineapple', 'pisces', 'pizza', 'point_down', 'point_left', + 'point_right', 'point_up', 'point_up_2', 'police_car', 'poodle', 'poop', + 'post_office', 'postal_horn', 'postbox', 'potable_water', 'pouch', 'poultry_leg', + 'pound', 'pouting_cat', 'pray', 'princess', 'punch', 'purple_heart', 'purse', + 'pushpin', 'put_litter_in_its_place', 'question', 'rabbit', 'rabbit2', 'racehorse', + 'radio', 'radio_button', 'rage', 'rage1', 'rage2', 'rage3', 'rage4', 'railway_car', + 'rainbow', 'raised_hand', 'raised_hands', 'raising_hand', 'ram', 'ramen', 'rat', + 'recycle', 'red_car', 'red_circle', 'registered', 'relaxed', 'relieved', 'repeat', + 'repeat_one', 'restroom', 'revolving_hearts', 'rewind', 'ribbon', 'rice', + 'rice_ball', 'rice_cracker', 'rice_scene', 'ring', 'rocket', 'roller_coaster', + 'rooster', 'rose', 'rotating_light', 'round_pushpin', 'rowboat', 'ru', 'rugby_football', + 'runner', 'running', 'running_shirt_with_sash', 'sa', 'sagittarius', 'sailboat', + 'sake', 'sandal', 'santa', 'satellite', 'satisfied', 'saxophone', 'school', + 'school_satchel', 'scissors', 'scorpius', 'scream', 'scream_cat', 'scroll', + 'seat', 'secret', 'see_no_evil', 'seedling', 'seven', 'shaved_ice', 'sheep', + 'shell', 'ship', 'shipit', 'shirt', 'shit', 'shoe', 'shower', 'signal_strength', + 'six', 'six_pointed_star', 'ski', 'skull', 'sleeping', 'sleepy', 'slot_machine', + 'small_blue_diamond', 'small_orange_diamond', 'small_red_triangle', + 'small_red_triangle_down', 'smile', 'smile_cat', 'smiley', 'smiley_cat', + 'smiling_imp', 'smirk', 'smirk_cat', 'smoking', 'snail', 'snake', 'snowboarder', + 'snowflake', 'snowman', 'sob', 'soccer', 'soon', 'sos', 'sound', 'space_invader', + 'spades', 'spaghetti', 'sparkle', 'sparkler', 'sparkles', 'sparkling_heart', + 'speak_no_evil', 'speaker', 'speech_balloon', 'speedboat', 'squirrel', 'star', + 'star2', 'stars', 'station', 'statue_of_liberty', 'steam_locomotive', 'stew', + 'straight_ruler', 'strawberry', 'stuck_out_tongue', 'stuck_out_tongue_closed_eyes', + 'stuck_out_tongue_winking_eye', 'sun_with_face', 'sunflower', 'sunglasses', + 'sunny', 'sunrise', 'sunrise_over_mountains', 'surfer', 'sushi', 'suspect', + 'suspension_railway', 'sweat', 'sweat_drops', 'sweat_smile', 'sweet_potato', + 'swimmer', 'symbols', 'syringe', 'tada', 'tanabata_tree', 'tangerine', 'taurus', + 'taxi', 'tea', 'telephone', 'telephone_receiver', 'telescope', 'tennis', 'tent', + 'thought_balloon', 'three', 'thumbsdown', 'thumbsup', 'ticket', 'tiger', 'tiger2', + 'tired_face', 'tm', 'toilet', 'tokyo_tower', 'tomato', 'tongue', 'top', 'tophat', + 'tractor', 'traffic_light', 'train', 'train2', 'tram', 'triangular_flag_on_post', + 'triangular_ruler', 'trident', 'triumph', 'trolleybus', 'trollface', 'trophy', + 'tropical_drink', 'tropical_fish', 'truck', 'trumpet', 'tshirt', 'tulip', + 'turtle', 'tv', 'twisted_rightwards_arrows', 'two', 'two_hearts', 'two_men_holding_hands', + 'two_women_holding_hands', 'u5272', 'u5408', 'u55b6', 'u6307', 'u6708', 'u6709', + 'u6e80', 'u7121', 'u7533', 'u7981', 'u7a7a', 'uk', 'umbrella', 'unamused', + 'underage', 'unlock', 'up', 'us', 'v', 'vertical_traffic_light', 'vhs', + 'vibration_mode', 'video_camera', 'video_game', 'violin', 'virgo', 'volcano', + 'vs', 'walking', 'waning_crescent_moon', 'waning_gibbous_moon', 'warning', + 'watch', 'water_buffalo', 'watermelon', 'wave', 'wavy_dash', 'waxing_crescent_moon', + 'waxing_gibbous_moon', 'wc', 'weary', 'wedding', 'whale', 'whale2', 'wheelchair', + 'white_check_mark', 'white_circle', 'white_flower', 'white_large_square', + 'white_medium_small_square', 'white_medium_square', 'white_small_square', + 'white_square_button', 'wind_chime', 'wine_glass', 'wink', 'wolf', 'woman', + 'womans_clothes', 'womans_hat', 'womens', 'worried', 'wrench', 'x', 'yellow_heart', + 'yen', 'yum', 'zap', 'zero', 'zzz'] -// Emoji from All-Github-Emoji-Icons +// emoji from All-Github-Emoji-Icons // https://github.com/scotch-io/All-Github-Emoji-Icons window.emojify = function (match, $1) { - return AllGithubEmoji.indexOf($1) === -1 ? - match : - '
'
+ return AllGithubEmoji.indexOf($1) === -1
+ ? match
+ : ''
}
diff --git a/src/plugins/external-script.js b/src/plugins/external-script.js
index 2954030..5d2771b 100644
--- a/src/plugins/external-script.js
+++ b/src/plugins/external-script.js
@@ -1,20 +1,16 @@
-function handleExternalScript() {
+function handleExternalScript () {
const container = Docsify.dom.getNode('#main')
- const scripts = Docsify.dom.findAll(container, 'script')
+ const script = Docsify.dom.find(container, 'script')
- for (let i = scripts.length; i--;) {
- const script = scripts[i]
+ if (script && script.src) {
+ const newScript = document.createElement('script')
- if (script && script.src) {
- const newScript = document.createElement('script')
+ ;['src', 'async', 'defer'].forEach(attribute => {
+ newScript[attribute] = script[attribute]
+ })
- Array.prototype.slice.call(script.attributes).forEach(attribute => {
- newScript[attribute.name] = attribute.value
- })
-
- script.parentNode.insertBefore(newScript, script)
- script.parentNode.removeChild(script)
- }
+ script.parentNode.removeChild(script)
+ container.appendChild(newScript)
}
}
diff --git a/src/plugins/front-matter/index.js b/src/plugins/front-matter/index.js
index cb90ed9..459fac0 100644
--- a/src/plugins/front-matter/index.js
+++ b/src/plugins/front-matter/index.js
@@ -2,12 +2,12 @@ import parser from './parser'
const install = function (hook, vm) {
hook.beforeEach(content => {
- const {attributes, body} = parser(content)
+ const { attributes, body } = parser(content)
- vm.frontmatter = attributes
+ Docsify.util.merge(vm.config, attributes.config)
return body
})
}
-$docsify.plugins = [].concat(install, $docsify.plugins)
+window.$docsify.plugins = [].concat(install, window.$docsify.plugins)
diff --git a/src/plugins/front-matter/parser.js b/src/plugins/front-matter/parser.js
index f0ae377..23aabdd 100644
--- a/src/plugins/front-matter/parser.js
+++ b/src/plugins/front-matter/parser.js
@@ -5,8 +5,7 @@
import parser from './yaml'
var optionalByteOrderMark = '\\ufeff?'
-var pattern =
- '^(' +
+var pattern = '^(' +
optionalByteOrderMark +
'(= yaml =|---)' +
'$([\\s\\S]*?)' +
@@ -18,7 +17,7 @@ var pattern =
// need to be moved down into the functions that use it.
var regex = new RegExp(pattern, 'm')
-function extractor(string) {
+function extractor (string) {
string = string || ''
var lines = string.split(/(\r?\n)/)
@@ -29,7 +28,7 @@ function extractor(string) {
}
}
-function parse(string) {
+function parse (string) {
var match = regex.exec(string)
if (!match) {
@@ -46,10 +45,10 @@ function parse(string) {
return { attributes: attributes, body: body, frontmatter: yaml }
}
-function test(string) {
+function test (string) {
string = string || ''
return regex.test(string)
}
-export default extractor
+export default extractor
\ No newline at end of file
diff --git a/src/plugins/front-matter/yaml.js b/src/plugins/front-matter/yaml.js
index b947463..ae00a95 100644
--- a/src/plugins/front-matter/yaml.js
+++ b/src/plugins/front-matter/yaml.js
@@ -29,412 +29,415 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* @namespace
*/
-var errors = [],
- reference_blocks = [],
- processing_time = 0,
- regex = {
- regLevel: new RegExp('^([\\s\\-]+)'),
- invalidLine: new RegExp('^\\-\\-\\-|^\\.\\.\\.|^\\s*#.*|^\\s*$'),
- dashesString: new RegExp('^\\s*\\"([^\\"]*)\\"\\s*$'),
- quotesString: new RegExp("^\\s*\\'([^\\']*)\\'\\s*$"),
- float: new RegExp('^[+-]?[0-9]+\\.[0-9]+(e[+-]?[0-9]+(\\.[0-9]+)?)?$'),
- integer: new RegExp('^[+-]?[0-9]+$'),
- array: new RegExp('\\[\\s*(.*)\\s*\\]'),
- map: new RegExp('\\{\\s*(.*)\\s*\\}'),
- key_value: new RegExp('([a-z0-9_-][ a-z0-9_-]*):( .+)', 'i'),
- single_key_value: new RegExp('^([a-z0-9_-][ a-z0-9_-]*):( .+?)$', 'i'),
- key: new RegExp('([a-z0-9_-][ a-z0-9_-]+):( .+)?', 'i'),
- item: new RegExp('^-\\s+'),
- trim: new RegExp('^\\s+|\\s+$'),
- comment: new RegExp('([^\\\'\\"#]+([\\\'\\"][^\\\'\\"]*[\\\'\\"])*)*(#.*)?')
- }
-/**
+var errors = [],
+ reference_blocks = [],
+ processing_time = 0,
+ regex =
+ {
+ "regLevel" : new RegExp("^([\\s\\-]+)"),
+ "invalidLine" : new RegExp("^\\-\\-\\-|^\\.\\.\\.|^\\s*#.*|^\\s*$"),
+ "dashesString" : new RegExp("^\\s*\\\"([^\\\"]*)\\\"\\s*$"),
+ "quotesString" : new RegExp("^\\s*\\\'([^\\\']*)\\\'\\s*$"),
+ "float" : new RegExp("^[+-]?[0-9]+\\.[0-9]+(e[+-]?[0-9]+(\\.[0-9]+)?)?$"),
+ "integer" : new RegExp("^[+-]?[0-9]+$"),
+ "array" : new RegExp("\\[\\s*(.*)\\s*\\]"),
+ "map" : new RegExp("\\{\\s*(.*)\\s*\\}"),
+ "key_value" : new RegExp("([a-z0-9_-][ a-z0-9_-]*):( .+)", "i"),
+ "single_key_value" : new RegExp("^([a-z0-9_-][ a-z0-9_-]*):( .+?)$", "i"),
+ "key" : new RegExp("([a-z0-9_-][ a-z0-9_-]+):( .+)?", "i"),
+ "item" : new RegExp("^-\\s+"),
+ "trim" : new RegExp("^\\s+|\\s+$"),
+ "comment" : new RegExp("([^\\\'\\\"#]+([\\\'\\\"][^\\\'\\\"]*[\\\'\\\"])*)*(#.*)?")
+ };
+
+ /**
* @class A block of lines of a given level.
* @param {int} lvl The block's level.
* @private
*/
function Block(lvl) {
- return {
- /* The block's parent */
- parent: null,
- /* Number of children */
- length: 0,
- /* Block's level */
- level: lvl,
- /* Lines of code to process */
- lines: [],
- /* Blocks with greater level */
- children: [],
- /* Add a block to the children collection */
- addChild: function(obj) {
- this.children.push(obj)
- obj.parent = this
- ++this.length
- }
- }
+ return {
+ /* The block's parent */
+ parent: null,
+ /* Number of children */
+ length: 0,
+ /* Block's level */
+ level: lvl,
+ /* Lines of code to process */
+ lines: [],
+ /* Blocks with greater level */
+ children : [],
+ /* Add a block to the children collection */
+ addChild : function(obj) {
+ this.children.push(obj);
+ obj.parent = this;
+ ++this.length;
+ }
+ };
}
// function to create an XMLHttpClient in a cross-browser manner
function createXMLHTTPRequest() {
- var xmlhttp
+ var xmlhttp;
- try {
- // Mozilla / Safari / IE7
- xmlhttp = new XMLHttpRequest()
- } catch (e) {
- // IE
- var XMLHTTP_IDS = new Array(
- 'MSXML2.XMLHTTP.5.0',
- 'MSXML2.XMLHTTP.4.0',
- 'MSXML2.XMLHTTP.3.0',
- 'MSXML2.XMLHTTP',
- 'Microsoft.XMLHTTP'
- )
- var success = false
- for (var i = 0; i < XMLHTTP_IDS.length && !success; i++) {
- try {
- xmlhttp = new ActiveXObject(XMLHTTP_IDS[i])
- success = true
- } catch (e) {}
+ try {
+ // Mozilla / Safari / IE7
+ xmlhttp = new XMLHttpRequest();
+ } catch (e) {
+ // IE
+ var XMLHTTP_IDS = new Array('MSXML2.XMLHTTP.5.0',
+ 'MSXML2.XMLHTTP.4.0',
+ 'MSXML2.XMLHTTP.3.0',
+ 'MSXML2.XMLHTTP',
+ 'Microsoft.XMLHTTP' );
+ var success = false;
+ for (var i=0;i < XMLHTTP_IDS.length && !success; i++) {
+ try {
+ xmlhttp = new ActiveXObject(XMLHTTP_IDS[i]);
+ success = true;
+ } catch (e) {}
+ }
+ if (!success) {
+ throw new Error('Unable to create XMLHttpRequest.');
+ }
}
- if (!success) {
- throw new Error('Unable to create XMLHttpRequest.')
- }
- }
- return xmlhttp
+ return xmlhttp;
}
function parser(str) {
- var regLevel = regex['regLevel']
- var invalidLine = regex['invalidLine']
- var lines = str.split('\n')
- var m
- var level = 0,
- curLevel = 0
+ var regLevel = regex["regLevel"];
+ var invalidLine = regex["invalidLine"];
+ var lines = str.split("\n");
+ var m;
+ var level = 0, curLevel = 0;
- var blocks = []
+ var blocks = [];
- var result = new Block(-1)
- var currentBlock = new Block(0)
- result.addChild(currentBlock)
- var levels = []
- var line = ''
+ var result = new Block(-1);
+ var currentBlock = new Block(0);
+ result.addChild(currentBlock);
+ var levels = [];
+ var line = "";
- blocks.push(currentBlock)
- levels.push(level)
+ blocks.push(currentBlock);
+ levels.push(level);
- for (var i = 0, len = lines.length; i < len; ++i) {
- line = lines[i]
+ for(var i = 0, len = lines.length; i < len; ++i) {
+ line = lines[i];
- if (line.match(invalidLine)) {
- continue
- }
-
- if ((m = regLevel.exec(line))) {
- level = m[1].length
- } else level = 0
-
- if (level > curLevel) {
- var oldBlock = currentBlock
- currentBlock = new Block(level)
- oldBlock.addChild(currentBlock)
- blocks.push(currentBlock)
- levels.push(level)
- } else if (level < curLevel) {
- var added = false
-
- var k = levels.length - 1
- for (; k >= 0; --k) {
- if (levels[k] == level) {
- currentBlock = new Block(level)
- blocks.push(currentBlock)
- levels.push(level)
- if (blocks[k].parent != null) blocks[k].parent.addChild(currentBlock)
- added = true
- break
+ if(line.match(invalidLine)) {
+ continue;
}
- }
- if (!added) {
- errors.push('Error: Invalid indentation at line ' + i + ': ' + line)
- return
- }
+ if(m = regLevel.exec(line)) {
+ level = m[1].length;
+ } else
+ level = 0;
+
+ if(level > curLevel) {
+ var oldBlock = currentBlock;
+ currentBlock = new Block(level);
+ oldBlock.addChild(currentBlock);
+ blocks.push(currentBlock);
+ levels.push(level);
+ } else if(level < curLevel) {
+ var added = false;
+
+ var k = levels.length - 1;
+ for(; k >= 0; --k) {
+ if(levels[k] == level) {
+ currentBlock = new Block(level);
+ blocks.push(currentBlock);
+ levels.push(level);
+ if(blocks[k].parent!= null)
+ blocks[k].parent.addChild(currentBlock);
+ added = true;
+ break;
+ }
+ }
+
+ if(!added) {
+ errors.push("Error: Invalid indentation at line " + i + ": " + line);
+ return;
+ }
+ }
+
+ currentBlock.lines.push(line.replace(regex["trim"], ""));
+ curLevel = level;
}
- currentBlock.lines.push(line.replace(regex['trim'], ''))
- curLevel = level
- }
-
- return result
+ return result;
}
function processValue(val) {
- val = val.replace(regex['trim'], '')
- var m = null
+ val = val.replace(regex["trim"], "");
+ var m = null;
- if (val == 'true') {
- return true
- } else if (val == 'false') {
- return false
- } else if (val == '.NaN') {
- return Number.NaN
- } else if (val == 'null') {
- return null
- } else if (val == '.inf') {
- return Number.POSITIVE_INFINITY
- } else if (val == '-.inf') {
- return Number.NEGATIVE_INFINITY
- } else if ((m = val.match(regex['dashesString']))) {
- return m[1]
- } else if ((m = val.match(regex['quotesString']))) {
- return m[1]
- } else if ((m = val.match(regex['float']))) {
- return parseFloat(m[0])
- } else if ((m = val.match(regex['integer']))) {
- return parseInt(m[0])
- } else if (!isNaN((m = Date.parse(val)))) {
- return new Date(m)
- } else if ((m = val.match(regex['single_key_value']))) {
- var res = {}
- res[m[1]] = processValue(m[2])
- return res
- } else if ((m = val.match(regex['array']))) {
- var count = 0,
- c = ' '
- var res = []
- var content = ''
- var str = false
- for (var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
- c = m[1][j]
- if (c == "'" || c == '"') {
- if (str === false) {
- str = c
- content += c
- continue
- } else if ((c == "'" && str == "'") || (c == '"' && str == '"')) {
- str = false
- content += c
- continue
+ if(val == 'true') {
+ return true;
+ } else if(val == 'false') {
+ return false;
+ } else if(val == '.NaN') {
+ return Number.NaN;
+ } else if(val == 'null') {
+ return null;
+ } else if(val == '.inf') {
+ return Number.POSITIVE_INFINITY;
+ } else if(val == '-.inf') {
+ return Number.NEGATIVE_INFINITY;
+ } else if(m = val.match(regex["dashesString"])) {
+ return m[1];
+ } else if(m = val.match(regex["quotesString"])) {
+ return m[1];
+ } else if(m = val.match(regex["float"])) {
+ return parseFloat(m[0]);
+ } else if(m = val.match(regex["integer"])) {
+ return parseInt(m[0]);
+ } else if( !isNaN(m = Date.parse(val))) {
+ return new Date(m);
+ } else if(m = val.match(regex["single_key_value"])) {
+ var res = {};
+ res[m[1]] = processValue(m[2]);
+ return res;
+ } else if(m = val.match(regex["array"])){
+ var count = 0, c = ' ';
+ var res = [];
+ var content = "";
+ var str = false;
+ for(var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
+ c = m[1][j];
+ if(c == '\'' || c == '"') {
+ if(str === false) {
+ str = c;
+ content += c;
+ continue;
+ } else if((c == '\'' && str == '\'') || (c == '"' && str == '"')) {
+ str = false;
+ content += c;
+ continue;
+ }
+ } else if(str === false && (c == '[' || c == '{')) {
+ ++count;
+ } else if(str === false && (c == ']' || c == '}')) {
+ --count;
+ } else if(str === false && count == 0 && c == ',') {
+ res.push(processValue(content));
+ content = "";
+ continue;
+ }
+
+ content += c;
}
- } else if (str === false && (c == '[' || c == '{')) {
- ++count
- } else if (str === false && (c == ']' || c == '}')) {
- --count
- } else if (str === false && count == 0 && c == ',') {
- res.push(processValue(content))
- content = ''
- continue
- }
- content += c
- }
+ if(content.length > 0)
+ res.push(processValue(content));
+ return res;
+ } else if(m = val.match(regex["map"])){
+ var count = 0, c = ' ';
+ var res = [];
+ var content = "";
+ var str = false;
+ for(var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
+ c = m[1][j];
+ if(c == '\'' || c == '"') {
+ if(str === false) {
+ str = c;
+ content += c;
+ continue;
+ } else if((c == '\'' && str == '\'') || (c == '"' && str == '"')) {
+ str = false;
+ content += c;
+ continue;
+ }
+ } else if(str === false && (c == '[' || c == '{')) {
+ ++count;
+ } else if(str === false && (c == ']' || c == '}')) {
+ --count;
+ } else if(str === false && count == 0 && c == ',') {
+ res.push(content);
+ content = "";
+ continue;
+ }
- if (content.length > 0) res.push(processValue(content))
- return res
- } else if ((m = val.match(regex['map']))) {
- var count = 0,
- c = ' '
- var res = []
- var content = ''
- var str = false
- for (var j = 0, lenJ = m[1].length; j < lenJ; ++j) {
- c = m[1][j]
- if (c == "'" || c == '"') {
- if (str === false) {
- str = c
- content += c
- continue
- } else if ((c == "'" && str == "'") || (c == '"' && str == '"')) {
- str = false
- content += c
- continue
+ content += c;
}
- } else if (str === false && (c == '[' || c == '{')) {
- ++count
- } else if (str === false && (c == ']' || c == '}')) {
- --count
- } else if (str === false && count == 0 && c == ',') {
- res.push(content)
- content = ''
- continue
- }
- content += c
- }
+ if(content.length > 0)
+ res.push(content);
- if (content.length > 0) res.push(content)
+ var newRes = {};
+ for(var j = 0, lenJ = res.length; j < lenJ; ++j) {
+ if(m = res[j].match(regex["key_value"])) {
+ newRes[m[1]] = processValue(m[2]);
+ }
+ }
- var newRes = {}
- for (var j = 0, lenJ = res.length; j < lenJ; ++j) {
- if ((m = res[j].match(regex['key_value']))) {
- newRes[m[1]] = processValue(m[2])
- }
- }
-
- return newRes
- } else return val
+ return newRes;
+ } else
+ return val;
}
function processFoldedBlock(block) {
- var lines = block.lines
- var children = block.children
- var str = lines.join(' ')
- var chunks = [str]
- for (var i = 0, len = children.length; i < len; ++i) {
- chunks.push(processFoldedBlock(children[i]))
- }
- return chunks.join('\n')
+ var lines = block.lines;
+ var children = block.children;
+ var str = lines.join(" ");
+ var chunks = [str];
+ for(var i = 0, len = children.length; i < len; ++i) {
+ chunks.push(processFoldedBlock(children[i]));
+ }
+ return chunks.join("\n");
}
function processLiteralBlock(block) {
- var lines = block.lines
- var children = block.children
- var str = lines.join('\n')
- for (var i = 0, len = children.length; i < len; ++i) {
- str += processLiteralBlock(children[i])
- }
- return str
+ var lines = block.lines;
+ var children = block.children;
+ var str = lines.join("\n");
+ for(var i = 0, len = children.length; i < len; ++i) {
+ str += processLiteralBlock(children[i]);
+ }
+ return str;
}
function processBlock(blocks) {
- var m = null
- var res = {}
- var lines = null
- var children = null
- var currentObj = null
+ var m = null;
+ var res = {};
+ var lines = null;
+ var children = null;
+ var currentObj = null;
- var level = -1
+ var level = -1;
- var processedBlocks = []
+ var processedBlocks = [];
- var isMap = true
+ var isMap = true;
- for (var j = 0, lenJ = blocks.length; j < lenJ; ++j) {
- if (level != -1 && level != blocks[j].level) continue
+ for(var j = 0, lenJ = blocks.length; j < lenJ; ++j) {
- processedBlocks.push(j)
+ if(level != -1 && level != blocks[j].level)
+ continue;
- level = blocks[j].level
- lines = blocks[j].lines
- children = blocks[j].children
- currentObj = null
+ processedBlocks.push(j);
- for (var i = 0, len = lines.length; i < len; ++i) {
- var line = lines[i]
+ level = blocks[j].level;
+ lines = blocks[j].lines;
+ children = blocks[j].children;
+ currentObj = null;
- if ((m = line.match(regex['key']))) {
- var key = m[1]
+ for(var i = 0, len = lines.length; i < len; ++i) {
+ var line = lines[i];
- if (key[0] == '-') {
- key = key.replace(regex['item'], '')
- if (isMap) {
- isMap = false
- if (typeof res.length === 'undefined') {
- res = []
+ if(m = line.match(regex["key"])) {
+ var key = m[1];
+
+ if(key[0] == '-') {
+ key = key.replace(regex["item"], "");
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
+ }
+ if(currentObj != null) res.push(currentObj);
+ currentObj = {};
+ isMap = true;
+ }
+
+ if(typeof m[2] != "undefined") {
+ var value = m[2].replace(regex["trim"], "");
+ if(value[0] == '&') {
+ var nb = processBlock(children);
+ if(currentObj != null) currentObj[key] = nb;
+ else res[key] = nb;
+ reference_blocks[value.substr(1)] = nb;
+ } else if(value[0] == '|') {
+ if(currentObj != null) currentObj[key] = processLiteralBlock(children.shift());
+ else res[key] = processLiteralBlock(children.shift());
+ } else if(value[0] == '*') {
+ var v = value.substr(1);
+ var no = {};
+
+ if(typeof reference_blocks[v] == "undefined") {
+ errors.push("Reference '" + v + "' not found!");
+ } else {
+ for(var k in reference_blocks[v]) {
+ no[k] = reference_blocks[v][k];
+ }
+
+ if(currentObj != null) currentObj[key] = no;
+ else res[key] = no;
+ }
+ } else if(value[0] == '>') {
+ if(currentObj != null) currentObj[key] = processFoldedBlock(children.shift());
+ else res[key] = processFoldedBlock(children.shift());
+ } else {
+ if(currentObj != null) currentObj[key] = processValue(value);
+ else res[key] = processValue(value);
+ }
+ } else {
+ if(currentObj != null) currentObj[key] = processBlock(children);
+ else res[key] = processBlock(children);
+ }
+ } else if(line.match(/^-\s*$/)) {
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
+ }
+ if(currentObj != null) res.push(currentObj);
+ currentObj = {};
+ isMap = true;
+ continue;
+ } else if(m = line.match(/^-\s*(.*)/)) {
+ if(currentObj != null)
+ currentObj.push(processValue(m[1]));
+ else {
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
+ }
+ res.push(processValue(m[1]));
+ }
+ continue;
}
- }
- if (currentObj != null) res.push(currentObj)
- currentObj = {}
- isMap = true
}
- if (typeof m[2] != 'undefined') {
- var value = m[2].replace(regex['trim'], '')
- if (value[0] == '&') {
- var nb = processBlock(children)
- if (currentObj != null) currentObj[key] = nb
- else res[key] = nb
- reference_blocks[value.substr(1)] = nb
- } else if (value[0] == '|') {
- if (currentObj != null)
- currentObj[key] = processLiteralBlock(children.shift())
- else res[key] = processLiteralBlock(children.shift())
- } else if (value[0] == '*') {
- var v = value.substr(1)
- var no = {}
-
- if (typeof reference_blocks[v] == 'undefined') {
- errors.push("Reference '" + v + "' not found!")
- } else {
- for (var k in reference_blocks[v]) {
- no[k] = reference_blocks[v][k]
- }
-
- if (currentObj != null) currentObj[key] = no
- else res[key] = no
+ if(currentObj != null) {
+ if (isMap) {
+ isMap = false;
+ if (typeof(res.length) === "undefined") {
+ res = [];
+ }
}
- } else if (value[0] == '>') {
- if (currentObj != null)
- currentObj[key] = processFoldedBlock(children.shift())
- else res[key] = processFoldedBlock(children.shift())
- } else {
- if (currentObj != null) currentObj[key] = processValue(value)
- else res[key] = processValue(value)
- }
- } else {
- if (currentObj != null) currentObj[key] = processBlock(children)
- else res[key] = processBlock(children)
+ res.push(currentObj);
}
- } else if (line.match(/^-\s*$/)) {
- if (isMap) {
- isMap = false
- if (typeof res.length === 'undefined') {
- res = []
- }
- }
- if (currentObj != null) res.push(currentObj)
- currentObj = {}
- isMap = true
- continue
- } else if ((m = line.match(/^-\s*(.*)/))) {
- if (currentObj != null) currentObj.push(processValue(m[1]))
- else {
- if (isMap) {
- isMap = false
- if (typeof res.length === 'undefined') {
- res = []
- }
- }
- res.push(processValue(m[1]))
- }
- continue
- }
}
- if (currentObj != null) {
- if (isMap) {
- isMap = false
- if (typeof res.length === 'undefined') {
- res = []
- }
- }
- res.push(currentObj)
+ for(var j = processedBlocks.length - 1; j >= 0; --j) {
+ blocks.splice.call(blocks, processedBlocks[j], 1);
}
- }
- for (var j = processedBlocks.length - 1; j >= 0; --j) {
- blocks.splice.call(blocks, processedBlocks[j], 1)
- }
-
- return res
+ return res;
}
function semanticAnalysis(blocks) {
- var res = processBlock(blocks.children)
- return res
+ var res = processBlock(blocks.children);
+ return res;
}
function preProcess(src) {
- var m
- var lines = src.split('\n')
+ var m;
+ var lines = src.split("\n");
- var r = regex['comment']
+ var r = regex["comment"];
- for (var i in lines) {
- if ((m = lines[i].match(r))) {
- /* var cmt = "";
+ for(var i in lines) {
+ if(m = lines[i].match(r)) {
+/* var cmt = "";
if(typeof m[3] != "undefined")
lines[i] = m[1];
else if(typeof m[3] != "undefined")
@@ -442,25 +445,25 @@ function preProcess(src) {
else
lines[i] = "";
*/
- if (typeof m[3] !== 'undefined') {
- lines[i] = m[0].substr(0, m[0].length - m[3].length)
- }
+ if(typeof m[3] !== "undefined") {
+ lines[i] = m[0].substr(0, m[0].length - m[3].length);
+ }
+ }
}
- }
- return lines.join('\n')
+ return lines.join("\n");
}
function load(str) {
- errors = []
- reference_blocks = []
- processing_time = new Date().getTime()
- var pre = preProcess(str)
- var doc = parser(pre)
- var res = semanticAnalysis(doc)
- processing_time = new Date().getTime() - processing_time
+ errors = [];
+ reference_blocks = [];
+ processing_time = (new Date()).getTime();
+ var pre = preProcess(str)
+ var doc = parser(pre);
+ var res = semanticAnalysis(doc);
+ processing_time = (new Date()).getTime() - processing_time;
- return res
+ return res;
}
-export default load
+export default load
\ No newline at end of file
diff --git a/src/plugins/ga.js b/src/plugins/ga.js
index 2d6419b..463f11f 100644
--- a/src/plugins/ga.js
+++ b/src/plugins/ga.js
@@ -1,33 +1,30 @@
// From https://github.com/egoist/vue-ga/blob/master/src/index.js
-function appendScript() {
+function appendScript () {
const script = document.createElement('script')
script.async = true
script.src = 'https://www.google-analytics.com/analytics.js'
document.body.appendChild(script)
}
-function init(id) {
- appendScript()
- window.ga =
- window.ga ||
- function () {
+function init (id) {
+ if (!window.ga) {
+ appendScript()
+ window.ga = window.ga || function () {
(window.ga.q = window.ga.q || []).push(arguments)
}
- window.ga.l = Number(new Date())
- window.ga('create', id, 'auto')
+ window.ga.l = Number(new Date())
+ window.ga('create', id, 'auto')
+ }
}
-function collect() {
- if (!window.ga) {
- init($docsify.ga)
- }
-
- window.ga('set', 'page', location.hash)
+function collect () {
+ init(window.$docsify.ga)
+ window.ga('set', 'page', location.href)
window.ga('send', 'pageview')
}
const install = function (hook) {
- if (!$docsify.ga) {
+ if (!window.$docsify.ga) {
console.error('[Docsify] ga is required.')
return
}
@@ -35,4 +32,4 @@ const install = function (hook) {
hook.beforeEach(collect)
}
-$docsify.plugins = [].concat(install, $docsify.plugins)
+window.$docsify.plugins = [].concat(install, window.$docsify.plugins)
diff --git a/src/plugins/gitalk.js b/src/plugins/gitalk.js
deleted file mode 100644
index 8ba9ace..0000000
--- a/src/plugins/gitalk.js
+++ /dev/null
@@ -1,23 +0,0 @@
-function install(hook) {
- const dom = Docsify.dom
-
- hook.mounted(_ => {
- const div = dom.create('div')
- div.id = 'gitalk-container'
- const main = dom.getNode('#main')
- div.style = `width: ${main.clientWidth}px; margin: 0 auto 20px;`
- dom.appendTo(dom.find('.content'), div)
- })
-
- hook.doneEach(_ => {
- const el = document.getElementById('gitalk-container')
- while (el.hasChildNodes()) {
- el.removeChild(el.firstChild)
- }
-
- // eslint-disable-next-line
- gitalk.render('gitalk-container')
- })
-}
-
-$docsify.plugins = [].concat(install, $docsify.plugins)
diff --git a/src/plugins/matomo.js b/src/plugins/matomo.js
deleted file mode 100644
index 7b61cba..0000000
--- a/src/plugins/matomo.js
+++ /dev/null
@@ -1,37 +0,0 @@
-function appendScript(options) {
- const script = document.createElement('script')
- script.async = true
- script.src = options.host + '/matomo.js'
- document.body.appendChild(script)
-}
-
-function init(options) {
- window._paq = window._paq || []
- window._paq.push(['trackPageView'])
- window._paq.push(['enableLinkTracking'])
- setTimeout(function() {
- appendScript(options)
- window._paq.push(['setTrackerUrl', options.host + '/matomo.php'])
- window._paq.push(['setSiteId', options.id + ''])
- }, 0)
-}
-
-function collect() {
- if (!window._paq) {
- init($docsify.matomo)
- }
- window._paq.push(['setCustomUrl', window.location.hash.substr(1)])
- window._paq.push(['setDocumentTitle', document.title])
- window._paq.push(['trackPageView'])
-}
-
-const install = function (hook) {
- if (!$docsify.matomo) {
- console.error('[Docsify] matomo is required.')
- return
- }
-
- hook.beforeEach(collect)
-}
-
-$docsify.plugins = [].concat(install, $docsify.plugins)
diff --git a/src/plugins/search/component.js b/src/plugins/search/component.js
index 42b0d19..219fc8d 100644
--- a/src/plugins/search/component.js
+++ b/src/plugins/search/component.js
@@ -1,9 +1,9 @@
-import {search} from './search'
+import { search } from './search'
+let dom
let NO_DATA_TEXT = ''
-let options
-function style() {
+function style () {
const code = `
.sidebar {
padding-top: 0;
@@ -15,11 +15,6 @@ function style() {
border-bottom: 1px solid #eee;
}
-.search .input-wrap {
- display: flex;
- align-items: center;
-}
-
.search .results-panel {
display: none;
}
@@ -32,32 +27,11 @@ function style() {
outline: none;
border: none;
width: 100%;
- padding: 0 7px;
- line-height: 36px;
+ padding: 7px;
+ line-height: 22px;
font-size: 14px;
}
-.search input::-webkit-search-decoration,
-.search input::-webkit-search-cancel-button,
-.search input {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-.search .clear-button {
- width: 36px;
- text-align: right;
- display: none;
-}
-
-.search .clear-button.show {
- display: block;
-}
-
-.search .clear-button svg {
- transform: scale(.5);
-}
-
.search h2 {
font-size: 17px;
margin: 10px 0;
@@ -87,139 +61,86 @@ function style() {
.search p.empty {
text-align: center;
-}
-
-.app-name.hide, .sidebar-nav.hide {
- display: none;
}`
-
- Docsify.dom.style(code)
+ const style = dom.create('style', code)
+ dom.appendTo(dom.head, style)
}
-function tpl(defaultValue = '') {
+function tpl (opts) {
const html =
- `
-
-
-
-
- `
- const el = Docsify.dom.create('div', html)
- const aside = Docsify.dom.find('aside')
+ `` +
+ '' +
+ ''
+ const el = dom.create('div', html)
+ const aside = dom.find('aside')
- Docsify.dom.toggleClass(el, 'search')
- Docsify.dom.before(aside, el)
+ dom.toggleClass(el, 'search')
+ dom.before(aside, el)
}
-function doSearch(value) {
- const $search = Docsify.dom.find('div.search')
- const $panel = Docsify.dom.find($search, '.results-panel')
- const $clearBtn = Docsify.dom.find($search, '.clear-button')
- const $sidebarNav = Docsify.dom.find('.sidebar-nav')
- const $appName = Docsify.dom.find('.app-name')
-
- if (!value) {
- $panel.classList.remove('show')
- $clearBtn.classList.remove('show')
- $panel.innerHTML = ''
-
- if (options.hideOtherSidebarContent) {
- $sidebarNav.classList.remove('hide')
- $appName.classList.remove('hide')
+function bindEvents () {
+ const $search = dom.find('div.search')
+ const $input = dom.find($search, 'input')
+ const $panel = dom.find($search, '.results-panel')
+ const doSearch = function (value) {
+ if (!value) {
+ $panel.classList.remove('show')
+ $panel.innerHTML = ''
+ return
}
- return
- }
- const matchs = search(value)
+ const matchs = search(value)
- let html = ''
- matchs.forEach(post => {
- html += `
-
-
${post.title}
-${post.content}
- + let html = '' + matchs.forEach(post => { + html += `
+
`
- })
+ })
- $panel.classList.add('show')
- $clearBtn.classList.add('show')
- $panel.innerHTML = html || `${post.title}
+${post.content}
${NO_DATA_TEXT}
` - if (options.hideOtherSidebarContent) { - $sidebarNav.classList.add('hide') - $appName.classList.add('hide') + $panel.classList.add('show') + $panel.innerHTML = html || `${NO_DATA_TEXT}
` } -} - -function bindEvents() { - const $search = Docsify.dom.find('div.search') - const $input = Docsify.dom.find($search, 'input') - const $inputWrap = Docsify.dom.find($search, '.input-wrap') let timeId // Prevent to Fold sidebar - Docsify.dom.on( - $search, - 'click', - e => e.target.tagName !== 'A' && e.stopPropagation() - ) - Docsify.dom.on($input, 'input', e => { + dom.on($search, 'click', + e => e.target.tagName !== 'A' && e.stopPropagation()) + dom.on($input, 'input', e => { clearTimeout(timeId) timeId = setTimeout(_ => doSearch(e.target.value.trim()), 100) }) - Docsify.dom.on($inputWrap, 'click', e => { - // Click input outside - if (e.target.tagName !== 'INPUT') { - $input.value = '' - doSearch() - } - }) } -function updatePlaceholder(text, path) { - const $input = Docsify.dom.getNode('.search input[type="search"]') +function updatePlaceholder (text, path) { + const $input = dom.getNode('.search input[type="search"]') - if (!$input) { - return - } if (typeof text === 'string') { $input.placeholder = text } else { - const match = Object.keys(text).filter(key => path.indexOf(key) > -1)[0] + const match = Object.keys(text).find(key => path.indexOf(key) > -1) $input.placeholder = text[match] } } -function updateNoData(text, path) { +function updateNoData (text, path) { if (typeof text === 'string') { NO_DATA_TEXT = text } else { - const match = Object.keys(text).filter(key => path.indexOf(key) > -1)[0] + const match = Object.keys(text).find(key => path.indexOf(key) > -1) NO_DATA_TEXT = text[match] } } -function updateOptions(opts) { - options = opts -} - -export function init(opts, vm) { - const keywords = vm.router.parse().query.s - - updateOptions(opts) +export function init (opts) { + dom = Docsify.dom style() - tpl(keywords) + tpl(opts) bindEvents() - keywords && setTimeout(_ => doSearch(keywords), 500) } -export function update(opts, vm) { - updateOptions(opts) +export function update (opts, vm) { updatePlaceholder(opts.placeholder, vm.route.path) updateNoData(opts.noData, vm.route.path) } + diff --git a/src/plugins/search/index.js b/src/plugins/search/index.js index bbd3af6..6b9d3e1 100644 --- a/src/plugins/search/index.js +++ b/src/plugins/search/index.js @@ -1,18 +1,15 @@ -import {init as initComponet, update as updateComponent} from './component' -import {init as initSearch} from './search' +import { init as initComponet, update as updateComponent } from './component' +import { init as initSearch } from './search' const CONFIG = { placeholder: 'Type to search', noData: 'No Results!', paths: 'auto', - depth: 2, - maxAge: 86400000, // 1 day - hideOtherSidebarContent: false, - namespace: undefined + maxAge: 86400000 // 1 day } const install = function (hook, vm) { - const {util} = Docsify + const util = Docsify.util const opts = vm.config.search || CONFIG if (Array.isArray(opts)) { @@ -22,15 +19,12 @@ const install = function (hook, vm) { CONFIG.maxAge = util.isPrimitive(opts.maxAge) ? opts.maxAge : CONFIG.maxAge CONFIG.placeholder = opts.placeholder || CONFIG.placeholder CONFIG.noData = opts.noData || CONFIG.noData - CONFIG.depth = opts.depth || CONFIG.depth - CONFIG.hideOtherSidebarContent = opts.hideOtherSidebarContent || CONFIG.hideOtherSidebarContent - CONFIG.namespace = opts.namespace || CONFIG.namespace } const isAuto = CONFIG.paths === 'auto' hook.mounted(_ => { - initComponet(CONFIG, vm) + initComponet(CONFIG) !isAuto && initSearch(CONFIG, vm) }) hook.doneEach(_ => { @@ -39,4 +33,4 @@ const install = function (hook, vm) { }) } -$docsify.plugins = [].concat(install, $docsify.plugins) +window.$docsify.plugins = [].concat(install, window.$docsify.plugins) diff --git a/src/plugins/search/search.js b/src/plugins/search/search.js index 2c9febf..fcdbd56 100644 --- a/src/plugins/search/search.js +++ b/src/plugins/search/search.js @@ -1,18 +1,7 @@ let INDEXS = {} +let helper -const LOCAL_STORAGE = { - EXPIRE_KEY: 'docsify.search.expires', - INDEX_KEY: 'docsify.search.index' -} - -function resolveExpireKey(namespace) { - return namespace ? `${LOCAL_STORAGE.EXPIRE_KEY}/${namespace}` : LOCAL_STORAGE.EXPIRE_KEY -} -function resolveIndexKey(namespace) { - return namespace ? `${LOCAL_STORAGE.INDEX_KEY}/${namespace}` : LOCAL_STORAGE.INDEX_KEY -} - -function escapeHtml(string) { +function escapeHtml (string) { const entityMap = { '&': '&', '<': '<', @@ -22,54 +11,54 @@ function escapeHtml(string) { '/': '/' } - return String(string).replace(/[&<>"'/]/g, s => entityMap[s]) + return String(string).replace(/[&<>"'\/]/g, s => entityMap[s]) } -function getAllPaths(router) { +function getAllPaths () { const paths = [] - Docsify.dom.findAll('.sidebar-nav a:not(.section-link):not([data-nosearch])').forEach(node => { - const href = node.href - const originHref = node.getAttribute('href') - const path = router.parse(href).path + helper.dom.findAll('a:not([data-nosearch])') + .map(node => { + const href = node.href + const originHref = node.getAttribute('href') + const path = helper.route.parse(href).path - if ( - path && - paths.indexOf(path) === -1 && - !Docsify.util.isAbsolutePath(originHref) - ) { - paths.push(path) - } - }) + if (path && + paths.indexOf(path) === -1 && + !helper.route.isAbsolutePath(originHref)) { + paths.push(path) + } + }) return paths } -function saveData(maxAge, expireKey, indexKey) { - localStorage.setItem(expireKey, Date.now() + maxAge) - localStorage.setItem(indexKey, JSON.stringify(INDEXS)) +function saveData (maxAge) { + localStorage.setItem('docsify.search.expires', Date.now() + maxAge) + localStorage.setItem('docsify.search.index', JSON.stringify(INDEXS)) } -export function genIndex(path, content = '', router, depth) { +export function genIndex (path, content = '') { const tokens = window.marked.lexer(content) const slugify = window.Docsify.slugify + const toURL = Docsify.route.toURL const index = {} let slug tokens.forEach(token => { - if (token.type === 'heading' && token.depth <= depth) { - slug = router.toURL(path, {id: slugify(token.text)}) - index[slug] = {slug, title: token.text, body: ''} + if (token.type === 'heading' && token.depth <= 2) { + slug = toURL(path, { id: slugify(token.text) }) + index[slug] = { slug, title: token.text, body: '' } } else { - if (!slug) { - return - } + if (!slug) return if (!index[slug]) { - index[slug] = {slug, title: '', body: ''} - } else if (index[slug].body) { - index[slug].body += '\n' + (token.text || '') + index[slug] = { slug, title: '', body: '' } } else { - index[slug].body = token.text + if (index[slug].body) { + index[slug].body += '\n' + (token.text || '') + } else { + index[slug].body = token.text + } } } }) @@ -77,49 +66,37 @@ export function genIndex(path, content = '', router, depth) { return index } -/** - * @param {String} query - * @returns {Array} - */ -export function search(query) { +export function search (keywords) { const matchingResults = [] let data = [] Object.keys(INDEXS).forEach(key => { data = data.concat(Object.keys(INDEXS[key]).map(page => INDEXS[key][page])) }) - query = query.trim() - let keywords = query.split(/[\s\-，\\/]+/) - if (keywords.length !== 1) { - keywords = [].concat(query, keywords) - } + keywords = keywords.trim().split(/[\s\-\，\\/]+/) for (let i = 0; i < data.length; i++) { const post = data[i] - let matchesScore = 0 + let isMatch = false let resultStr = '' const postTitle = post.title && post.title.trim() const postContent = post.body && post.body.trim() const postUrl = post.slug || '' - if (postTitle) { - keywords.forEach( keyword => { - // From https://github.com/sindresorhus/escape-string-regexp - const regEx = new RegExp( - keyword.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&'), - 'gi' - ); + if (postTitle && postContent) { + keywords.forEach((keyword, i) => { + const regEx = new RegExp(keyword, 'gi') let indexTitle = -1 let indexContent = -1 - indexTitle = postTitle ? postTitle.search(regEx) : -1 - indexContent = postContent ? postContent.search(regEx) : -1 + indexTitle = postTitle && postTitle.search(regEx) + indexContent = postContent && postContent.search(regEx) - if (indexTitle >= 0 || indexContent >= 0) { - matchesScore += indexTitle >= 0 ? 3 : indexContent >= 0 ? 2 : 0; - if (indexContent < 0) { - indexContent = 0 - } + if (indexTitle < 0 && indexContent < 0) { + isMatch = false + } else { + isMatch = true + if (indexContent < 0) indexContent = 0 let start = 0 let end = 0 @@ -127,27 +104,23 @@ export function search(query) { start = indexContent < 11 ? 0 : indexContent - 10 end = start === 0 ? 70 : indexContent + keyword.length + 60 - if (end > postContent.length) { - end = postContent.length - } + if (end > postContent.length) end = postContent.length - const matchContent = - '...' + + const matchContent = '...' + escapeHtml(postContent) .substring(start, end) .replace(regEx, `${keyword}`) + - '...' + '...' resultStr += matchContent } }) - if (matchesScore > 0) { + if (isMatch) { const matchingPost = { title: escapeHtml(postTitle), - content: postContent ? resultStr : '', - url: postUrl, - score: matchesScore + content: resultStr, + url: postUrl } matchingResults.push(matchingPost) @@ -155,18 +128,16 @@ export function search(query) { } } - return matchingResults.sort((r1, r2) => r2.score - r1.score); + return matchingResults } -export function init(config, vm) { +export function init (config, vm) { + helper = Docsify + const isAuto = config.paths === 'auto' + const isExpired = localStorage.getItem('docsify.search.expires') < Date.now() - const expireKey = resolveExpireKey(config.namespace) - const indexKey = resolveIndexKey(config.namespace) - - const isExpired = localStorage.getItem(expireKey) < Date.now() - - INDEXS = JSON.parse(localStorage.getItem(indexKey)) + INDEXS = JSON.parse(localStorage.getItem('docsify.search.index')) if (isExpired) { INDEXS = {} @@ -174,20 +145,19 @@ export function init(config, vm) { return } - const paths = isAuto ? getAllPaths(vm.router) : config.paths + const paths = isAuto ? getAllPaths() : config.paths const len = paths.length let count = 0 paths.forEach(path => { - if (INDEXS[path]) { - return count++ - } + if (INDEXS[path]) return count++ - Docsify - .get(vm.router.getFile(path), false, vm.config.requestHeaders) + helper + .get(vm.$getFile(path)) .then(result => { - INDEXS[path] = genIndex(path, result, vm.router, config.depth) - len === ++count && saveData(config.maxAge, expireKey, indexKey) + INDEXS[path] = genIndex(path, result) + len === ++count && saveData(config.maxAge) }) }) } + diff --git a/src/plugins/zoom-image.js b/src/plugins/zoom-image.js index faf92e1..15e6435 100644 --- a/src/plugins/zoom-image.js +++ b/src/plugins/zoom-image.js @@ -1,20 +1,22 @@ -import mediumZoom from 'medium-zoom' +import zoom from 'zoom-image' +import style from 'zoom-image/css/zoom-image.css' -const matchesSelector = Element.prototype.matches || Element.prototype.webkitMatchesSelector || Element.prototype.msMatchesSelector +function install (hook) { + const dom = Docsify.dom + let destroys -function install(hook) { - let zoom + // add style + dom.appendTo(dom.head, dom.create('style', style)) hook.doneEach(_ => { - let elms = Array.apply(null, document.querySelectorAll('.markdown-section img:not(.emoji):not([data-no-zoom])')) + const images = dom.findAll('img:not(.emoji)') - elms = elms.filter(elm => matchesSelector.call(elm, 'a img') === false) - - if (zoom) { - zoom.detach() + if (Array.isArray(destroys) && destroys.length) { + destroys.forEach(o => o()) + destroys = [] } - zoom = mediumZoom(elms) + destroys = images.map(zoom) }) } diff --git a/src/themes/basic/_coverpage.css b/src/themes/basic/_coverpage.css new file mode 100644 index 0000000..9d5aa7f --- /dev/null +++ b/src/themes/basic/_coverpage.css @@ -0,0 +1,112 @@ +section.cover { + align-items: center; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + height: 100vh; + display: none; + + &.show { + display: flex; + } + + &.has-mask .mask { + background-color: $color-bg; + opacity: .8; + position: absolute; + size: 100%; + } + + .cover-main { + flex: 1; + margin: -20px 16px 0; + text-align: center; + z-index: 1; + } + + a { + color: inherit; + text-decoration: none; + + &:hover { + text-decoration: none; + } + } + + p { + line-height: 1.5rem; + margin: 1em 0; + } + + h1 { + color: inherit; + font-size: 2.5rem; + font-weight: 300; + margin: .625rem 0 2.5rem; + position: relative; + text-align: center; + + a { + display: block; + } + + small { + bottom: -.4375rem; + font-size: 1rem; + position: absolute; + } + } + + blockquote { + font-size: 1.5rem; + text-align: center; + } + + ul { + line-height: 1.8; + list-style-type: none; + margin: 1em auto; + max-width: 500px; + padding: 0; + } + + .cover-main > p:last-child a { + border-color: var(--theme-color, $color-primary); + border-radius: 2em; + border-style: solid; + border-width: 1px; + box-sizing: border-box; + color: var(--theme-color, $color-primary); + display: inline-block; + font-size: 1.05em; + letter-spacing: 0.1em; + margin-right: 1em; + padding: 0.75em 2em; + text-decoration: none; + transition: all 0.15s ease; + + &:last-child { + background-color: var(--theme-color, $color-primary); + color: #fff; + margin-right: 0; + + &:hover { + color: inherit; + opacity: .8; + } + } + + &:hover { + color: inherit; + } + } + + blockquote > p > a { + border-bottom: 2px solid var(--theme-color, $color-primary); + transition: color .3s; + + &:hover { + color: var(--theme-color, $color-primary); + } + } +} diff --git a/src/themes/basic/_coverpage.styl b/src/themes/basic/_coverpage.styl deleted file mode 100644 index 0014932..0000000 --- a/src/themes/basic/_coverpage.styl +++ /dev/null @@ -1,95 +0,0 @@ -section.cover - align-items center - background-position center center - background-repeat no-repeat - background-size cover - height 100vh - display none - - &.show - display flex - - &.has-mask .mask - background-color $color-bg - opacity 0.8 - position absolute - top 0 - height 100% - width 100% - - .cover-main - flex 1 - margin -20px 16px 0 - text-align center - z-index 1 - - a - color inherit - text-decoration none - - &:hover - text-decoration none - - p - line-height 1.5rem - margin 1em 0 - - h1 - color inherit - font-size 2.5rem - font-weight 300 - margin 0.625rem 0 2.5rem - position relative - text-align center - - a - display block - - small - bottom -0.4375rem - font-size 1rem - position absolute - - blockquote - font-size 1.5rem - text-align center - - ul - line-height 1.8 - list-style-type none - margin 1em auto - max-width 500px - padding 0 - - .cover-main > p:last-child a - border-color var(--theme-color, $color-primary) - border-radius 2rem - border-style solid - border-width 1px - box-sizing border-box - color var(--theme-color, $color-primary) - display inline-block - font-size 1.05rem - letter-spacing 0.1rem - margin 0.5rem 1rem - padding 0.75em 2rem - text-decoration none - transition all 0.15s ease - - &:last-child - background-color var(--theme-color, $color-primary) - color #fff - - &:hover - color inherit - opacity 0.8 - - &:hover - color inherit - - blockquote > p > a - border-bottom 2px solid var(--theme-color, $color-primary) - transition color 0.3s - - &:hover - color var(--theme-color, $color-primary) diff --git a/src/themes/basic/_layout.css b/src/themes/basic/_layout.css new file mode 100644 index 0000000..e859303 --- /dev/null +++ b/src/themes/basic/_layout.css @@ -0,0 +1,501 @@ +* { + -webkit-font-smoothing: antialiased; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-text-size-adjust: none; + -webkit-touch-callout: none; + box-sizing: border-box; +} + +body:not(.ready) { + overflow: hidden; + + [data-cloak], nav { + display: none; + } +} + +div#app { + font-size: 30px; + font-weight: lighter; + margin: 40vh auto; + text-align: center; + + &:empty::before { + content: "Loading..."; + } +} + +.emoji { + height: 1.2em; + vertical-align: middle; +} + +.progress { + background-color: var(--theme-color, $color-primary); + height: 2px; + left: 0px; + position: fixed; + right: 0px; + top: 0px; + transition: width 0.2s, opacity 0.4s; + width: 0%; + z-index: 999999; +} + +.search a:hover { + color: var(--theme-color, $color-primary); +} + +.search .search-keyword { + color: var(--theme-color, $color-primary); + font-style: normal; +} + +html, body { + height: 100%; +} + +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + color: $color-text; + font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-size: 15px; + letter-spacing: 0; + margin: 0; + overflow-x: hidden; +} + +img { + max-width: 100%; +} + +kbd { + border: solid 1px #ccc; + border-radius: 3px; + display: inline-block; + font-size: 12px !important; + line-height: 12px; + margin-bottom : 3px; + padding: 3px 5px; + vertical-align: middle; +} + +/* navbar */ +nav.app-nav { + left: 0; + margin: 25px 60px 0 0; + position: absolute; + right: 0; + text-align: right; + z-index: 10; + + &.no-badge { + margin-right: 25px; + } + + p { + margin: 0; + } + + >a { + margin: 0 1em; + padding: 5px 0; + } + + ul, li { + display: inline-block; + list-style: none; + margin: 0; + } + + a { + color: inherit; + font-size: 16px; + text-decoration: none; + transition: color .3s; + + &:hover { + color: var(--theme-color, $color-primary); + } + + &.active { + border-bottom: 2px solid var(--theme-color, $color-primary); + color: var(--theme-color, $color-primary); + } + } + + /* navbar dropdown */ + li { + display: inline-block; + margin: 0 1em; + padding: 5px 0; + position: relative; + + ul { + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: #ccc; + border-radius: 4px; + box-sizing: border-box; + display: none; + max-height: calc(100vh - 61px); + overflow-y: scroll; + padding: 10px 0; + position: absolute; + right: -15px; + text-align: left; + top: 100%; + white-space: nowrap; + + li { + display: block; + font-size: 14px; + line-height: 1em; + margin: 0; + margin: 8px 14px; + white-space: nowrap; + } + + a { + display: block; + font-size: inherit; + margin: 0; + padding: 0; + + &.active { + border-bottom: 0; + } + } + } + + &:hover ul { + display: block; + } + } +} + +/* github corner */ +.github-corner { + border-bottom: 0; + position: fixed; + right: 0; + text-decoration: none; + top: 0; + z-index: 1; + + &:hover .octo-arm { + animation:octocat-wave 560ms ease-in-out; + } + + svg { + color: $color-bg; + fill: var(--theme-color, $color-primary); + height: 80px; + width: 80px; + } +} + +/* main */ +main { + display: block; + position: relative; + size: 100vw 100%; +} + +.anchor { + display: inline-block; + text-decoration: none; + transition: all .3s; + + span { + color: $color-text; + } + + &:hover { + text-decoration: underline; + } +} + +/* sidebar */ +.sidebar { + border-right: 1px solid rgba(0, 0, 0, .07); + overflow-y: auto; + padding: 40px 0; + position: absolute 0 * 0 0; + transition: transform 250ms ease-out; + width: $sidebar-width; + z-index: 20; + + > h1 { + margin: 0 auto 1em; + font-size: 1.5em; + font-weight: 300; + text-align: center; + + a { + color: inherit; + text-decoration: none; + } + } + + ul { + margin: 0; + padding: 0; + } + + li>p { + font-weight: 700; + margin: 0; + } + + ul, ul li { + list-style: none; + } + + ul li a { + border-bottom: none; + display: block; + } + + ul li ul { + padding-left: 20px; + } + + &::-webkit-scrollbar { + width: 4px; + } + + &::-webkit-scrollbar-thumb { + background: transparent; + border-radius: 4px; + } + + &:hover::-webkit-scrollbar-thumb { + background: rgba(136, 136, 136, 0.4); + } + + &:hover::-webkit-scrollbar-track { + background: rgba(136, 136, 136, 0.1); + } +} + +/* sidebar toggle */ +.sidebar-toggle { + background-color: transparent; + background-color: rgba($color-bg, .8); + border: 0; + outline: none; + outline: none; + padding: 10px; + position: absolute * * 0 0; + text-align: center; + transition: opacity .3s; + width: 30px; + width: calc($sidebar-width - 16px); + z-index: 30; + + .sidebar-toggle-button:hover { + opacity: .4; + } + + span { + background-color: var(--theme-color, $color-primary); + display: block; + margin-bottom: 4px; + size: 16px 2px; + } +} + +body.sticky { + .sidebar, .sidebar-toggle { + position: fixed; + } +} + +/* main content */ +.content { + padding-top: 20px; + position: absolute 0 0 0 $sidebar-width; + transition: left 250ms ease; +} + +/* markdown content found on pages */ +.markdown-section { + margin: 0 auto; + max-width: 800px; + padding: 20px 15px 40px 15px; + position: relative; + + > * { + box-sizing: border-box; + font-size: inherit; + } + + >:first-child { + margin-top: 0!important; + } +} + +.markdown-section hr { + border: none; + border-bottom: 1px solid #eee; + margin: 2em 0; +} + +.markdown-section table { + border-collapse: collapse; + border-spacing: 0; + display: block; + margin-bottom: 1em; + overflow: auto; + width: 100%; +} + +.markdown-section th { + border: 1px solid #ddd; + font-weight: bold; + padding: 6px 13px; +} + +.markdown-section td { + border: 1px solid #ddd; + padding: 6px 13px; +} + +.markdown-section tr { + border-top: 1px solid #ccc; + &:nth-child(2n) { + background-color: #f8f8f8; + } +} + +.markdown-section p.tip { + background-color: #f8f8f8; + border-bottom-right-radius: 2px; + border-left: 4px solid #f66; + border-top-right-radius: 2px; + margin: 2em 0; + padding: 12px 24px 12px 30px; + position: relative; + + &:before { + background-color: #f66; + border-radius: 100%; + color: $color-bg; + content: "!"; + font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; + font-size: 14px; + font-weight: bold; + left: -12px; + line-height: 20px; + position: absolute; + size: 20px; + text-align: center; + top: 14px; + } + + code { + background-color: #efefef; + } + + em { + color: $color-text; + } +} + +.markdown-section p.warn { + background: rgba($color-primary, 0.1); + border-radius: 2px; + padding: 1em; +} + +body.close { + .sidebar { + transform: translateX(-$sidebar-width); + } + + .sidebar-toggle { + width: auto; + } + + .content { + left: 0; + } +} + +@media (max-width: 600px) { + .github-corner, .sidebar-toggle, .sidebar { + position: fixed; + } + + nav { + margin-top: 16px; + } + + nav li ul { + top: 30px; + } + + main { + height: auto; + overflow-x: hidden; + } + + .sidebar { + left: -$sidebar-width; + transition: transform 250ms ease-out; + } + + .content { + left: 0; + max-width: 100vw; + position: static; + transition: transform 250ms ease; + } + + nav, .github-corner { + transition: transform 250ms ease-out; + } + + .sidebar-toggle { + background-color: transparent; + width: auto; + } + + body.close { + .sidebar { + transform: translateX($sidebar-width); + } + + .sidebar-toggle { + background-color: rgba($color-bg, .8); + transition: 1s background-color; + width: calc($sidebar-width - 16px); + } + + .content { + transform: translateX($sidebar-width); + } + + nav, .github-corner { + display: none; + } + } + + .github-corner { + &:hover .octo-arm { + animation: none; + } + .octo-arm { + animation: octocat-wave 560ms ease-in-out; + } + } +} + +@keyframes octocat-wave { + 0%,100% { transform: rotate(0); } + 20%,60% { transform: rotate(-25deg); } + 40%,80% { transform: rotate(10deg); } +} diff --git a/src/themes/basic/_layout.styl b/src/themes/basic/_layout.styl deleted file mode 100644 index 387fd79..0000000 --- a/src/themes/basic/_layout.styl +++ /dev/null @@ -1,470 +0,0 @@ -* - -webkit-font-smoothing antialiased - -webkit-overflow-scrolling touch - -webkit-tap-highlight-color rgba(0, 0, 0, 0) - -webkit-text-size-adjust none - -webkit-touch-callout none - box-sizing border-box - -body:not(.ready) - overflow hidden - - [data-cloak], .app-nav, > nav - display none - -div#app - font-size 30px - font-weight lighter - margin 40vh auto - text-align center - - &:empty::before - content 'Loading...' - -.emoji - height 1.2rem - vertical-align middle - -.progress - background-color var(--theme-color, $color-primary) - height 2px - left 0px - position fixed - right 0px - top 0px - transition width 0.2s, opacity 0.4s - width 0% - z-index 999999 - -.search a:hover - color var(--theme-color, $color-primary) - -.search .search-keyword - color var(--theme-color, $color-primary) - font-style normal - font-weight bold - -html, body - height 100% - -body - -moz-osx-font-smoothing grayscale - -webkit-font-smoothing antialiased - color $color-text - font-family 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif - font-size 15px - letter-spacing 0 - margin 0 - overflow-x hidden - -img - max-width 100% - -a[disabled] - cursor not-allowed - opacity 0.6 - -kbd - border solid 1px #ccc - border-radius 3px - display inline-block - font-size 12px !important - line-height 12px - margin-bottom 3px - padding 3px 5px - vertical-align middle - -li input[type='checkbox'] - margin 0 0.2em 0.25em 0 - vertical-align middle - -/* navbar */ -.app-nav - margin 25px 60px 0 0 - position absolute - right 0 - text-align right - z-index 10 - - &.no-badge - margin-right 25px - - p - margin 0 - - > a - margin 0 1rem - padding 5px 0 - - ul, li - display inline-block - list-style none - margin 0 - - a - color inherit - font-size 16px - text-decoration none - transition color 0.3s - - &:hover - color var(--theme-color, $color-primary) - - &.active - border-bottom 2px solid var(--theme-color, $color-primary) - color var(--theme-color, $color-primary) - - /* navbar dropdown */ - li - display inline-block - margin 0 1rem - padding 5px 0 - position relative - - ul - background-color #fff - border 1px solid #ddd - border-bottom-color #ccc - border-radius 4px - box-sizing border-box - display none - max-height calc(100vh - 61px) - overflow-y auto - padding 10px 0 - position absolute - right -15px - text-align left - top 100% - white-space nowrap - - li - display block - font-size 14px - line-height 1rem - margin 0 - margin 8px 14px - white-space nowrap - - a - display block - font-size inherit - margin 0 - padding 0 - - &.active - border-bottom 0 - - &:hover ul - display block - -/* github corner */ -.github-corner - border-bottom 0 - position fixed - right 0 - text-decoration none - top 0 - z-index 1 - - &:hover .octo-arm - animation octocat-wave 560ms ease-in-out - - svg - color $color-bg - fill var(--theme-color, $color-primary) - height 80px - width 80px - -/* main */ -main - display block - position relative - width 100vw - height 100% - z-index 0 - -main.hidden - display none - -.anchor - display inline-block - text-decoration none - transition all 0.3s - - span - color $color-text - - &:hover - text-decoration underline - -/* sidebar */ -.sidebar - border-right 1px solid rgba(0, 0, 0, 0.07) - overflow-y auto - padding 40px 0 0 - position absolute - top 0 - bottom 0 - left 0 - transition transform 250ms ease-out - width $sidebar-width - z-index 20 - - > h1 - margin 0 auto 1rem - font-size 1.5rem - font-weight 300 - text-align center - - a - color inherit - text-decoration none - - .app-nav - display block - position static - - .sidebar-nav - line-height 2em - padding-bottom 40px - - li.collapse - .app-sub-sidebar - display none - - ul - margin 0 0 0 15px - padding 0 - - li > p - font-weight 700 - margin 0 - - ul, ul li - list-style none - - ul li a - border-bottom none - display block - - ul li ul - padding-left 20px - - &::-webkit-scrollbar - width 4px - - &::-webkit-scrollbar-thumb - background transparent - border-radius 4px - - &:hover::-webkit-scrollbar-thumb - background rgba(136, 136, 136, 0.4) - - &:hover::-webkit-scrollbar-track - background rgba(136, 136, 136, 0.1) - -/* sidebar toggle */ -.sidebar-toggle - background-color transparent - background-color rgba($color-bg, 0.8) - border 0 - outline none - padding 10px - position absolute - bottom 0 - left 0 - text-align center - transition opacity 0.3s - width $sidebar-width - 16px - z-index 30 - - .sidebar-toggle-button:hover - opacity 0.4 - - span - background-color var(--theme-color, $color-primary) - display block - margin-bottom 4px - width 16px - height 2px - -body.sticky - .sidebar, .sidebar-toggle - position fixed - -/* main content */ -.content - padding-top 60px - position absolute - top 0 - right 0 - bottom 0 - left $sidebar-width - transition left 250ms ease - -/* markdown content found on pages */ -.markdown-section - margin 0 auto - max-width 800px - padding 30px 15px 40px 15px - position relative - - > * - box-sizing border-box - font-size inherit - - > :first-child - margin-top 0 !important - -.markdown-section hr - border none - border-bottom 1px solid #eee - margin 2em 0 - -.markdown-section iframe - border 1px solid #eee - /* fix horizontal overflow on iOS Safari */ - width 1px - min-width 100% - -.markdown-section table - border-collapse collapse - border-spacing 0 - display block - margin-bottom 1rem - overflow auto - width 100% - -.markdown-section th - border 1px solid #ddd - font-weight bold - padding 6px 13px - -.markdown-section td - border 1px solid #ddd - padding 6px 13px - -.markdown-section tr - border-top 1px solid #ccc - - &:nth-child(2n) - background-color #f8f8f8 - -.markdown-section p.tip - background-color #f8f8f8 - border-bottom-right-radius 2px - border-left 4px solid #f66 - border-top-right-radius 2px - margin 2em 0 - padding 12px 24px 12px 30px - position relative - - &:before - background-color #f66 - border-radius 100% - color $color-bg - content '!' - font-family 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif - font-size 14px - font-weight bold - left -12px - line-height 20px - position absolute - height 20px - width 20px - text-align center - top 14px - - code - background-color #efefef - - em - color $color-text - -.markdown-section p.warn - background rgba($color-primary, 0.1) - border-radius 2px - padding 1rem - -.markdown-section ul.task-list > li - list-style-type none - -body.close - .sidebar - transform translateX(- $sidebar-width) - - .sidebar-toggle - width auto - - .content - left 0 - -@media print - .github-corner, .sidebar-toggle, .sidebar, .app-nav - display none - -@media screen and (max-width: 768px) - .github-corner, .sidebar-toggle, .sidebar - position fixed - - .app-nav - margin-top 16px - - .app-nav li ul - top 30px - - main - height auto - overflow-x hidden - - .sidebar - left - $sidebar-width - transition transform 250ms ease-out - - .content - left 0 - max-width 100vw - position static - padding-top 20px - transition transform 250ms ease - - .app-nav, .github-corner - transition transform 250ms ease-out - - .sidebar-toggle - background-color transparent - width auto - padding 30px 30px 10px 10px - - body.close - .sidebar - transform translateX($sidebar-width) - - .sidebar-toggle - background-color rgba($color-bg, 0.8) - transition 1s background-color - width $sidebar-width - 16px - padding 10px - - .content - transform translateX($sidebar-width) - - .app-nav, .github-corner - display none - - .github-corner - &:hover .octo-arm - animation none - - .octo-arm - animation octocat-wave 560ms ease-in-out - -@keyframes octocat-wave - 0%, 100% - transform rotate(0) - - 20%, 60% - transform rotate(-25deg) - - 40%, 80% - transform rotate(10deg) diff --git a/src/themes/buble.css b/src/themes/buble.css new file mode 100644 index 0000000..f70e6c0 --- /dev/null +++ b/src/themes/buble.css @@ -0,0 +1,239 @@ +@import url('https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold'); + +$color-primary: #0074D9; +$color-bg: #fff; +$color-text: #34495e; +$sidebar-width: 16em; + +@import "basic/layout"; +@import "basic/coverpage"; + +/* sidebar */ +.sidebar { + color: #364149; + background-color: $color-bg; + + a { + color: #666; + text-decoration: none; + } + + li { + list-style: none; + margin: 0; + padding: 0.2em 0 0.2em 1em; + } + + ul li ul { + padding: 0; + } + + li.active { + a { + color: #333; + } + + background-color: #eee; + } +} + +.markdown-section h1, +.markdown-section h2, +.markdown-section h3, +.markdown-section h4, +.markdown-section strong { + color: #333; + font-weight: 400; +} + +.markdown-section a { + color: var(--theme-color, $color-primary); + font-weight: 400; +} + +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + line-height: 1.6em; + margin: 0 0 1em 0; + word-spacing: 0.05em; +} + +.markdown-section h1 { + font-size: 2em; + font-weight: 500; + margin: 0 0 1em; +} + +.markdown-section h2 { + font-size: 1.8em; + font-weight: 400; + margin: 0 0 1rem 0; + padding: 1rem 0 0 0; +} + +.markdown-section h3 { + font-size: 1.5em; + margin: 52px 0 1.2em; +} + +.markdown-section h4 { + font-size: 1.25em; +} + +.markdown-section h5 { + font-size: 1em; +} + +.markdown-section h6 { + color: #777; + font-size: 1em; +} + +.markdown-section figure, +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + margin: 1.2em 0; +} + +.markdown-section ul, +.markdown-section ol { + padding-left: 1.5em; +} + +.markdown-section li { + line-height: 1.5; + margin: 0; +} + +.markdown-section blockquote { + border-left: 4px solid var(--theme-color, $color-primary); + color: #858585; + margin: 2em 0; + padding-left: 20px; +} + +.markdown-section blockquote p { + font-weight: 600; + margin-left: 0; +} + +.markdown-section iframe { + margin: 1em 0; +} + +.markdown-section em { + color: #7f8c8d; +} + +.markdown-section code { + background-color: #f9f9f9; + border-radius: 3px; + font-family: Inconsolata; + padding: 0.2em 0.4em; + white-space: pre; +} + +.markdown-section pre { + background-color: #f9f9f9; + border-left: 2px solid #eee; + font-family: Inconsolata; + font-size: 16px; + margin: 0 0 1em 0; + padding: 8px; + padding: 0 10px 12px 0; + overflow: auto; + word-wrap: normal; +} + +/* code highlight */ +.token.cdata, +.token.comment, +.token.doctype, +.token.prolog { + color: #93a1a1; /* base1 */ +} + +.token.punctuation { + color: #586e75; /* base01 */ +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #268bd2; /* blue */ +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.url, +.token.inserted { + color: #2aa198; /* cyan */ +} + +.token.entity { + color: #657b83; /* base00 */ + background: #eee8d5; /* base2 */ +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #a11; /* green */ +} + +.token.function { + color: #b58900; /* yellow */ +} + +.token.regex, +.token.important, +.token.variable { + color: #cb4b16; /* orange */ +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.markdown-section pre>code { + background-color: #f8f8f8; + border-radius: 2px; + display: block; + font-family: Inconsolata; + line-height: 1.1em; + max-width: inherit; + overflow: inherit; + padding: 20px 0.8em 20px; + position: relative; +} + +.markdown-section code::after, .markdown-section code::before { + letter-spacing: 0.05em; +} + +code .token { + -webkit-font-smoothing: initial; + -moz-osx-font-smoothing: initial; + min-height: 1.5em; +} diff --git a/src/themes/buble.styl b/src/themes/buble.styl deleted file mode 100644 index 53fbc15..0000000 --- a/src/themes/buble.styl +++ /dev/null @@ -1,173 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold') - -$color-primary = #0074d9 -$color-bg = #fff -$color-text = #34495e -$sidebar-width = 16rem - -@import 'basic/_layout' -@import 'basic/_coverpage' - -/* sidebar */ -.sidebar - color #364149 - background-color $color-bg - - a - color #666 - text-decoration none - - li - list-style none - margin 0 - padding 0.2em 0 0.2em 0 - - ul li ul - padding 0 - - li.active - a - color #333 - - background-color #eee - -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #333 - font-weight 400 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 400 - -.markdown-section p, .markdown-section ul, .markdown-section ol - line-height 1.6rem - margin 0 0 1em 0 - word-spacing 0.05rem - -.markdown-section h1 - font-size 2rem - font-weight 500 - margin 0 0 1rem - -.markdown-section h2 - font-size 1.8rem - font-weight 400 - margin 0 0 1rem 0 - padding 1rem 0 0 0 - -.markdown-section h3 - font-size 1.5rem - margin 52px 0 1.2rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.markdown-section figure, .markdown-section p, .markdown-section ul, .markdown-section ol - margin 1.2em 0 - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section li - line-height 1.5 - margin 0 - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - margin 2em 0 - padding-left 20px - -.markdown-section blockquote p - font-weight 600 - margin-left 0 - -.markdown-section iframe - margin 1em 0 - -.markdown-section em - color #7f8c8d - -.markdown-section code - background-color #f9f9f9 - border-radius 3px - font-family Inconsolata - padding 0.2em 0.4rem - white-space nowrap - -.markdown-section pre - background-color #f9f9f9 - border-left 2px solid #eee - font-family Inconsolata - font-size 16px - margin 0 0 1em 0 - padding 8px - padding 0 10px 12px 0 - overflow auto - word-wrap normal - position relative - -/* code highlight */ -.token.cdata, .token.comment, .token.doctype, .token.prolog - color #93a1a1 /* base1 */ - -.token.punctuation - color #586e75 /* base01 */ - -.namespace - opacity 0.7 - -.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted - color #268bd2 /* blue */ - -.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.url, .token.inserted - color #2aa198 /* cyan */ - -.token.entity - color #657b83 /* base00 */ - background #eee8d5 /* base2 */ - -.token.atrule, .token.attr-value, .token.keyword - color #a11 /* green */ - -.token.function - color #b58900 /* yellow */ - -.token.regex, .token.important, .token.variable - color #cb4b16 /* orange */ - -.token.important, .token.bold - font-weight bold - -.token.italic - font-style italic - -.token.entity - cursor help - -.markdown-section pre > code - background-color #f8f8f8 - border-radius 2px - display block - font-family Inconsolata - line-height 1.1rem - max-width inherit - overflow inherit - padding 20px 0.8em 20px - position relative - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -webkit-font-smoothing initial - -moz-osx-font-smoothing initial - min-height 1.5rem diff --git a/src/themes/dark.css b/src/themes/dark.css new file mode 100644 index 0000000..5ee2585 --- /dev/null +++ b/src/themes/dark.css @@ -0,0 +1,299 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600'); + +$color-primary: #ea6f5a; +$color-bg: #3f3f3f; +$color-text: #c8c8c8; +$sidebar-width: 300px; + +@import "basic/layout"; +@import "basic/coverpage"; + +body { + background-color: $color-bg; +} + +/* sidebar */ +.sidebar { + background-color: $color-bg; + color: #c8c8c8; + + li { + margin: 6px 15px; + } + + ul li a { + color: #c8c8c8; + font-size: 14px; + overflow: hidden; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + + &:hover { + text-decoration: underline; + } + } + + ul li ul { + padding: 0; + } + + ul li.active>a { + color: var(--theme-color, $color-primary); + font-weight: 600; + } +} + +/* markdown content found on pages */ +.markdown-section h1, +.markdown-section h2, +.markdown-section h3, +.markdown-section h4, +.markdown-section strong { + color: #2c3e50; + font-weight: 600; +} + +.markdown-section a { + color: var(--theme-color, $color-primary); + font-weight: 600; +} + +.markdown-section h1 { + font-size: 2em; + margin: 0 0 1em; +} + +.markdown-section h2 { + font-size: 1.75em; + margin: 45px 0 0.8em; +} + +.markdown-section h3 { + font-size: 1.5em; + margin: 40px 0 .6em; +} + +.markdown-section h4 { + font-size: 1.25em; +} + +.markdown-section h5 { + font-size: 1em; +} + +.markdown-section h6 { + color: #777; + font-size: 1em; +} + +.markdown-section figure, +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + margin: 1.2em 0; +} + +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + line-height: 1.6em; + word-spacing: 0.05em; +} + +.markdown-section ul, +.markdown-section ol { + padding-left: 1.5em; +} + +.markdown-section blockquote { + border-left: 4px solid var(--theme-color, $color-primary); + color: #858585; + margin: 2em 0; + padding-left: 20px; +} + +.markdown-section blockquote p { + font-weight: 600; + margin-left: 0; +} + +.markdown-section iframe { + margin: 1em 0; +} + +.markdown-section em { + color: #7f8c8d; +} + +.markdown-section code { + background-color: #282828; + border-radius: 2px; + color: #657b83; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8em; + margin: 0 2px; + padding: 3px 5px; + white-space: nowrap; +} + +.markdown-section pre { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #282828; + font-family: 'Roboto Mono', Monaco, courier, monospace; + line-height: 1.5em; + margin: 1.2em 0; + overflow: auto; + padding: 0 1.4em; + position: relative; + word-wrap: normal; +} + +/* code highlight */ +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #8e908c; +} + +.token.namespace { + opacity: .7; +} + +.token.boolean, +.token.number { + color: #c76b29; +} + +.token.punctuation { + color: #525252; +} + +.token.property { + color: #c08b30; +} + +.token.tag { + color: #2973b7; +} + +.token.string { + color: var(--theme-color, $color-primary); +} + +.token.selector { + color: #6679cc; +} + +.token.attr-name { + color: #2973b7; +} + +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #22a2c9; +} + +.token.attr-value, +.token.control, +.token.directive, +.token.unit { + color: var(--theme-color, $color-primary); +} + +.token.keyword { + color: #e96900; +} + +.token.statement, +.token.regex, +.token.atrule { + color: #22a2c9; +} + +.token.placeholder, +.token.variable { + color: #3d8fd1; +} + +.token.deleted { + text-decoration: line-through; +} + +.token.inserted { + border-bottom: 1px dotted #202746; + text-decoration: none; +} + +.token.italic { + font-style: italic; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.important { + color: #c94922; +} + +.token.entity { + cursor: help; +} + +.markdown-section pre>code { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #282828; + border-radius: 2px; + color: #657b83; + display: block; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8em; + line-height: inherit; + margin: 0 2px; + max-width: inherit; + overflow: inherit; + padding: 2.2em 5px; + white-space: inherit; +} + +.markdown-section code::after, .markdown-section code::before { + letter-spacing: 0.05em; +} + +code .token { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + min-height: 1.5em; +} + +pre::after { + color: #ccc; + content: attr(data-lang); + font-size: 0.6em; + font-weight: 600; + height: 15px; + line-height: 15px; + padding: 5px 10px 0; + position: absolute; + right: 0; + text-align: right; + top: 0; +} + +.markdown-section p.tip { + background-color: #282828; + color: #657b83; +} + +input[type="search"] { + background: #4f4f4f; + border-color: #4f4f4f; + color: #c8c8c8; +} diff --git a/src/themes/dark.styl b/src/themes/dark.styl deleted file mode 100644 index 02ca630..0000000 --- a/src/themes/dark.styl +++ /dev/null @@ -1,225 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600') - -$color-primary = #ea6f5a -$color-bg = #3f3f3f -$color-text = #c8c8c8 -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' - -body - background-color $color-bg - -/* sidebar */ -.sidebar - background-color $color-bg - color #c8c8c8 - - li - margin 6px 15px 6px 0 - - ul li a - color #c8c8c8 - font-size 14px - overflow hidden - text-decoration none - text-overflow ellipsis - white-space nowrap - - &:hover - text-decoration underline - - ul li ul - padding 0 - - ul li.active > a - color var(--theme-color, $color-primary) - font-weight 600 - -/* markdown content found on pages */ -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #657b83 - font-weight 600 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 600 - -.markdown-section h1 - font-size 2rem - margin 0 0 1rem - -.markdown-section h2 - font-size 1.75rem - margin 45px 0 0.8rem - -.markdown-section h3 - font-size 1.5rem - margin 40px 0 0.6rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.markdown-section figure, .markdown-section p, .markdown-section ul, .markdown-section ol - margin 1.2em 0 - -.markdown-section p, .markdown-section ul, .markdown-section ol - line-height 1.6rem - word-spacing 0.05rem - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - margin 2em 0 - padding-left 20px - -.markdown-section blockquote p - font-weight 600 - margin-left 0 - -.markdown-section iframe - margin 1em 0 - -.markdown-section em - color #7f8c8d - -.markdown-section code - background-color #282828 - border-radius 2px - color #657b83 - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - margin 0 2px - padding 3px 5px - white-space pre-wrap - -.markdown-section pre - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #282828 - font-family 'Roboto Mono', Monaco, courier, monospace - line-height 1.5rem - margin 1.2em 0 - overflow auto - padding 0 1.4rem - position relative - word-wrap normal - -/* code highlight */ -.token.comment, .token.prolog, .token.doctype, .token.cdata - color #8e908c - -.token.namespace - opacity 0.7 - -.token.boolean, .token.number - color #c76b29 - -.token.punctuation - color #525252 - -.token.property - color #c08b30 - -.token.tag - color #2973b7 - -.token.string - color var(--theme-color, $color-primary) - -.token.selector - color #6679cc - -.token.attr-name - color #2973b7 - -.token.entity, .token.url, .language-css .token.string, .style .token.string - color #22a2c9 - -.token.attr-value, .token.control, .token.directive, .token.unit - color var(--theme-color, $color-primary) - -.token.keyword - color #e96900 - -.token.statement, .token.regex, .token.atrule - color #22a2c9 - -.token.placeholder, .token.variable - color #3d8fd1 - -.token.deleted - text-decoration line-through - -.token.inserted - border-bottom 1px dotted #202746 - text-decoration none - -.token.italic - font-style italic - -.token.important, .token.bold - font-weight bold - -.token.important - color #c94922 - -.token.entity - cursor help - -.markdown-section pre > code - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #282828 - border-radius 2px - color #657b83 - display block - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - line-height inherit - margin 0 2px - max-width inherit - overflow inherit - padding 2.2em 5px - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - min-height 1.5rem - -pre::after - color #ccc - content attr(data-lang) - font-size 0.6rem - font-weight 600 - height 15px - line-height 15px - padding 5px 10px 0 - position absolute - right 0 - text-align right - top 0 - -.markdown-section p.tip - background-color #282828 - color #657b83 - -input[type='search'] - background #4f4f4f - border-color #4f4f4f - color #c8c8c8 diff --git a/src/themes/dolphin.styl b/src/themes/dolphin.styl deleted file mode 100644 index f5ea286..0000000 --- a/src/themes/dolphin.styl +++ /dev/null @@ -1,228 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Thasadith:400,400i,700') - -$color-primary = #00ffff -$color-bg = #f0ffff -$color-text = #34495e -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' - -body - background-color $color-bg - -/* sidebar */ -.sidebar - background-color $color-bg - color #364149 - - li - margin 6px 0 6px 0 - - ul li a - color #505d6b - font-size 14px - font-weight normal - overflow hidden - text-decoration none - text-overflow ellipsis - white-space nowrap - - &:hover - text-decoration underline - - ul li ul - padding 0 - - ul li.active > a - border-right 2px solid - color var(--theme-color, $color-primary) - font-weight 600 - -.app-sub-sidebar - li - &::before - content '-' - padding-right 4px - float left - -/* markdown content found on pages */ -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #2c3e50 - font-weight 600 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 600 - - &:hover - text-decoration underline - -.markdown-section h1 - font-size 2rem - margin 0 0 1rem - -.markdown-section h2 - font-size 1.75rem - margin 45px 0 0.8rem - -.markdown-section h3 - font-size 1.5rem - margin 40px 0 0.6rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.markdown-section figure, .markdown-section p - margin 1.2em 0 - -.markdown-section p, .markdown-section ul, .markdown-section ol - line-height 1.6rem - word-spacing 0.05rem - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - margin 2em 0 - padding-left 20px - -.markdown-section blockquote p - font-weight 600 - margin-left 0 - -.markdown-section iframe - margin 1em 0 - -.markdown-section em - color #7f8c8d - -.markdown-section code - background-color #f8f8f8 - border-radius 2px - color #e96900 - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - margin 0 2px - padding 3px 5px - white-space pre-wrap - -.markdown-section pre - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - font-family 'Roboto Mono', Monaco, courier, monospace - line-height 1.5rem - margin 1.2em 0 - overflow auto - padding 0 1.4rem - position relative - word-wrap normal - -/* code highlight */ -.token.comment, .token.prolog, .token.doctype, .token.cdata - color #8e908c - -.token.namespace - opacity 0.7 - -.token.boolean, .token.number - color #c76b29 - -.token.punctuation - color #525252 - -.token.property - color #c08b30 - -.token.tag - color #2973b7 - -.token.string - color var(--theme-color, $color-primary) - -.token.selector - color #6679cc - -.token.attr-name - color #2973b7 - -.token.entity, .token.url, .language-css .token.string, .style .token.string - color #22a2c9 - -.token.attr-value, .token.control, .token.directive, .token.unit - color var(--theme-color, $color-primary) - -.token.keyword, .token.function - color #e96900 - -.token.statement, .token.regex, .token.atrule - color #22a2c9 - -.token.placeholder, .token.variable - color #3d8fd1 - -.token.deleted - text-decoration line-through - -.token.inserted - border-bottom 1px dotted #202746 - text-decoration none - -.token.italic - font-style italic - -.token.important, .token.bold - font-weight bold - -.token.important - color #c94922 - -.token.entity - cursor help - -.markdown-section pre > code - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - border-radius 2px - color #525252 - display block - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - line-height inherit - margin 0 2px - max-width inherit - overflow inherit - padding 2.2em 5px - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - min-height 1.5rem - -pre::after - color #ccc - content attr(data-lang) - font-size 0.6rem - font-weight 600 - height 15px - line-height 15px - padding 5px 10px 0 - position absolute - right 0 - text-align right - top 0 diff --git a/src/themes/pure.css b/src/themes/pure.css new file mode 100644 index 0000000..070c070 --- /dev/null +++ b/src/themes/pure.css @@ -0,0 +1,5 @@ +$color-primary: #000; +$color-bg: #fff; +$color-text: #000; +$sidebar-width: 300px; +@import "basic/layout"; diff --git a/src/themes/pure.styl b/src/themes/pure.styl deleted file mode 100644 index 37d0b76..0000000 --- a/src/themes/pure.styl +++ /dev/null @@ -1,7 +0,0 @@ -$color-primary = #000 -$color-bg = #fff -$color-text = #000 -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' diff --git a/src/themes/vue.css b/src/themes/vue.css new file mode 100644 index 0000000..818123d --- /dev/null +++ b/src/themes/vue.css @@ -0,0 +1,299 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600'); + +$color-primary: #42b983; +$color-bg: #fff; +$color-text: #34495e; +$sidebar-width: 300px; + +@import "basic/layout"; +@import "basic/coverpage"; + +body { + background-color: $color-bg; +} + +/* sidebar */ +.sidebar { + background-color: $color-bg; + color: #364149; + + li { + margin: 6px 0 6px 15px; + } + + ul li a { + color: #505d6b; + font-size: 14px; + font-weight: normal; + overflow: hidden; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + + &:hover { + text-decoration: underline; + } + } + + ul li ul { + padding: 0; + } + + ul li.active>a { + border-right: 2px solid; + color: var(--theme-color, $color-primary); + font-weight: 600; + } +} + +.app-sub-sidebar { + .section-link { + &::before { + content: '-'; + padding-right: 4px; + } + } +} + +/* markdown content found on pages */ +.markdown-section h1, +.markdown-section h2, +.markdown-section h3, +.markdown-section h4, +.markdown-section strong { + color: #2c3e50; + font-weight: 600; +} + +.markdown-section a { + color: var(--theme-color, $color-primary); + font-weight: 600; +} + +.markdown-section h1 { + font-size: 2em; + margin: 0 0 1em; +} + +.markdown-section h2 { + font-size: 1.75em; + margin: 45px 0 0.8em; +} + +.markdown-section h3 { + font-size: 1.5em; + margin: 40px 0 .6em; +} + +.markdown-section h4 { + font-size: 1.25em; +} + +.markdown-section h5 { + font-size: 1em; +} + +.markdown-section h6 { + color: #777; + font-size: 1em; +} + +.markdown-section figure, +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + margin: 1.2em 0; +} + +.markdown-section p, +.markdown-section ul, +.markdown-section ol { + line-height: 1.6em; + word-spacing: 0.05em; +} + +.markdown-section ul, +.markdown-section ol { + padding-left: 1.5em; +} + +.markdown-section blockquote { + border-left: 4px solid var(--theme-color, $color-primary); + color: #858585; + margin: 2em 0; + padding-left: 20px; +} + +.markdown-section blockquote p { + font-weight: 600; + margin-left: 0; +} + +.markdown-section iframe { + margin: 1em 0; +} + +.markdown-section em { + color: #7f8c8d; +} + +.markdown-section code { + background-color: #f8f8f8; + border-radius: 2px; + color: #e96900; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8em; + margin: 0 2px; + padding: 3px 5px; + white-space: nowrap; +} + +.markdown-section pre { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #f8f8f8; + font-family: 'Roboto Mono', Monaco, courier, monospace; + line-height: 1.5em; + margin: 1.2em 0; + overflow: auto; + padding: 0 1.4em; + position: relative; + word-wrap: normal; +} + +/* code highlight */ +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #8e908c; +} + +.token.namespace { + opacity: .7; +} + +.token.boolean, +.token.number { + color: #c76b29; +} + +.token.punctuation { + color: #525252; +} + +.token.property { + color: #c08b30; +} + +.token.tag { + color: #2973b7; +} + +.token.string { + color: var(--theme-color, $color-primary); +} + +.token.selector { + color: #6679cc; +} + +.token.attr-name { + color: #2973b7; +} + +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #22a2c9; +} + +.token.attr-value, +.token.control, +.token.directive, +.token.unit { + color: var(--theme-color, $color-primary); +} + +.token.keyword { + color: #e96900; +} + +.token.statement, +.token.regex, +.token.atrule { + color: #22a2c9; +} + +.token.placeholder, +.token.variable { + color: #3d8fd1; +} + +.token.deleted { + text-decoration: line-through; +} + +.token.inserted { + border-bottom: 1px dotted #202746; + text-decoration: none; +} + +.token.italic { + font-style: italic; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.important { + color: #c94922; +} + +.token.entity { + cursor: help; +} + +.markdown-section pre>code { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + background-color: #f8f8f8; + border-radius: 2px; + color: #525252; + display: block; + font-family: 'Roboto Mono', Monaco, courier, monospace; + font-size: 0.8em; + line-height: inherit; + margin: 0 2px; + max-width: inherit; + overflow: inherit; + padding: 2.2em 5px; + white-space: inherit; +} + +.markdown-section code::after, .markdown-section code::before { + letter-spacing: 0.05em; +} + +code .token { + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + min-height: 1.5em; +} + +pre::after { + color: #ccc; + content: attr(data-lang); + font-size: 0.6em; + font-weight: 600; + height: 15px; + line-height: 15px; + padding: 5px 10px 0; + position: absolute; + right: 0; + text-align: right; + top: 0; +} diff --git a/src/themes/vue.styl b/src/themes/vue.styl deleted file mode 100644 index 98c416e..0000000 --- a/src/themes/vue.styl +++ /dev/null @@ -1,225 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600') - -$color-primary = #42b983 -$color-bg = #fff -$color-text = #34495e -$sidebar-width = 300px - -@import 'basic/_layout' -@import 'basic/_coverpage' - -body - background-color $color-bg - -/* sidebar */ -.sidebar - background-color $color-bg - color #364149 - - li - margin 6px 0 6px 0 - - ul li a - color #505d6b - font-size 14px - font-weight normal - overflow hidden - text-decoration none - text-overflow ellipsis - white-space nowrap - - &:hover - text-decoration underline - - ul li ul - padding 0 - - ul li.active > a - border-right 2px solid - color var(--theme-color, $color-primary) - font-weight 600 - -.app-sub-sidebar - li - &::before - content '-' - padding-right 4px - float left - -/* markdown content found on pages */ -.markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4, .markdown-section strong - color #2c3e50 - font-weight 600 - -.markdown-section a - color var(--theme-color, $color-primary) - font-weight 600 - -.markdown-section h1 - font-size 2rem - margin 0 0 1rem - -.markdown-section h2 - font-size 1.75rem - margin 45px 0 0.8rem - -.markdown-section h3 - font-size 1.5rem - margin 40px 0 0.6rem - -.markdown-section h4 - font-size 1.25rem - -.markdown-section h5 - font-size 1rem - -.markdown-section h6 - color #777 - font-size 1rem - -.markdown-section figure, .markdown-section p - margin 1.2em 0 - -.markdown-section p, .markdown-section ul, .markdown-section ol - line-height 1.6rem - word-spacing 0.05rem - -.markdown-section ul, .markdown-section ol - padding-left 1.5rem - -.markdown-section blockquote - border-left 4px solid var(--theme-color, $color-primary) - color #858585 - margin 2em 0 - padding-left 20px - -.markdown-section blockquote p - font-weight 600 - margin-left 0 - -.markdown-section iframe - margin 1em 0 - -.markdown-section em - color #7f8c8d - -.markdown-section code - background-color #f8f8f8 - border-radius 2px - color #e96900 - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - margin 0 2px - padding 3px 5px - white-space pre-wrap - -.markdown-section pre - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - font-family 'Roboto Mono', Monaco, courier, monospace - line-height 1.5rem - margin 1.2em 0 - overflow auto - padding 0 1.4rem - position relative - word-wrap normal - -/* code highlight */ -.token.comment, .token.prolog, .token.doctype, .token.cdata - color #8e908c - -.token.namespace - opacity 0.7 - -.token.boolean, .token.number - color #c76b29 - -.token.punctuation - color #525252 - -.token.property - color #c08b30 - -.token.tag - color #2973b7 - -.token.string - color var(--theme-color, $color-primary) - -.token.selector - color #6679cc - -.token.attr-name - color #2973b7 - -.token.entity, .token.url, .language-css .token.string, .style .token.string - color #22a2c9 - -.token.attr-value, .token.control, .token.directive, .token.unit - color var(--theme-color, $color-primary) - -.token.keyword, .token.function - color #e96900 - -.token.statement, .token.regex, .token.atrule - color #22a2c9 - -.token.placeholder, .token.variable - color #3d8fd1 - -.token.deleted - text-decoration line-through - -.token.inserted - border-bottom 1px dotted #202746 - text-decoration none - -.token.italic - font-style italic - -.token.important, .token.bold - font-weight bold - -.token.important - color #c94922 - -.token.entity - cursor help - -.markdown-section pre > code - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - background-color #f8f8f8 - border-radius 2px - color #525252 - display block - font-family 'Roboto Mono', Monaco, courier, monospace - font-size 0.8rem - line-height inherit - margin 0 2px - max-width inherit - overflow inherit - padding 2.2em 5px - white-space inherit - -.markdown-section code::after, .markdown-section code::before - letter-spacing 0.05rem - -code .token - -moz-osx-font-smoothing initial - -webkit-font-smoothing initial - min-height 1.5rem - -pre::after - color #ccc - content attr(data-lang) - font-size 0.6rem - font-weight 600 - height 15px - line-height 15px - padding 5px 10px 0 - position absolute - right 0 - text-align right - top 0 diff --git a/test/_helper.js b/test/_helper.js deleted file mode 100644 index 4b4abce..0000000 --- a/test/_helper.js +++ /dev/null @@ -1,87 +0,0 @@ -// load ES6 modules in Node.js on the fly -require = require('esm')(module/*, options*/) - -const path = require('path') -const {expect} = require('chai') - -const {JSDOM} = require('jsdom') - -function ready(callback) { - const state = document.readyState - - if (state === 'complete' || state === 'interactive') { - return setTimeout(callback, 0) - } - - document.addEventListener('DOMContentLoaded', callback) -} -module.exports.init = function(fixture = 'default', config = {}, markup) { - if (markup == null) { - markup = ` - - - - - - - ` - } - const rootPath = path.join(__dirname, 'fixtures', fixture) - - const dom = new JSDOM(markup) - dom.reconfigure({ url: 'file:///' + rootPath }) - - global.window = dom.window - global.document = dom.window.document - global.navigator = dom.window.navigator - global.location = dom.window.location - global.XMLHttpRequest = dom.window.XMLHttpRequest - - // mimic src/core/index.js but for Node.js - function Docsify() { - this._init() - } - - const proto = Docsify.prototype - - const {initMixin} = require('../src/core/init') - const {routerMixin} = require('../src/core//router') - const {renderMixin} = require('../src/core//render') - const {fetchMixin} = require('../src/core/fetch') - const {eventMixin} = require('../src/core//event') - - initMixin(proto) - routerMixin(proto) - renderMixin(proto) - fetchMixin(proto) - eventMixin(proto) - - const NOT_INIT_PATTERN = '' - - return new Promise((resolve, reject) => { - ready(() => { - const docsify = new Docsify() - // NOTE: I was not able to get it working with a callback, but polling works usually at the first time - const id = setInterval(() => { - if (dom.window.document.body.innerHTML.indexOf(NOT_INIT_PATTERN) == -1) { - clearInterval(id) - return resolve({ - docsify: docsify, - dom: dom - }) - } - }, 10) - }) - - }) -} -module.exports.expectSameDom = function(actual, expected) { - const WHITESPACES_BETWEEN_TAGS = />(\s\s+) diff --git a/test/fixtures/simple/README.md b/test/fixtures/simple/README.md deleted file mode 100644 index 0f3fd46..0000000 --- a/test/fixtures/simple/README.md +++ /dev/null @@ -1,18 +0,0 @@ -# Heading - -[another page](other.md) - -## II 1 - -### III 1 - -#### IV 1 - -##### V 1 - - -## II 2 - -### III 2 - -#### IV 2 diff --git a/test/fixtures/simple/other-page.md b/test/fixtures/simple/other-page.md deleted file mode 100644 index 4bc6e98..0000000 --- a/test/fixtures/simple/other-page.md +++ /dev/null @@ -1,16 +0,0 @@ -# Other - -## two 1 - -### three 1 - -#### four 1 - -##### five 1 - - -## two 2 - -### three 2 - -#### four 2 diff --git a/test/integration/render.js b/test/integration/render.js deleted file mode 100644 index 7b2b253..0000000 --- a/test/integration/render.js +++ /dev/null @@ -1,14 +0,0 @@ -const path = require('path') - -const {expect} = require('chai') - -const {init, expectSameDom} = require('../_helper') - -describe('full docsify initialization', function() { - it('TODO: check generated markup', async function() { - const {docsify, dom} = await init('simple', {loadSidebar: true}) - console.log(dom.window.document.body.innerHTML) - // TODO: add some expectations - }) - -}) diff --git a/test/integration/router.js b/test/integration/router.js deleted file mode 100644 index b87e802..0000000 --- a/test/integration/router.js +++ /dev/null @@ -1,14 +0,0 @@ -const path = require('path') - -const {expect} = require('chai') - -const {init, expectSameDom} = require('../_helper') - -describe('router', function() { - it('TODO: trigger to load another page', async function() { - const {docsify} = await init() - window.location = '/?foo=bar' - // TODO: add some expectations - }) - -}) diff --git a/test/unit/base.js b/test/unit/base.js deleted file mode 100644 index 036700b..0000000 --- a/test/unit/base.js +++ /dev/null @@ -1,62 +0,0 @@ -/* eslint-env node, chai, mocha */ -require = require('esm')(module/*, options*/) -const {expect} = require('chai') -const {History} = require('../../src/core/router/history/base') - -class MockHistory extends History { - parse(path) { - return {path} - } -} - -describe('router/history/base', function () { - describe('relativePath true', function () { - var history - - beforeEach(function () { - history = new MockHistory({relativePath: true}) - }) - - it('toURL', function () { - // WHEN - const url = history.toURL('guide.md', {}, '/zh-ch/') - - // THEN - expect(url).equal('/zh-ch/guide') - }) - - it('toURL with double dot', function () { - // WHEN - const url = history.toURL('../README.md', {}, '/zh-ch/') - - // THEN - expect(url).equal('/README') - }) - - it('toURL child path', function () { - // WHEN - const url = history.toURL('config/example.md', {}, '/zh-ch/') - - // THEN - expect(url).equal('/zh-ch/config/example') - }) - - it('toURL absolute path', function () { - // WHEN - const url = history.toURL('/README', {}, '/zh-ch/') - - // THEN - expect(url).equal('/README') - }) - }) - - it('toURL without relative path', function () { - const history = new MockHistory({relativePath: false}) - - // WHEN - const url = history.toURL('README', {}, '/zh-ch/') - - // THEN - expect(url).equal('/README') - }) -}) diff --git a/test/unit/render.js b/test/unit/render.js deleted file mode 100644 index 25043cf..0000000 --- a/test/unit/render.js +++ /dev/null @@ -1,89 +0,0 @@ -const path = require('path') - -const {expect} = require('chai') - -const {init, expectSameDom} = require('../_helper') - -describe('render', function() { - it('important content (tips)', async function() { - const {docsify, dom} = await init() - const output = docsify.compiler.compile('!> **Time** is money, my friend!') - expect(output).equal('Time is money, my friend!
') - }) - - describe('lists', function() { - it('as unordered task list', async function() { - const {docsify, dom} = await init() - const output = docsify.compiler.compile(` -- [x] Task 1 -- [ ] Task 2 -- [ ] Task 3`) - expect(output, `-
-
-
-
-
-
-
-
-
-
-
-
-
text
--
-
-
-