+
+
+### Backers
+
+Thank you to all our backers! [[Become a backer](https://opencollective.com/docsify#backer)]
+
+
+
+
+### Sponsors
+
+Thank you to all our sponsors! (please ask your company to also support this open source project by [becoming a sponsor](https://opencollective.com/docsify#sponsor))
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/README.md b/README.md
index 79124e1..b8da0d8 100644
--- a/README.md
+++ b/README.md
@@ -9,45 +9,53 @@
- 
+ 
+ 
+ 
- 
+ 
Glod Sponsor via Open Collective
+Gold Sponsor via Open Collective
+ ## Links -* [Documentation](https://docsify.js.org) -* [CLI](https://github.com/QingWei-Li/docsify-cli) -* CDN: [UNPKG](https://unpkg.com/docsify/) | [jsDelivr](https://cdn.jsdelivr.net/npm/docsify/) | [cdnjs](https://cdnjs.com/libraries/docsify) -* [Awesome docsify](https://github.com/QingWei-Li/awesome-docsify) +- [`develop` branch preview](https://docsifyjs.netlify.com/) +- [Documentation](https://docsify.js.org) +- [CLI](https://github.com/docsifyjs/docsify-cli) +- CDN: [UNPKG](https://unpkg.com/docsify/) | [jsDelivr](https://cdn.jsdelivr.net/npm/docsify/) | [cdnjs](https://cdnjs.com/libraries/docsify) +- [Awesome docsify](https://github.com/docsifyjs/awesome-docsify) +- [Community chat](https://gitter.im/docsifyjs/Lobby) ## Features -* No statically built html files -* Simple and lightweight (~18kB gzipped) -* Smart full-text search plugin -* Multiple themes -* Useful plugin API -* Compatible with IE10+ -* Support SSR ([example](https://github.com/QingWei-Li/docsify-ssr-demo)) +- No statically built html files +- Simple and lightweight (~21kB gzipped) +- Smart full-text search plugin +- Multiple themes +- Useful plugin API +- Compatible with IE11 +- Support SSR ([example](https://github.com/docsifyjs/docsify-ssr-demo)) +- Support embedded files ## Quick start -Look at [this tutorial](https://docsify.js.org/#/quickstart) or [online demo](https://jsfiddle.net/7ztb8qsr/1/). +Look at [this tutorial](https://docsify.js.org/#/quickstart) + +[](https://codesandbox.io/s/307qqv236) ## Showcase These projects are using docsify to generate their sites. Pull requests welcome :blush: -Move to [awesome-docsify](https://github.com/QingWei-Li/awesome-docsify) +Move to [awesome-docsify](https://github.com/docsifyjs/awesome-docsify#showcase) ## Similar projects @@ -58,17 +66,16 @@ Move to [awesome-docsify](https://github.com/QingWei-Li/awesome-docsify) ## Contributing -* Fork it! -* Create your feature branch: `git checkout -b my-new-feature` -* Commit your changes: `git commit -am 'Add some feature'` -* Push to the branch: `git push origin my-new-feature` -* Submit a pull request +- Fork it! +- Create your feature branch: `git checkout -b my-new-feature` +- Commit your changes: `git commit -am 'Add some feature'` +- Push to the branch: `git push origin my-new-feature` +- Submit a pull request ## Development ```bash npm run bootstrap && npm run dev -open http://localhost:3000 ``` ## Backers @@ -92,8 +99,13 @@ Support this project by becoming a sponsor. Your logo will show up here with a l
+## Contributors
+
+This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
+
+
## License
-MIT
+[MIT](LICENSE)
-[](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2FQingWei-Li%2Fdocsify?ref=badge_large)
+[](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fdocsifyjs%2Fdocsify?ref=badge_large)
diff --git a/app.js b/app.js
deleted file mode 100644
index 63f80f7..0000000
--- a/app.js
+++ /dev/null
@@ -1,53 +0,0 @@
-var serveStatic = require('serve-static')
-var http = require('http')
-var fs = require('fs')
-var Renderer = require('./packages/docsify-server-renderer/build.js')
-
-var renderer = new Renderer({
- template: `
-
-
-
-
- " + (content.slice(5).trim()) + "
") -} - -function theme (color) { - return ("") -} - -var barEl; -var timeId; - -/** - * Init progress component - */ -function init () { - var div = create('div'); - - div.classList.add('progress'); - appendTo(body, div); - barEl = div; -} -/** - * Render progress bar - */ -var progressbar = function (ref) { - var loaded = ref.loaded; - var total = ref.total; - var step = ref.step; - - var num; - - !barEl && init(); - - if (step) { - num = parseInt(barEl.style.width || 0, 10) + step; - num = num > 80 ? 80 : num; - } else { - num = Math.floor(loaded / total * 100); - } - - barEl.style.opacity = 1; - barEl.style.width = num >= 95 ? '100%' : num + '%'; - - if (num >= 95) { - clearTimeout(timeId); - timeId = setTimeout(function (_) { - barEl.style.opacity = 0; - barEl.style.width = '0%'; - }, 200); - } -}; - -var cache = {}; - -/** - * Simple ajax get - * @param {string} url - * @param {boolean} [hasBar=false] has progress bar - * @return { then(resolve, reject), abort } - */ -function get (url, hasBar) { - if ( hasBar === void 0 ) hasBar = false; - - var xhr = new XMLHttpRequest(); - var on = function () { - xhr.addEventListener.apply(xhr, arguments); - }; - var cached$$1 = cache[url]; - - if (cached$$1) { - return { then: function (cb) { return cb(cached$$1.content, cached$$1.opt); }, abort: noop } - } - - xhr.open('GET', url); - xhr.send(); - - return { - then: function (success, error) { - if ( error === void 0 ) error = noop; - - if (hasBar) { - var id = setInterval( - function (_) { return progressbar({ - step: Math.floor(Math.random() * 5 + 1) - }); }, - 500 - ); - - on('progress', progressbar); - on('loadend', function (evt) { - progressbar(evt); - clearInterval(id); - }); - } - - on('error', error); - on('load', function (ref) { - var target = ref.target; - - if (target.status >= 400) { - error(target); - } else { - var result = (cache[url] = { - content: target.response, - opt: { - updatedAt: xhr.getResponseHeader('last-modified') - } - }); - - success(result.content, result.opt); - } - }); - }, - abort: function (_) { return xhr.readyState !== 4 && xhr.abort(); } - } -} - -function replaceVar (block, color) { - block.innerHTML = block.innerHTML.replace( - /var\(\s*--theme-color.*?\)/g, - color - ); -} - -var cssVars = function (color) { - // Variable support - if (window.CSS && window.CSS.supports && window.CSS.supports('(--v:red)')) { return } - - var styleBlocks = findAll('style:not(.inserted),link');[].forEach.call(styleBlocks, function (block) { - if (block.nodeName === 'STYLE') { - replaceVar(block, color); - } else if (block.nodeName === 'LINK') { - var href = block.getAttribute('href'); - - if (!/\.css$/.test(href)) { return } - - get(href).then(function (res) { - var style$$1 = create('style', res); - - head.appendChild(style$$1); - replaceVar(style$$1, color); - }); - } - }); -}; - -var RGX = /([^{]*?)\w(?=\})/g; - -var dict = { - YYYY: 'getFullYear', - YY: 'getYear', - MM: function (d) { - return d.getMonth() + 1; - }, - DD: 'getDate', - HH: 'getHours', - mm: 'getMinutes', - ss: 'getSeconds' -}; - -var tinydate = function (str) { - var parts=[], offset=0; - str.replace(RGX, function (key, _, idx) { - // save preceding string - parts.push(str.substring(offset, idx - 1)); - offset = idx += key.length + 1; - // save function - parts.push(function(d){ - return ('00' + (typeof dict[key]==='string' ? d[dict[key]]() : dict[key](d))).slice(-key.length); - }); - }); - - if (offset !== str.length) { - parts.push(str.substring(offset)); - } - - return function (arg) { - var out='', i=0, d=arg||new Date(); - for (; i
-'
- + (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 '
' + text + '
\n'; -}; - -Renderer.prototype.table = function(header, body) { - return '' + text + '';
-};
-
-Renderer.prototype.br = function() {
- return this.options.xhtml ? '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, - baseUrl: null -}; - -/** - * 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, (inBrowser && window.emojify) || replace)
- .replace(/__colon__/g, ':')
-}
-
-var decode = decodeURIComponent;
-var encode = encodeURIComponent;
-
-function parseQuery (query) {
- var res = {};
-
- query = query.trim().replace(/^(\?|#|&)/, '');
-
- if (!query) {
- return res
- }
-
- // Simple parse
- query.split('&').forEach(function (param) {
- var parts = param.replace(/\+/g, ' ').split('=');
-
- res[parts[0]] = parts[1] && decode(parts[1]);
- });
-
- return res
-}
-
-function stringifyQuery (obj, ignores) {
- if ( ignores === void 0 ) ignores = [];
-
- var qs = [];
-
- for (var 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('&'))) : ''
-}
-
-function getPath () {
- var args = [], len = arguments.length;
- while ( len-- ) args[ len ] = arguments[ len ];
-
- return cleanPath(args.join('/'))
-}
-
-var isAbsolutePath = cached(function (path) {
- return /(:|(\/{2}))/g.test(path)
-});
-
-var getParentPath = cached(function (path) {
- return /\/$/g.test(path)
- ? path
- : (path = path.match(/(\S*\/)[^\/]+$/)) ? path[1] : ''
-});
-
-var cleanPath = cached(function (path) {
- return path.replace(/^\/+/, '/').replace(/([^:])\/{2,}/g, '$1/')
-});
-
-var cachedLinks = {};
-function getAndRemoveConfig (str) {
- if ( str === void 0 ) str = '';
-
- var config = {};
-
- if (str) {
- str = str
- .replace(/:([\w-]+)=?([\w-]+)?/g, function (m, key, value) {
- config[key] = value || true;
- return ''
- })
- .trim();
- }
-
- return { str: str, config: config }
-}
-
-var Compiler = function Compiler (config, router) {
- this.config = config;
- this.router = router;
- this.cacheTree = {};
- this.toc = [];
- this.linkTarget = config.externalLinkTarget || '_blank';
- this.contentBase = router.getBasePath();
-
- var renderer = this._initRenderer();
- var compile;
- var mdConf = config.markdown || {};
-
- if (isFn(mdConf)) {
- compile = mdConf(marked, renderer);
- } else {
- marked.setOptions(
- merge(mdConf, {
- renderer: merge(renderer, mdConf.renderer)
- })
- );
- compile = marked;
- }
-
- this.compile = cached(function (text) {
- var html = '';
-
- if (!text) { return text }
-
- html = compile(text);
- html = config.noEmoji ? html : emojify(html);
- slugify.clear();
-
- return html
- });
-};
-
-Compiler.prototype.matchNotCompileLink = function matchNotCompileLink (link) {
- var links = this.config.noCompileLinks || [];
-
- for (var i = 0; i < links.length; i++) {
- var n = links[i];
- var re = cachedLinks[n] || (cachedLinks[n] = new RegExp(("^" + n + "$")));
-
- if (re.test(link)) {
- return link
- }
- }
-};
-
-Compiler.prototype._initRenderer = function _initRenderer () {
- var renderer = new marked.Renderer();
- var ref = this;
- var linkTarget = ref.linkTarget;
- var router = ref.router;
- var contentBase = ref.contentBase;
- var _self = this;
- var origin = {};
-
- /**
- * render anchor tag
- * @link https://github.com/chjj/marked#overriding-renderer-methods
- */
- origin.heading = renderer.heading = function (text, level) {
- var nextToc = { level: level, title: text };
-
- if (/{docsify-ignore}/g.test(text)) {
- text = text.replace('{docsify-ignore}', '');
- nextToc.title = text;
- nextToc.ignoreSubHeading = true;
- }
-
- if (/{docsify-ignore-all}/g.test(text)) {
- text = text.replace('{docsify-ignore-all}', '');
- nextToc.title = text;
- nextToc.ignoreAllSubs = true;
- }
-
- var slug = slugify(text);
- var url = router.toURL(router.getCurrentPath(), { id: slug });
- nextToc.slug = url;
- _self.toc.push(nextToc);
-
- return ("" + hl + "" + text + "
") - }; - origin.image = renderer.image = function (href, title, text) { - var url = href; - var attrs = ''; - - var ref = getAndRemoveConfig(title); - var str = ref.str; - var config = ref.config; - title = str; - - if (config['no-zoom']) { - attrs += ' data-no-zoom'; - } - - if (title) { - attrs += " title=\"" + title + "\""; - } - - if (!isAbsolutePath(href)) { - url = getPath(contentBase, href); - } - - return ("'+t.slice(5).trim()+"
"}function w(e){return""}function x(){var e=c("div");e.classList.add("progress"),u(me,e),pe=e}function _(e,t){void 0===t&&(t=!1);var r=new XMLHttpRequest,i=function(){r.addEventListener.apply(r,arguments)},o=_e[e];return o?{then:function(e){return e(o.content,o.opt)},abort:n}:(r.open("GET",e),r.send(),{then:function(o,a){if(void 0===a&&(a=n),t){var s=setInterval(function(e){return xe({step:Math.floor(5*Math.random()+1)})},500);i("progress",xe),i("loadend",function(e){xe(e),clearInterval(s)})}i("error",a),i("load",function(t){var n=t.target;if(n.status>=400)a(n);else{var i=_e[e]={content:n.response,opt:{updatedAt:r.getResponseHeader("last-modified")}};o(i.content,i.opt)}})},abort:function(e){return 4!==r.readyState&&r.abort()}})}function S(e,t){e.innerHTML=e.innerHTML.replace(/var\(\s*--theme-color.*?\)/g,t)}function C(e,t){return t={exports:{}},e(t,t.exports),t.exports}function L(e,t){var n=[],r={};return e.forEach(function(e){var i=e.level||1,o=i-1;i>t||(r[o]?r[o].children=(r[o].children||[]).concat(e):n.push(e),r[i]=e)}),n}function E(e){return e.toLowerCase()}function $(e){if("string"!=typeof e)return"";var t=e.trim().replace(/[A-Z]+/g,E).replace(/<[^>\d]+>/g,"").replace(Oe,"").replace(/\s/g,"-").replace(/-+/g,"-").replace(/^(\d)/,"_$1"),n=Pe[t];return n=Pe.hasOwnProperty(t)?n+1:0,Pe[t]=n,n&&(t=t+"-"+n),t}function T(e,t){return'
'}function A(e){return e.replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g,function(e){return e.replace(/:/g,"__colon__")}).replace(/:(\w+?):/gi,ye&&window.emojify||T).replace(/__colon__/g,":")}function P(e){var t={};return(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var n=e.replace(/\+/g," ").split("=");t[n[0]]=n[1]&&je(n[1])}),t):t}function O(e,t){void 0===t&&(t=[]);var n=[];for(var r in e)t.indexOf(r)>-1||n.push(e[r]?(Me(r)+"="+Me(e[r])).toLowerCase():Me(r));return n.length?"?"+n.join("&"):""}function j(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return Ne(e.join("/"))}function M(e){void 0===e&&(e="");var t={};return e&&(e=e.replace(/:([\w-]+)=?([\w-]+)?/g,function(e,n,r){return t[n]=r||!0,""}).trim()),{str:e,config:t}}function q(e,t){var n=function(e){return me.classList.toggle("close")};e=a(e),p(e,"click",function(e){e.stopPropagation(),n()});var r=a(".sidebar");ke&&p(me,"click",function(e){return me.classList.contains("close")&&n()}),p(r,"click",function(e){return setTimeout(0)})}function R(){var e=a("section.cover");if(e){var t=e.getBoundingClientRect().height;window.pageYOffset>=t||e.classList.contains("hidden")?f(me,"add","sticky"):f(me,"remove","sticky")}}function N(e,t,n,r){t=a(t);var i,o=l(t,"a"),s=decodeURI(e.toURL(e.getCurrentPath()));return o.sort(function(e,t){return t.href.length-e.href.length}).forEach(function(e){var t=e.getAttribute("href"),r=n?e.parentNode:e;0!==s.indexOf(t)||i?f(r,"remove","active"):(i=e,f(r,"add","active"))}),r&&(ge.title=i?i.innerText+" - "+He:He),i}function U(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function F(e){We&&We.stop(),Ye=!1,We=new ze({start:window.pageYOffset,end:e.getBoundingClientRect().top+window.pageYOffset,duration:500}).on("tick",function(e){return window.scrollTo(0,e)}).on("done",function(){Ye=!0,We=null}).begin()}function H(e){if(Ye){for(var t,n=a(".sidebar"),r=l(".anchor"),i=s(n,".sidebar-nav"),o=s(n,"li.active"),c=document.documentElement,u=(c&&c.scrollTop||document.body.scrollTop)-Ze,h=0,p=r.length;h"+o(e.message+"",!0)+"";throw e}}var p={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:c,hr:/^( *[-*_]){3,} *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,nptable:c,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:c,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._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:o(e,!0))+"\n"+(n?e:o(e,!0))+"\n\n"+e+"\n"},r.prototype.html=function(e){return e},r.prototype.heading=function(e,t,n){return"
"+e+"
\n"},r.prototype.table=function(e,t){return""+e+""},r.prototype.br=function(){return this.options.xhtml?"'+Ae.highlight(e,Ae.languages[t]||Ae.languages.markup)+""+e+"
"},a.image=e.image=function(e,t,n){var r=e,o="",a=M(t),s=a.str,l=a.config;return t=s,l["no-zoom"]&&(o+=" data-no-zoom"),t&&(o+=' title="'+t+'"'),qe(e)||(r=j(i,e)),'
'
-};
-
-}());
diff --git a/lib/plugins/emoji.min.js b/lib/plugins/emoji.min.js
deleted file mode 100644
index cc173e2..0000000
--- a/lib/plugins/emoji.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!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-1===e.indexOf(o)?a:'
'}}();
diff --git a/lib/plugins/external-script.js b/lib/plugins/external-script.js
deleted file mode 100644
index 6f5d7d5..0000000
--- a/lib/plugins/external-script.js
+++ /dev/null
@@ -1,30 +0,0 @@
-(function () {
-'use strict';
-
-function handleExternalScript () {
- var container = Docsify.dom.getNode('#main');
- var scripts = Docsify.dom.findAll(container, 'script');
-
- for (var i = scripts.length; i--;) {
- var script = scripts[i];
-
- if (script && script.src) {
- var newScript = document.createElement('script');
-
- Array.prototype.slice.call(script.attributes).forEach(function (attribute) {
- newScript[attribute.name] = attribute.value;
- });
-
- script.parentNode.insertBefore(newScript, script);
- script.parentNode.removeChild(script);
- }
- }
-}
-
-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
deleted file mode 100644
index e361de2..0000000
--- a/lib/plugins/external-script.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(){"use strict";function e(){for(var e=Docsify.dom.getNode("#main"),o=Docsify.dom.findAll(e,"script"),n=o.length;n--;){var i=o[n];if(i&&i.src){var t=document.createElement("script");Array.prototype.slice.call(i.attributes).forEach(function(e){t[e.name]=e.value}),i.parentNode.insertBefore(t,i),i.parentNode.removeChild(i)}}}var o=function(o){o.doneEach(e)};window.$docsify.plugins=[].concat(o,window.$docsify.plugins)}();
diff --git a/lib/plugins/front-matter.js b/lib/plugins/front-matter.js
deleted file mode 100644
index 8f7ea3d..0000000
--- a/lib/plugins/front-matter.js
+++ /dev/null
@@ -1,498 +0,0 @@
-(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
- });
-};
-
-$docsify.plugins = [].concat(install, $docsify.plugins);
-
-}());
diff --git a/lib/plugins/front-matter.min.js b/lib/plugins/front-matter.min.js
deleted file mode 100644
index 0489aed..0000000
--- a/lib/plugins/front-matter.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!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,s=[],f=new e(-1),h=new e(0);f.addChild(h);var c=[],p="";s.push(h),c.push(u);for(var v=0,d=l.length;v" + NO_DATA_TEXT + "
"); -} - -function bindEvents () { - var $search = Docsify.dom.find('div.search'); - var $input = Docsify.dom.find($search, 'input'); - - var timeId; - // Prevent to Fold sidebar - Docsify.dom.on( - $search, - 'click', - function (e) { return e.target.tagName !== 'A' && e.stopPropagation(); } - ); - Docsify.dom.on($input, 'input', function (e) { - clearTimeout(timeId); - timeId = setTimeout(function (_) { return doSearch(e.target.value.trim()); }, 100); - }); -} - -function updatePlaceholder (text, path) { - var $input = Docsify.dom.getNode('.search input[type="search"]'); - - if (!$input) { return } - if (typeof text === 'string') { - $input.placeholder = text; - } else { - var match = Object.keys(text).filter(function (key) { return path.indexOf(key) > -1; })[0]; - $input.placeholder = text[match]; - } -} - -function updateNoData (text, path) { - if (typeof text === 'string') { - NO_DATA_TEXT = text; - } else { - var match = Object.keys(text).filter(function (key) { return path.indexOf(key) > -1; })[0]; - NO_DATA_TEXT = text[match]; - } -} - -function init$$1 (opts, vm) { - var keywords = vm.router.parse().query.s; - - style(); - tpl(opts, keywords); - bindEvents(); - keywords && setTimeout(function (_) { return doSearch(keywords); }, 500); -} - -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', - depth: 2, - 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; - CONFIG.depth = opts.depth || CONFIG.depth; - } - - var isAuto = CONFIG.paths === 'auto'; - - hook.mounted(function (_) { - init$$1(CONFIG, vm); - !isAuto && init$1(CONFIG, vm); - }); - hook.doneEach(function (_) { - update(CONFIG, vm); - isAuto && init$1(CONFIG, vm); - }); -}; - -$docsify.plugins = [].concat(install, $docsify.plugins); - -}()); diff --git a/lib/plugins/search.min.js b/lib/plugins/search.min.js deleted file mode 100644 index 77ac476..0000000 --- a/lib/plugins/search.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(){"use strict";function e(e){var n={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"};return String(e).replace(/[&<>"'\/]/g,function(e){return n[e]})}function n(e){var n=[];return h.dom.findAll("a:not([data-nosearch])").map(function(t){var o=t.href,i=t.getAttribute("href"),r=e.parse(o).path;r&&-1===n.indexOf(r)&&!Docsify.util.isAbsolutePath(i)&&n.push(r)}),n}function t(e){localStorage.setItem("docsify.search.expires",Date.now()+e),localStorage.setItem("docsify.search.index",JSON.stringify(g))}function o(e,n,t,o){void 0===n&&(n="");var i,r=window.marked.lexer(n),a=window.Docsify.slugify,s={};return r.forEach(function(n){if("heading"===n.type&&n.depth<=o)i=t.toURL(e,{id:a(n.text)}),s[i]={slug:i,title:n.text,body:""};else{if(!i)return;s[i]?s[i].body?s[i].body+="\n"+(n.text||""):s[i].body=n.text:s[i]={slug:i,title:"",body:""}}}),a.clear(),s}function i(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();var i=n.split(/[\s\-\，\\\/]+/);1!==i.length&&(i=[].concat(n,i));for(var r=0;r'+y+"
"}function l(){var e,n=Docsify.dom.find("div.search"),t=Docsify.dom.find(n,"input");Docsify.dom.on(n,"click",function(e){return"A"!==e.target.tagName&&e.stopPropagation()}),Docsify.dom.on(t,"input",function(n){clearTimeout(e),e=setTimeout(function(e){return c(n.target.value.trim())},100)})}function f(e,n){var t=Docsify.dom.getNode('.search input[type="search"]');if(t)if("string"==typeof e)t.placeholder=e;else{var o=Object.keys(e).filter(function(e){return n.indexOf(e)>-1})[0];t.placeholder=e[o]}}function d(e,n){if("string"==typeof e)y=e;else{var t=Object.keys(e).filter(function(e){return n.indexOf(e)>-1})[0];y=e[t]}}function p(e,n){var t=n.router.parse().query.s;a(),s(e,t),l(),t&&setTimeout(function(e){return c(t)},500)}function u(e,n){f(e.placeholder,n.route.path),d(e.noData,n.route.path)}var h,g={},y="",m={placeholder:"Type to search",noData:"No Results!",paths:"auto",depth:2,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,m.depth=o.depth||m.depth);var i="auto"===m.paths;e.mounted(function(e){p(m,n),!i&&r(m,n)}),e.doneEach(function(e){u(m,n),i&&r(m,n)})};$docsify.plugins=[].concat(v,$docsify.plugins)}(); diff --git a/lib/plugins/zoom-image.js b/lib/plugins/zoom-image.js deleted file mode 100644 index c673ea7..0000000 --- a/lib/plugins/zoom-image.js +++ /dev/null @@ -1,26 +0,0 @@ -(function () { -'use strict'; - -/* - * medium-zoom v0.2.0 - * Medium zoom on your images in vanilla JavaScript - * Copyright 2017 Francois Chalifour - * https://github.com/francoischalifour/medium-zoom - * MIT License - */function __$styleInject(a,b){if('undefined'==typeof document){ return b; }a=a||'';var c=document.head||document.getElementsByTagName('head')[0],d=document.createElement('style');return d.type='text/css',c.appendChild(d),d.styleSheet?d.styleSheet.cssText=a:d.appendChild(document.createTextNode(a)),b}function createCommonjsModule(a,b){return b={exports:{}},a(b,b.exports),b.exports}var _extends=Object.assign||function(a){for(var b,c=1;c${text}
` } - return `${text}
` + return result } origin.image = renderer.image = function (href, title, text) { let url = href let attrs = '' - const { str, config } = getAndRemoveConfig(title) + const {str, config} = getAndRemoveConfig(title) title = str if (config['no-zoom']) { @@ -168,20 +286,38 @@ export class Compiler { 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, href) + url = getPath(contentBase, getParentPath(router.getCurrentPath()), href) } 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)
diff --git a/src/core/render/gen-tree.js b/src/core/render/gen-tree.js
index d3f6fa2..81ba4bd 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,7 +13,9 @@ 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 8e51842..fae1bc5 100644
--- a/src/core/render/index.js
+++ b/src/core/render/index.js
@@ -2,50 +2,58 @@ import * as dom from '../util/dom'
import * as tpl from './tpl'
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 } from '../util/env'
-import { isPrimitive } from '../util/core'
-import { scrollActiveSidebar, scroll2Top } from '../event/scroll'
+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'
-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
+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) {
- // TODO: Custom 404 page
- html = 'not found'
+ html = '${content.slice(5).trim()}
` } -export function theme (color) { +export function theme(color) { return `` } diff --git a/src/core/router/history/abstract.js b/src/core/router/history/abstract.js index d608efe..2c0bd95 100644 --- a/src/core/router/history/abstract.js +++ b/src/core/router/history/abstract.js @@ -1,14 +1,13 @@ -import { History } from './base' -import { parseQuery, stringifyQuery, cleanPath } from '../util' -import { merge } from '../../util/core' +import {History} from './base' +import {parseQuery} from '../util' export class AbstractHistory extends History { - constructor (config) { + constructor(config) { super(config) this.mode = 'abstract' } - parse (path) { + parse(path) { let query = '' const queryIndex = path.indexOf('?') @@ -23,17 +22,4 @@ export class AbstractHistory extends History { query: parseQuery(query) } } - - toURL (path, params, currentRoute) { - const local = currentRoute && path[0] === '#' - const route = this.parse(path) - - route.query = merge({}, route.query, params) - path = route.path + stringifyQuery(route.query) - path = path.replace(/\.md(\?)|\.md$/, '$1') - - if (local) path = currentRoute + path - - return cleanPath('/' + path) - } } diff --git a/src/core/router/history/base.js b/src/core/router/history/base.js index 055073b..7ea763d 100644 --- a/src/core/router/history/base.js +++ b/src/core/router/history/base.js @@ -1,43 +1,49 @@ -import { getPath, isAbsolutePath } from '../util' -import { noop } from '../../util/core' +import { + getPath, + isAbsolutePath, + stringifyQuery, + cleanPath, + replaceSlug, + resolvePath +} from '../util' +import {noop, merge} from '../../util/core' const cached = {} -function getAlias (path, alias, last) { +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 + return match ? + getAlias(path.replace(cached[match], alias[match]), alias, path) : + path } -function getFileName (path) { - return /\.(md|html)$/g.test(path) - ? path - : /\/$/g.test(path) ? `${path}README.md` : `${path}.md` +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) { + constructor(config) { this.config = config } - getBasePath () { + getBasePath() { return this.config.basePath } - getFile (path, isRelative) { - path = path || this.getCurrentPath() - - const { config } = this + 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) - path = path === '/README.md' ? config.homepage || path : path + path = getFileName(path, ext) + path = path === `/README${ext}` ? config.homepage || path : path path = isAbsolutePath(path) ? path : getPath(base, path) if (isRelative) { @@ -47,15 +53,34 @@ export class History { return path } - onchange (cb = noop) { + onchange(cb = noop) { cb() } - getCurrentPath () {} + getCurrentPath() {} - normalize () {} + normalize() {} - parse () {} + parse() {} - toURL () {} + 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 index 3785852..2674d5d 100644 --- a/src/core/router/history/hash.js +++ b/src/core/router/history/hash.js @@ -1,31 +1,27 @@ -import { History } from './base' -import { merge, cached, noop } from '../../util/core' -import { on } from '../../util/dom' -import { parseQuery, stringifyQuery, cleanPath } from '../util' +import {History} from './base' +import {noop} from '../../util/core' +import {on} from '../../util/dom' +import {parseQuery, cleanPath, replaceSlug} from '../util' -function replaceHash (path) { +function replaceHash(path) { const i = location.href.indexOf('#') location.replace(location.href.slice(0, i >= 0 ? i : 0) + '#' + path) } -const replaceSlug = cached(path => { - return path.replace('#', '?id=') -}) - export class HashHistory extends History { - constructor (config) { + constructor(config) { super(config) this.mode = 'hash' } - getBasePath () { + getBasePath() { const path = window.location.pathname || '' const base = this.config.basePath return /^(\/|https?:)/g.test(base) ? base : cleanPath(path + '/' + base) } - getCurrentPath () { + getCurrentPath() { // We can't use location.hash here because it's not // consistent across browsers - Firefox will pre-decode it! const href = location.href @@ -33,16 +29,18 @@ export class HashHistory extends History { return index === -1 ? '' : href.slice(index + 1) } - onchange (cb = noop) { + onchange(cb = noop) { on('hashchange', cb) } - normalize () { + normalize() { let path = this.getCurrentPath() path = replaceSlug(path) - if (path.charAt(0) === '/') return replaceHash(path) + if (path.charAt(0) === '/') { + return replaceHash(path) + } replaceHash('/' + path) } @@ -51,7 +49,7 @@ export class HashHistory extends History { * @param {string} [path=location.herf] * @return {object} { path, query } */ - parse (path = location.href) { + parse(path = location.href) { let query = '' const hashIndex = path.indexOf('#') @@ -72,20 +70,7 @@ export class HashHistory extends History { } } - 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.substr(0, idIndex) : currentRoute) + path - } - - return cleanPath('#/' + path) + 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 index 7747a44..04c5391 100644 --- a/src/core/router/history/html5.js +++ b/src/core/router/history/html5.js @@ -1,15 +1,15 @@ -import { History } from './base' -import { merge, noop } from '../../util/core' -import { on } from '../../util/dom' -import { parseQuery, stringifyQuery, getPath, cleanPath } from '../util' +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) { + constructor(config) { super(config) this.mode = 'history' } - getCurrentPath () { + getCurrentPath() { const base = this.getBasePath() let path = window.location.pathname @@ -20,14 +20,14 @@ export class HTML5History extends History { return (path || '/') + window.location.search + window.location.hash } - onchange (cb = noop) { + 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) + window.history.pushState({key: url}, '', url) cb() } }) @@ -40,7 +40,7 @@ export class HTML5History extends History { * @param {string} [path=location.href] * @return {object} { path, query } */ - parse (path = location.href) { + parse(path = location.href) { let query = '' const queryIndex = path.indexOf('?') @@ -62,17 +62,4 @@ export class HTML5History extends History { query: parseQuery(query) } } - - toURL (path, params, currentRoute) { - const local = currentRoute && path[0] === '#' - const route = this.parse(path) - - route.query = merge({}, route.query, params) - path = route.path + stringifyQuery(route.query) - path = path.replace(/\.md(\?)|\.md$/, '$1') - - if (local) path = currentRoute + path - - return cleanPath('/' + path) - } } diff --git a/src/core/router/index.js b/src/core/router/index.js index 8de4d45..943fe6c 100644 --- a/src/core/router/index.js +++ b/src/core/router/index.js @@ -1,21 +1,21 @@ -import { HashHistory } from './history/hash' -import { HTML5History } from './history/html5' -import { supportsPushState } from '../util/env' +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) { +export function routerMixin(proto) { proto.route = {} } let lastRoute = {} -function updateRender (vm) { +function updateRender(vm) { vm.router.normalize() vm.route = vm.router.parse() dom.body.setAttribute('data-page', vm.route.file) } -export function initRouter (vm) { +export function initRouter(vm) { const config = vm.config const mode = config.routerMode || 'hash' let router diff --git a/src/core/router/util.js b/src/core/router/util.js index d3ce9a8..2ed88c5 100644 --- a/src/core/router/util.js +++ b/src/core/router/util.js @@ -1,9 +1,9 @@ -import { cached } from '../util/core' +import {cached} from '../util/core' const decode = decodeURIComponent const encode = encodeURIComponent -export function parseQuery (query) { +export function parseQuery(query) { const res = {} query = query.trim().replace(/^(\?|#|&)/, '') @@ -22,35 +22,55 @@ export function parseQuery (query) { return res } -export function stringifyQuery (obj, ignores = []) { +export function stringifyQuery(obj, ignores = []) { const qs = [] for (const key in obj) { - if (ignores.indexOf(key) > -1) continue + if (ignores.indexOf(key) > -1) { + continue + } qs.push( - obj[key] - ? `${encode(key)}=${encode(obj[key])}`.toLowerCase() - : encode(key) + obj[key] ? + `${encode(key)}=${encode(obj[key])}`.toLowerCase() : + encode(key) ) } return qs.length ? `?${qs.join('&')}` : '' } -export function getPath (...args) { - return cleanPath(args.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] : '' + 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 e3a520b..a94472d 100644 --- a/src/core/util/core.js +++ b/src/core/util/core.js @@ -1,11 +1,12 @@ /** * Create a cached version of a pure function. */ -export function cached (fn) { +export function cached(fn) { const cache = Object.create(null) - return function cachedFn (str) { - const hit = cache[str] - return hit || (cache[str] = fn(str)) + return function (str) { + const key = isPrimitive(str) ? str : JSON.stringify(str) + const hit = cache[key] + return hit || (cache[key] = fn(str)) } } @@ -16,14 +17,14 @@ 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) { - const hasOwn = Object.prototype.hasOwnProperty - for (let i = 1; i < arguments.length; i++) { const from = Object(arguments[i]) @@ -40,18 +41,18 @@ export const merge = /** * 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 4fa60be..388927d 100644 --- a/src/core/util/dom.js +++ b/src/core/util/dom.js @@ -1,4 +1,5 @@ -import { isFn } from '../util/core' +import {isFn} from '../util/core' +import {inBrowser} from './env' const cacheNode = {} @@ -8,22 +9,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 $ = document +export const $ = inBrowser && document -export const body = $.body +export const body = inBrowser && $.body -export const head = $.head +export const head = inBrowser && $.head /** * Find element @@ -31,7 +32,7 @@ export const head = $.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) } @@ -41,34 +42,38 @@ 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) } /** @@ -78,11 +83,10 @@ 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) { +export function style(content) { appendTo(head, create('style', content)) } - diff --git a/src/core/util/env.js b/src/core/util/env.js index a385edd..cd51635 100644 --- a/src/core/util/env.js +++ b/src/core/util/env.js @@ -1,4 +1,4 @@ -export const inBrowser = typeof window !== 'undefined' +export const inBrowser = !process.env.SSR export const isMobile = inBrowser && document.body.clientWidth <= 600 @@ -13,7 +13,7 @@ export const supportsPushState = window.history && window.history.pushState && window.history.replaceState && - // pushState isn’t reliable on iOS until 5. + // PushState isn’t reliable on iOS until 5. !navigator.userAgent.match( /((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/ ) diff --git a/src/core/util/polyfill/css-vars.js b/src/core/util/polyfill/css-vars.js index 96fcb6e..fb3a80a 100644 --- a/src/core/util/polyfill/css-vars.js +++ b/src/core/util/polyfill/css-vars.js @@ -1,7 +1,7 @@ import * as dom from '../dom' -import { get } from '../../fetch/ajax' +import {get} from '../../fetch/ajax' -function replaceVar (block, color) { +function replaceVar(block, color) { block.innerHTML = block.innerHTML.replace( /var\(\s*--theme-color.*?\)/g, color @@ -10,16 +10,20 @@ function replaceVar (block, 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 index 9439535..dba7aef 100644 --- a/src/plugins/disqus.js +++ b/src/plugins/disqus.js @@ -3,7 +3,7 @@ if (fixedPath !== location.href) { location.href = fixedPath } -function install (hook, vm) { +function install(hook, vm) { const dom = Docsify.dom const disqus = vm.config.disqus if (!disqus) { @@ -15,7 +15,7 @@ function install (hook, vm) { script.async = true script.src = `https://${disqus}.disqus.com/embed.js` - script.setAttribute('data-timestamp', +new Date()) + script.setAttribute('data-timestamp', Number(new Date())) dom.appendTo(dom.body, script) }) diff --git a/src/plugins/emoji.js b/src/plugins/emoji.js index be4da54..31f1059 100644 --- a/src/plugins/emoji.js +++ b/src/plugins/emoji.js @@ -887,12 +887,12 @@ const AllGithubEmoji = [ '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 - : '![' +
$1 +
diff --git a/src/plugins/external-script.js b/src/plugins/external-script.js
index 43a8a89..2954030 100644
--- a/src/plugins/external-script.js
+++ b/src/plugins/external-script.js
@@ -1,4 +1,4 @@
-function handleExternalScript () {
+function handleExternalScript() {
const container = Docsify.dom.getNode('#main')
const scripts = Docsify.dom.findAll(container, 'script')
diff --git a/src/plugins/front-matter/index.js b/src/plugins/front-matter/index.js
index b2b0efa..cb90ed9 100644
--- a/src/plugins/front-matter/index.js
+++ b/src/plugins/front-matter/index.js
@@ -2,9 +2,9 @@ import parser from './parser'
const install = function (hook, vm) {
hook.beforeEach(content => {
- const { attributes, body } = parser(content)
+ const {attributes, body} = parser(content)
- Docsify.util.merge(vm.config, attributes.config)
+ vm.frontmatter = attributes
return body
})
diff --git a/src/plugins/ga.js b/src/plugins/ga.js
index 2d87b4a..2d6419b 100644
--- a/src/plugins/ga.js
+++ b/src/plugins/ga.js
@@ -1,23 +1,23 @@
// 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) {
+function init(id) {
appendScript()
window.ga =
window.ga ||
function () {
- ;(window.ga.q = window.ga.q || []).push(arguments)
+ (window.ga.q = window.ga.q || []).push(arguments)
}
window.ga.l = Number(new Date())
window.ga('create', id, 'auto')
}
-function collect () {
+function collect() {
if (!window.ga) {
init($docsify.ga)
}
diff --git a/src/plugins/gitalk.js b/src/plugins/gitalk.js
index f91e21d..8ba9ace 100644
--- a/src/plugins/gitalk.js
+++ b/src/plugins/gitalk.js
@@ -1,4 +1,4 @@
-function install (hook, vm) {
+function install(hook) {
const dom = Docsify.dom
hook.mounted(_ => {
@@ -7,10 +7,16 @@ function install (hook, vm) {
const main = dom.getNode('#main')
div.style = `width: ${main.clientWidth}px; margin: 0 auto 20px;`
dom.appendTo(dom.find('.content'), div)
- const script = dom.create('script')
- const content = `gitalk.render('gitalk-container')`
- script.textContent = content
- dom.appendTo(dom.body, script)
+ })
+
+ hook.doneEach(_ => {
+ const el = document.getElementById('gitalk-container')
+ while (el.hasChildNodes()) {
+ el.removeChild(el.firstChild)
+ }
+
+ // eslint-disable-next-line
+ gitalk.render('gitalk-container')
})
}
diff --git a/src/plugins/matomo.js b/src/plugins/matomo.js
new file mode 100644
index 0000000..7b61cba
--- /dev/null
+++ b/src/plugins/matomo.js
@@ -0,0 +1,37 @@
+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 abc12de..42b0d19 100644
--- a/src/plugins/search/component.js
+++ b/src/plugins/search/component.js
@@ -1,8 +1,9 @@
-import { search } from './search'
+import {search} from './search'
let NO_DATA_TEXT = ''
+let options
-function style () {
+function style() {
const code = `
.sidebar {
padding-top: 0;
@@ -14,6 +15,11 @@ function style () {
border-bottom: 1px solid #eee;
}
+.search .input-wrap {
+ display: flex;
+ align-items: center;
+}
+
.search .results-panel {
display: none;
}
@@ -26,13 +32,31 @@ function style () {
outline: none;
border: none;
width: 100%;
- padding: 7px;
- line-height: 22px;
+ padding: 0 7px;
+ line-height: 36px;
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;
@@ -63,16 +87,29 @@ function style () {
.search p.empty {
text-align: center;
+}
+
+.app-name.hide, .sidebar-nav.hide {
+ display: none;
}`
Docsify.dom.style(code)
}
-function tpl (opts, defaultValue = '') {
+function tpl(defaultValue = '') {
const html =
- `<input type=](https://assets-cdn.github.com/images/icons/emoji/' +
+ return AllGithubEmoji.indexOf($1) === -1 ?
+ match :
+ '<img class=){kind=icon}
` +
- '' +
- ''
+ `${post.content}
@@ -102,12 +148,18 @@ function doSearch (value) { }) $panel.classList.add('show') + $clearBtn.classList.add('show') $panel.innerHTML = html || `${NO_DATA_TEXT}
` + if (options.hideOtherSidebarContent) { + $sidebarNav.classList.add('hide') + $appName.classList.add('hide') + } } -function bindEvents () { +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 @@ -120,12 +172,21 @@ function bindEvents () { 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) { +function updatePlaceholder(text, path) { const $input = Docsify.dom.getNode('.search input[type="search"]') - if (!$input) return + if (!$input) { + return + } if (typeof text === 'string') { $input.placeholder = text } else { @@ -134,7 +195,7 @@ function updatePlaceholder (text, path) { } } -function updateNoData (text, path) { +function updateNoData(text, path) { if (typeof text === 'string') { NO_DATA_TEXT = text } else { @@ -143,16 +204,22 @@ function updateNoData (text, path) { } } -export function init (opts, vm) { +function updateOptions(opts) { + options = opts +} + +export function init(opts, vm) { const keywords = vm.router.parse().query.s + updateOptions(opts) style() - tpl(opts, keywords) + tpl(keywords) bindEvents() keywords && setTimeout(_ => doSearch(keywords), 500) } -export function update (opts, vm) { +export function update(opts, vm) { + updateOptions(opts) 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 66e5fba..bbd3af6 100644 --- a/src/plugins/search/index.js +++ b/src/plugins/search/index.js @@ -1,16 +1,18 @@ -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 + maxAge: 86400000, // 1 day + hideOtherSidebarContent: false, + namespace: undefined } const install = function (hook, vm) { - const { util } = Docsify + const {util} = Docsify const opts = vm.config.search || CONFIG if (Array.isArray(opts)) { @@ -21,6 +23,8 @@ const install = function (hook, vm) { 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' diff --git a/src/plugins/search/search.js b/src/plugins/search/search.js index 7ecf21a..2c9febf 100644 --- a/src/plugins/search/search.js +++ b/src/plugins/search/search.js @@ -1,7 +1,18 @@ let INDEXS = {} -let helper -function escapeHtml (string) { +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) { const entityMap = { '&': '&', '<': '<', @@ -11,34 +22,35 @@ function escapeHtml (string) { '/': '/' } - return String(string).replace(/[&<>"'\/]/g, s => entityMap[s]) + return String(string).replace(/[&<>"'/]/g, s => entityMap[s]) } -function getAllPaths (router) { +function getAllPaths(router) { const paths = [] - helper.dom.findAll('a:not([data-nosearch])') - .map(node => { - const href = node.href - const originHref = node.getAttribute('href') - const path = router.parse(href).path + 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 - if (path && - paths.indexOf(path) === -1 && - !Docsify.util.isAbsolutePath(originHref)) { - paths.push(path) - } - }) + if ( + path && + paths.indexOf(path) === -1 && + !Docsify.util.isAbsolutePath(originHref) + ) { + paths.push(path) + } + }) return paths } -function saveData (maxAge) { - localStorage.setItem('docsify.search.expires', Date.now() + maxAge) - localStorage.setItem('docsify.search.index', JSON.stringify(INDEXS)) +function saveData(maxAge, expireKey, indexKey) { + localStorage.setItem(expireKey, Date.now() + maxAge) + localStorage.setItem(indexKey, JSON.stringify(INDEXS)) } -export function genIndex (path, content = '', router, depth) { +export function genIndex(path, content = '', router, depth) { const tokens = window.marked.lexer(content) const slugify = window.Docsify.slugify const index = {} @@ -46,18 +58,18 @@ export function genIndex (path, content = '', router, depth) { 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: '' } + slug = router.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: '' } + index[slug] = {slug, title: '', body: ''} + } else if (index[slug].body) { + index[slug].body += '\n' + (token.text || '') } else { - if (index[slug].body) { - index[slug].body += '\n' + (token.text || '') - } else { - index[slug].body = token.text - } + index[slug].body = token.text } } }) @@ -69,7 +81,7 @@ export function genIndex (path, content = '', router, depth) { * @param {String} query * @returns {Array} */ -export function search (query) { +export function search(query) { const matchingResults = [] let data = [] Object.keys(INDEXS).forEach(key => { @@ -77,33 +89,37 @@ export function search (query) { }) query = query.trim() - let keywords = query.split(/[\s\-\，\\/]+/) + let keywords = query.split(/[\s\-，\\/]+/) if (keywords.length !== 1) { keywords = [].concat(query, keywords) } for (let i = 0; i < data.length; i++) { const post = data[i] - let isMatch = false + let matchesScore = 0 let resultStr = '' const postTitle = post.title && post.title.trim() const postContent = post.body && post.body.trim() const postUrl = post.slug || '' - if (postTitle && postContent) { - keywords.forEach((keyword, i) => { - const regEx = new RegExp(keyword, 'gi') + if (postTitle) { + keywords.forEach( keyword => { + // From https://github.com/sindresorhus/escape-string-regexp + const regEx = new RegExp( + keyword.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&'), + 'gi' + ); let indexTitle = -1 let indexContent = -1 - indexTitle = postTitle && postTitle.search(regEx) - indexContent = postContent && postContent.search(regEx) + indexTitle = postTitle ? postTitle.search(regEx) : -1 + indexContent = postContent ? postContent.search(regEx) : -1 - if (indexTitle < 0 && indexContent < 0) { - isMatch = false - } else { - isMatch = true - if (indexContent < 0) indexContent = 0 + if (indexTitle >= 0 || indexContent >= 0) { + matchesScore += indexTitle >= 0 ? 3 : indexContent >= 0 ? 2 : 0; + if (indexContent < 0) { + indexContent = 0 + } let start = 0 let end = 0 @@ -111,23 +127,27 @@ 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 (isMatch) { + if (matchesScore > 0) { const matchingPost = { title: escapeHtml(postTitle), - content: resultStr, - url: postUrl + content: postContent ? resultStr : '', + url: postUrl, + score: matchesScore } matchingResults.push(matchingPost) @@ -135,16 +155,18 @@ export function search (query) { } } - return matchingResults + return matchingResults.sort((r1, r2) => r2.score - r1.score); } -export function init (config, vm) { - helper = Docsify - +export function init(config, vm) { const isAuto = config.paths === 'auto' - const isExpired = localStorage.getItem('docsify.search.expires') < Date.now() - INDEXS = JSON.parse(localStorage.getItem('docsify.search.index')) + const expireKey = resolveExpireKey(config.namespace) + const indexKey = resolveIndexKey(config.namespace) + + const isExpired = localStorage.getItem(expireKey) < Date.now() + + INDEXS = JSON.parse(localStorage.getItem(indexKey)) if (isExpired) { INDEXS = {} @@ -157,14 +179,15 @@ export function init (config, vm) { let count = 0 paths.forEach(path => { - if (INDEXS[path]) return count++ + if (INDEXS[path]) { + return count++ + } - helper - .get(vm.router.getFile(path)) + Docsify + .get(vm.router.getFile(path), false, vm.config.requestHeaders) .then(result => { INDEXS[path] = genIndex(path, result, vm.router, config.depth) - len === ++count && saveData(config.maxAge) + len === ++count && saveData(config.maxAge, expireKey, indexKey) }) }) } - diff --git a/src/plugins/zoom-image.js b/src/plugins/zoom-image.js index 6f3b94c..faf92e1 100644 --- a/src/plugins/zoom-image.js +++ b/src/plugins/zoom-image.js @@ -1,14 +1,20 @@ import mediumZoom from 'medium-zoom' -function install (hook) { +const matchesSelector = Element.prototype.matches || Element.prototype.webkitMatchesSelector || Element.prototype.msMatchesSelector + +function install(hook) { let zoom hook.doneEach(_ => { + let elms = Array.apply(null, document.querySelectorAll('.markdown-section img:not(.emoji):not([data-no-zoom])')) + + elms = elms.filter(elm => matchesSelector.call(elm, 'a img') === false) + if (zoom) { zoom.detach() } - zoom = mediumZoom('img:not(.emoji):not([data-no-zoom])') + zoom = mediumZoom(elms) }) } diff --git a/src/themes/basic/_coverpage.css b/src/themes/basic/_coverpage.css deleted file mode 100644 index c4d3dac..0000000 --- a/src/themes/basic/_coverpage.css +++ /dev/null @@ -1,113 +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; - 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: 0.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: 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-right: 1rem; - padding: 0.75em 2rem; - 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: 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/_coverpage.styl b/src/themes/basic/_coverpage.styl new file mode 100644 index 0000000..0014932 --- /dev/null +++ b/src/themes/basic/_coverpage.styl @@ -0,0 +1,95 @@ +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 deleted file mode 100644 index dec39eb..0000000 --- a/src/themes/basic/_layout.css +++ /dev/null @@ -1,558 +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; -} - -.task-list-item { - list-style-type: none; -} - -li input[type=checkbox] { - margin: 0 0.2em 0.25em -1.6em; - vertical-align: middle; -} - -/* navbar */ -.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 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: scroll; - 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; - size: 100vw 100%; - z-index: 0; -} - -.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 0 * 0 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; - } - - 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, 0.8); - border: 0; - outline: none; - outline: none; - padding: 10px; - position: absolute * * 0 0; - text-align: center; - transition: opacity 0.3s; - width: 30px; - width: calc($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; - size: 16px 2px; - } -} - -body.sticky { - .sidebar, - .sidebar-toggle { - position: fixed; - } -} - -/* main content */ -.content { - padding-top: 60px; - 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: 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 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; - 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: 1rem; -} - -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: calc($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/basic/_layout.styl b/src/themes/basic/_layout.styl new file mode 100644 index 0000000..387fd79 --- /dev/null +++ b/src/themes/basic/_layout.styl @@ -0,0 +1,470 @@ +* + -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 deleted file mode 100644 index c27c094..0000000 --- a/src/themes/buble.css +++ /dev/null @@ -1,241 +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 1rem; - } - - 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; -} - -/* 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/buble.styl b/src/themes/buble.styl new file mode 100644 index 0000000..53fbc15 --- /dev/null +++ b/src/themes/buble.styl @@ -0,0 +1,173 @@ +@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 deleted file mode 100644 index 0301271..0000000 --- a/src/themes/dark.css +++ /dev/null @@ -1,300 +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; - } - - 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/dark.styl b/src/themes/dark.styl new file mode 100644 index 0000000..02ca630 --- /dev/null +++ b/src/themes/dark.styl @@ -0,0 +1,225 @@ +@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 new file mode 100644 index 0000000..f5ea286 --- /dev/null +++ b/src/themes/dolphin.styl @@ -0,0 +1,228 @@ +@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 deleted file mode 100644 index 503b412..0000000 --- a/src/themes/pure.css +++ /dev/null @@ -1,6 +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/pure.styl b/src/themes/pure.styl new file mode 100644 index 0000000..37d0b76 --- /dev/null +++ b/src/themes/pure.styl @@ -0,0 +1,7 @@ +$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 deleted file mode 100644 index e7ce2eb..0000000 --- a/src/themes/vue.css +++ /dev/null @@ -1,299 +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 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 { - 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 { - 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/vue.styl b/src/themes/vue.styl new file mode 100644 index 0000000..98c416e --- /dev/null +++ b/src/themes/vue.styl @@ -0,0 +1,225 @@ +@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 new file mode 100644 index 0000000..4b4abce --- /dev/null +++ b/test/_helper.js @@ -0,0 +1,87 @@ +// 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 new file mode 100644 index 0000000..0f3fd46 --- /dev/null +++ b/test/fixtures/simple/README.md @@ -0,0 +1,18 @@ +# 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 new file mode 100644 index 0000000..4bc6e98 --- /dev/null +++ b/test/fixtures/simple/other-page.md @@ -0,0 +1,16 @@ +# 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 new file mode 100644 index 0000000..7b2b253 --- /dev/null +++ b/test/integration/render.js @@ -0,0 +1,14 @@ +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 new file mode 100644 index 0000000..b87e802 --- /dev/null +++ b/test/integration/router.js @@ -0,0 +1,14 @@ +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 new file mode 100644 index 0000000..036700b --- /dev/null +++ b/test/unit/base.js @@ -0,0 +1,62 @@ +/* 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 new file mode 100644 index 0000000..25043cf --- /dev/null +++ b/test/unit/render.js @@ -0,0 +1,89 @@ +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
+