bump 0.6.0

Author: QingWei-Li

lib/docsify.js

@@ -2178,6 +2178,7 @@ Prism.languages.js = Prism.languages.javascript;
 function corner (data) {
   if (!data) { return '' }
   if (!/\/\//.test(data)) { data = 'https://github.com/' + data; }
+  data = data.replace(/^git\+/, '');
 
   return ("\n  <a href=\"" + data + "\" class=\"github-corner\" aria-label=\"View source on Github\">\n    <svg viewBox=\"0 0 250 250\" aria-hidden=\"true\">\n      <path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path>\n      <path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path>\n      <path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path>\n    </svg>\n  </a>")
 }
@@ -2190,6 +2191,11 @@ function main () {
   return "<main>\n    <aside class=\"sidebar\"></aside>\n    <section class=\"content\">\n      <article class=\"markdown-section\"></article>\n    </section>\n  </main>"
 }
 
+function toggle (bool) {
+  if (!bool) { return '' }
+  return "<button class=\"sidebar-toggle\">\n    <span></span><span></span><span></span>\n  </button>"
+}
+
 /**
  * Render tree
  * @param  {Array} tree
@@ -2283,6 +2289,17 @@ function activeLink (dom, activeParent) {
   });
 }
 
+/**
+ * sidebar toggle
+ */
+function bindToggle (dom) {
+  dom = typeof dom === 'object' ? dom : document.querySelector(dom);
+  if (!dom) { return }
+  var main = document.querySelector('main');
+
+  dom.addEventListener('click', function () { return main.classList.toggle('close'); });
+}
+
 var renderTo = function (dom, content) {
   dom = typeof dom === 'object' ? dom : document.querySelector(dom);
   dom.innerHTML = content;
@@ -2319,19 +2336,22 @@ marked.setOptions({ renderer: renderer });
 function renderApp (dom, replace, opts) {
   var nav = document.querySelector('nav') || document.createElement('nav');
 
-  dom[replace ? 'outerHTML' : 'innerHTML'] = corner(opts.repo) + main();
+  dom[replace ? 'outerHTML' : 'innerHTML'] = toggle(opts.sidebarToggle) + corner(opts.repo) + main();
   document.body.insertBefore(nav, document.body.children[0]);
+
+  // bind toggle
+  bindToggle('button.sidebar-toggle');
 }
 
 /**
  * article
  */
-function renderArticle (content) {
+function renderArticle (content, OPTIONS) {
   if ( content === void 0 ) content = 'not found';
 
   renderTo('article', marked(content));
-  if (!renderSidebar.rendered) { renderSidebar(null); }
-  if (!renderNavbar.rendered) { renderNavbar(null); }
+  if (!renderSidebar.rendered) { renderSidebar(null, OPTIONS); }
+  if (!renderNavbar.rendered) { renderNavbar(null, OPTIONS); }
 }
 
 /**
@@ -2374,6 +2394,7 @@ var OPTIONS = {
   repo: '',
   maxLevel: 6,
   sidebar: '',
+  sidebarToggle: false,
   loadSidebar: null,
   loadNavbar: null
 };
@@ -2383,7 +2404,7 @@ var script = document.currentScript || [].slice.call(document.getElementsByTagNa
 if (script) {
   for (var prop in OPTIONS) {
     var val = script.getAttribute('data-' + camel2kebab(prop));
-    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : true;
+    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (val || true);
   }
   if (OPTIONS.loadSidebar === true) { OPTIONS.loadSidebar = '_sidebar.md'; }
   if (OPTIONS.loadNavbar === true) { OPTIONS.loadNavbar = '_navbar.md'; }
@@ -2402,7 +2423,8 @@ var Docsify = function () {
 
   // Render markdown file
   load((loc + ".md"))
-    .then(renderArticle, function (_) { return renderArticle(); });
+    .then(function (content) { return renderArticle(content, OPTIONS); },
+      function (_) { return renderArticle(null, OPTIONS); });
 
   // Render sidebar
   if (OPTIONS.loadSidebar) {