- ');
+ isToc = true;
+ }
+
+ renderTo('aside.sidebar', content);
+ isToc ? scrollActiveSidebar() : activeLink('aside.sidebar', true);
+}
-Docsify.prototype.render = function render$1 (content) {
- this.dom[this.replace ? 'outerHTML' : 'innerHTML'] = render(content, this.opts);
+var OPTIONS = {
+ el: '#app',
+ repo: '',
+ maxLevel: 6,
+ sidebar: '',
+ loadSidebar: null,
+ loadNavbar: null
};
+var script = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop();
-Docsify.prototype.activeNav = function activeNav (elm, activeParentNode) {
- var host = document.location.origin + document.location.pathname;[].slice.call(elm.querySelectorAll('a')).forEach(function (node) {
- if (node.href === host) {
- activeParentNode
- ? node.parentNode.setAttribute('class', 'active')
- : node.setAttribute('class', 'active');
- }
- });
+// load configuration for script attribute
+if (script) {
+ for (var prop in OPTIONS) {
+ var val = script.getAttribute('data-' + camel2kebab(prop));
+ OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : true;
+ }
+ if (OPTIONS.loadSidebar === true) { OPTIONS.loadSidebar = '_sidebar.md'; }
+ if (OPTIONS.loadNavbar === true) { OPTIONS.loadNavbar = '_navbar.md'; }
+ if (OPTIONS.sidebar) { OPTIONS.sidebar = window[OPTIONS.sidebar]; }
+}
+
+var Docsify = function () {
+ var dom = document.querySelector(OPTIONS.el) || document.body;
+ var replace = dom !== document.body;
+ var loc = document.location.pathname;
+
+ if (/\/$/.test(loc)) { loc += 'README'; }
+
+ // Render app
+ renderApp(dom, replace, OPTIONS);
+
+ // Render markdown file
+ load((loc + ".md"))
+ .then(renderArticle, function (_) { return renderArticle(); });
+
+ // Render sidebar
+ if (OPTIONS.loadSidebar) {
+ load(OPTIONS.loadSidebar)
+ .then(function (content) { return renderSidebar(content, OPTIONS); });
+ }
+
+ // Render navbar
+ if (OPTIONS.loadNavbar) {
+ load(OPTIONS.loadNavbar)
+ .then(function (content) { return renderNavbar(content, OPTIONS); });
+ }
};
-window.addEventListener('load', function () {
- if (Docsify.installed) { return }
- new Docsify();
-});
+var index = Docsify();
-return Docsify;
+return index;
-})));
+}());
diff --git a/lib/docsify.min.js b/lib/docsify.min.js
index c430f891b..4335829cb 100644
--- a/lib/docsify.min.js
+++ b/lib/docsify.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.Docsify=t()}(this,function(){"use strict";function e(e,t){return t={exports:{}},e(t,t.exports),t.exports}function t(e){function t(){for(var e=0,t=r.length;e
- "+e+" \n"},i.prototype.paragraph=function(e){return"
- '+e.title+" ",e.children&&(t+='
- '+o(e.children)+"
"+a(e.message+"",!0)+"";throw e}}var h={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:u,hr:/^( *[-*_]){3,} *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,nptable:u,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:u,paragraph:/^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,text:/^[^\n]+/};h.bullet=/(?:[*+-]|\d+\.)/,h.item=/^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/,h.item=l(h.item,"gm")(/bull/g,h.bullet)(),h.list=l(h.list)(/bull/g,h.bullet)("hr","\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))")("def","\\n+(?="+h.def.source+")")(),h.blockquote=l(h.blockquote)("def",h.def)(),h._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",h.html=l(h.html)("comment",//)("closed",/<(tag)[\s\S]+?<\/\1>/)("closing",/
'+(n?e:a(e,!0))+"\n"+(n?e:a(e,!0))+"\n\n"+e+"\n"},i.prototype.html=function(e){return e},i.prototype.heading=function(e,t,n){return"
\n":"
\n"},i.prototype.list=function(e,t){var n=t?"ol":"ul";return"<"+n+">\n"+e+"\n"},i.prototype.listitem=function(e){return"
"+e+"
\n"},i.prototype.table=function(e,t){return""+e+""},i.prototype.br=function(){return this.options.xhtml?"":"
"},i.prototype.del=function(e){return"
- ")},u='\n \n \n \n',c=[],p=new i.Renderer;p.heading=function(e,t){var n=e.replace(/<(?:.|\n)*?>/gm,"").toLowerCase().replace(/[\s\n\t]+/g,"-");return c.push({level:t,slug:"#"+n,title:e}),"
- '+e.title+" ",e.children&&(t+='
- '+o(e.children)+"
'+n+"- "),r=!0),b("aside.sidebar",e),r?l():u("aside.sidebar",!0)}var d="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},f=i(function(e,t){(function(){function n(e){this.tokens=[],this.tokens.links={},this.options=e||p.defaults,this.rules=g.normal,this.options.gfm&&(this.options.tables?this.rules=g.tables:this.rules=g.gfm)}function r(e,t){if(this.options=t||p.defaults,this.links=e,this.rules=h.normal,this.renderer=this.options.renderer||new i,this.renderer.options=this.options,!this.links)throw new Error("Tokens array requires a `links` property.");this.options.gfm?this.options.breaks?this.rules=h.breaks:this.rules=h.gfm:this.options.pedantic&&(this.rules=h.pedantic)}function i(e){this.options=e||{}}function a(e){this.tokens=[],this.token=null,this.options=e||p.defaults,this.options.renderer=this.options.renderer||new i,this.renderer=this.options.renderer,this.renderer.options=this.options}function s(e,t){return e.replace(t?/&/g:/&(?!#?\w+;)/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")}function o(e){return e.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/g,function(e,t){return t=t.toLowerCase(),"colon"===t?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""})}function l(e,t){return e=e.source,t=t||"",function n(r,i){return r?(i=i.source||i,i=i.replace(/(^|[^\[])\^/g,"$1"),e=e.replace(r,i),n):new RegExp(e,t)}}function u(){}function c(e){for(var t,n,r=arguments,i=1;i
- "+e+" \n"},i.prototype.paragraph=function(e){return"
- ${node.title} ` - if (node.children) { - tpl += `
- ${buildHeadlinesTree(node.children)}
"+s(e.message+"",!0)+"";throw e}}var g={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:u,hr:/^( *[-*_]){3,} *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,nptable:u,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:u,paragraph:/^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,text:/^[^\n]+/};g.bullet=/(?:[*+-]|\d+\.)/,g.item=/^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/,g.item=l(g.item,"gm")(/bull/g,g.bullet)(),g.list=l(g.list)(/bull/g,g.bullet)("hr","\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))")("def","\\n+(?="+g.def.source+")")(),g.blockquote=l(g.blockquote)("def",g.def)(),g._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",g.html=l(g.html)("comment",//)("closed",/<(tag)[\s\S]+?<\/\1>/)("closing",/
'+(n?e:s(e,!0))+"\n"+(n?e:s(e,!0))+"\n\n"+e+"\n"},i.prototype.html=function(e){return e},i.prototype.heading=function(e,t,n){return"
\n":"
\n"},i.prototype.list=function(e,t){var n=t?"ol":"ul";return"<"+n+">\n"+e+"\n"},i.prototype.listitem=function(e){return"
"+e+"
\n"},i.prototype.table=function(e,t){return""+e+""},i.prototype.br=function(){return this.options.xhtml?"":"
"},i.prototype.del=function(e){return"
'+n+"- ')
-}
diff --git a/src/index.js b/src/index.js
index 76bc696f5..902a1ffa3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,81 +1,52 @@
-import ajax from './ajax'
-import render from './render'
-import bindEvent from './bind-event'
+import { load, camel2kebab, isNil } from './util'
+import * as render from './render'
-const DEFAULT_OPTS = {
+const OPTIONS = {
el: '#app',
repo: '',
- 'max-level': 6,
- sidebar: ''
+ maxLevel: 6,
+ sidebar: '',
+ loadSidebar: null,
+ loadNavbar: null
}
-
const script = document.currentScript || [].slice.call(document.getElementsByTagName('script')).pop()
+// load configuration for script attribute
if (script) {
- for (const prop in DEFAULT_OPTS) {
- DEFAULT_OPTS[prop] = script.getAttribute('data-' + prop) || DEFAULT_OPTS[prop]
+ for (const prop in OPTIONS) {
+ const val = script.getAttribute('data-' + camel2kebab(prop))
+ OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : true
}
+ if (OPTIONS.loadSidebar === true) OPTIONS.loadSidebar = '_sidebar.md'
+ if (OPTIONS.loadNavbar === true) OPTIONS.loadNavbar = '_navbar.md'
+ if (OPTIONS.sidebar) OPTIONS.sidebar = window[OPTIONS.sidebar]
}
-class Docsify {
- constructor (opts) {
- Docsify.installed = true
-
- this.opts = Object.assign({}, opts, DEFAULT_OPTS)
- this.replace = true
- this.dom = document.querySelector(this.opts.el)
- if (!this.dom) {
- this.dom = document.body
- this.replace = false
- }
- if (this.opts.sidebar) this.opts.sidebar = window[this.opts.sidebar]
+const Docsify = function () {
+ const dom = document.querySelector(OPTIONS.el) || document.body
+ const replace = dom !== document.body
+ let loc = document.location.pathname
- this.loc = document.location.pathname
- if (/\/$/.test(this.loc)) this.loc += 'README'
+ if (/\/$/.test(loc)) loc += 'README'
- this.load()
+ // Render app
+ render.renderApp(dom, replace, OPTIONS)
- const nav = document.querySelector('nav')
- if (nav) this.activeNav(nav)
- }
+ // Render markdown file
+ load(`${loc}.md`)
+ .then(render.renderArticle, _ => render.renderArticle())
- load () {
- ajax(`${this.loc}.md`)
- .then(res => {
- const target = res.target
- if (target.status >= 400) {
- this.render('not found')
- } else {
- this.render(res.target.response)
- bindEvent(!!this.opts.sidebar)
- if (this.opts.sidebar) {
- this.activeNav(document.querySelector('aside.sidebar'), true)
- }
- }
- })
- .catch(_ => this.render('not found'))
+ // Render sidebar
+ if (OPTIONS.loadSidebar) {
+ load(OPTIONS.loadSidebar)
+ .then(content => render.renderSidebar(content, OPTIONS))
}
- render (content) {
- this.dom[this.replace ? 'outerHTML' : 'innerHTML'] = render(content, this.opts)
- }
-
- activeNav (elm, activeParentNode) {
- const host = document.location.origin + document.location.pathname
-
- ;[].slice.call(elm.querySelectorAll('a')).forEach(node => {
- if (node.href === host) {
- activeParentNode
- ? node.parentNode.setAttribute('class', 'active')
- : node.setAttribute('class', 'active')
- }
- })
+ // Render navbar
+ if (OPTIONS.loadNavbar) {
+ load(OPTIONS.loadNavbar)
+ .then(content => render.renderNavbar(content, OPTIONS))
}
}
-window.addEventListener('load', () => {
- if (Docsify.installed) return
- new Docsify()
-})
-
-export default Docsify
+export default Docsify()
diff --git a/src/render.js b/src/render.js
index df4e4f931..c812641ad 100644
--- a/src/render.js
+++ b/src/render.js
@@ -1,16 +1,15 @@
import marked from 'marked'
import Prism from 'prismjs'
-import genToc from './gen-toc'
-
-const cornerTpl = `
-
-
-
-`
+import * as tpl from './tpl'
+import { activeLink, scrollActiveSidebar } from './event'
+import { genTree } from './util'
+
+const renderTo = function (dom, content) {
+ dom = typeof dom === 'object' ? dom : document.querySelector(dom)
+ dom.innerHTML = content
+
+ return dom
+}
const toc = []
const renderer = new marked.Renderer()
@@ -19,13 +18,12 @@ const renderer = new marked.Renderer()
* @link https://github.com/chjj/marked#overriding-renderer-methods
*/
renderer.heading = function (text, level) {
- const slug = text.replace(/<(?:.|\n)*?>/gm, '').toLowerCase().replace(/[\s\n\t]+/g, '-')
+ const slug = text.toLowerCase().replace(/<(?:.|\n)*?>/gm, '').replace(/[\s\n\t]+/g, '-')
toc.push({ level, slug: '#' + slug, title: text })
return `
- ${node.title} ` + if (node.children) { + tpl += `
- ${tree(node.children)}
- ')
+ } else {
+ content = tpl.tree(genTree(toc, OPTIONS.maxLevel), '
- ')
+ isToc = true
+ }
- return `${corner}