Merge pull request #4 from bit-docs/pretty-anchors

Implement current Steal website pretty anchors

Author: Manuel Mujica

package.json

@@ -27,5 +27,8 @@
   "devDependencies": {
     "bit-docs-generate-html": "^0.3.3",
     "bit-docs-html-toc": "^0.2.1"
+  },
+  "dependencies": {
+    "jquery": "^3.1.1"
   }
 }

static/docjs.js

@@ -1 +1,33 @@
+var $ = require("jquery");
+
 require("./styles/styles.less");
+
+$(function() {
+	collectHeadings().each(function() {
+		var $el = $(this);
+		var id = $el.attr("id");
+
+		if (!id) {
+			id = "section_" + $el.text().replace(/\s/g, "").replace(/[^\w]/g, "_");
+			$el.attr("id", id);
+		}
+
+		$el.prepend(anchorTemplate({ id: id }));
+	});
+
+	function collectHeadings() {
+		return $(".content .comment h2, .content .comment h3");
+	}
+
+	function anchorTemplate(ctx) {
+		var id = encodeURIComponent(ctx.id);
+
+		return (
+			'<a class="anchor" href="#' + id + '" aria-hidden="true">' +
+				'<svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16">' +
+					'<path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path>' +
+				'</svg>' +
+			'</a>'
+		);
+	}
+});