Get content list "plugin" working

Maybe this should be a bit-docs-* plugin

Author: Manuel Mujica

package.json

@@ -21,5 +21,8 @@
   "homepage": "https://github.com/bit-docs/bit-docs-docjs-theme#readme",
   "devDependencies": {
     "bit-docs-generate-html": "^0.3.3"
+  },
+  "dependencies": {
+    "jquery": "^3.1.1"
   }
 }

static/docjs.js

@@ -1 +1,69 @@
+var $ = require("jquery");
+
 require("./styles/styles.less");
+
+$(function() {
+	var sections = [];
+	var $element = $(".contents");
+
+	collectSignatures().each(function(ix) {
+		var $h2 = $(this).find("h2");
+		var id = "sig_" + $h2.text().replace(/\s/g, "").replace(/[^\w]/g, "_");
+
+		$(this).attr("id", "id");
+		sections.push({ id: id, text: $h2.text() });
+	});
+
+	collectHeadings().each(function(ix) {
+		var $el = $(this);
+		var id = "section_" + $el.text().replace(/\s/g, "").replace(/[^\w]/g, "_");
+
+		$el.attr("id", id).prepend(anchorTemplate({ id: id }));
+		sections.push({ id: id, text: $el.text() });
+	});
+
+	$element.html(contentListTemplate({ sections: sections }));
+
+	if (window.location.hash.length) {
+		var id = window.location.hash.replace("#", "");
+		var anchor = document.getElementById(id);
+
+		if (anchor) anchor.scrollIntoView(true);
+	}
+});
+
+function collectSignatures() {
+	var cloned = $(".content .signature").clone();
+	// remove release numbers
+	cloned.find(".release").remove();
+	return cloned;
+}
+
+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>'
+	);
+}
+
+function contentListTemplate(ctx) {
+	var sections = ctx.sections || [];
+
+	var items = sections.map(function(section) {
+		var text = section.text;
+		var id = encodeURIComponent(section.id);
+
+		return '<li><a href="#' + id + '">' + text + '</a></li>';
+	});
+
+	return '<ul>' + items.join('') + '</li>';
+}