Display add-on docs using marked

_docs/api/addons.html

@@ -0,0 +1,66 @@
+---
+layout: default
+---
+
+<header id="docs-header"></header>
+
+<article class="docs-content" id="docs-content"></article>
+
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/es6-promise/dist/es6-promise.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/unfetch/dist/unfetch.umd.js"></script>
+
+<script>
+    var header = document.getElementById('docs-header');
+    var content = document.getElementById('docs-content');
+
+    var params={};
+    window.location.search
+    .replace(/[?&]+([^=&]+)=([^&]*)/gi, function(s, k, v) { 
+      params[key] = decodeURIComponent(value);
+    });
+
+    if (!params.repo) {
+      window.alert('Error: url query is missing repo name');
+    }
+
+    params.page = params.page || 'docs/README.md';
+    var url = 'https://cdn.jsdelivr.net/gh/xtermjs/'
+      + params.repo + '/' + params.page;
+
+    if (!window.Promise) {
+      window.Promise = ES6Promise;
+    } 
+    if (!window.fetch) {
+      window.fetch = unfetch;
+    }
+
+    fetch(url)
+    .then(function (response) {
+      return response.text();
+    })
+    .then(function (body) {
+      content.innerHTML = marked(body);
+      document.title = content.getElementsByTagName('h1')[0].innerHTML;
+      header.innerHTML = '<h1><a href="' + location + '">'
+                       + document.title
+                       + '</a></h1>';
+      var anchors = content.getElementsByTagName('a');
+      for (var href, i = 0; i < anchors.length; i++) {
+        anchors[i].addEventListener('click', onClick);
+      }
+    })
+    .catch(function (error) {
+      content.innerHTML = '<p>Oops! There was a problem rendering the page.</p>'
+                        + '<p>' + error.message + '</p>';
+    });
+
+    function onClick(event) {
+      var href = event.target.getAttribute('href');
+      if (!/^(https?|#)/.test(href)) {
+        // split on hash
+        anchor.setAttribute('href', window.location.href.split(/[#?]/)[0]
+          + '?repo=' + params.repo + '&page=' + encodeURIComponent(href));
+      }
+    }
+</script>

_includes/docs-category-article-list.html

@@ -1,9 +1,19 @@
 <ul class="docs-list">
   {% for doc in site.docs %}
-  {% if doc.category == include.category %}
-  <li>
-    <a href="{{ site.baseurl }}{{ doc.url }}">{{ doc.title }}</a>
-  </li>
-  {% endif %}
+    {% if doc.category == include.category %}
+      {% assign url = "{{ site.baseurl }}{{ doc.url }}" %}
+      <li>
+      {% unless include.category == "addons" %}
+        <a href="{{ url }}">{{ doc.title }}</a>
+      {% else %}
+        <a href="{{ url }}?repo=xterm.js-addon-attach">Attach</a>
+        <a href="{{ url }}?repo=xterm.js-addon-fit">Fit</a>
+        <a href="{{ url }}?repo=xterm.js-addon-fullscreen">Fullscreen</a>
+        <a href="{{ url }}?repo=xterm.js-addon-terminado">Terminado</a>
+        <a href="{{ url }}?repo=xterm.js-addon-winptycompat">WinptyCompat</a>
+        <a href="{{ url }}?repo=xterm.js-addon-zmodem">Zmodem</a>
+      {% endif %}
+      </li>
+    {% endif %}
   {% endfor %}
-</ul>
+</ul>

_pages/docs.html

@@ -18,13 +18,12 @@ <h2>Guides</h2>
 {% include docs-category-article-list.html category="Guides" %}
 
 <h2>API Reference</h2>
-{% include docs-category-article-list.html category="API" %}
 <h4>Modules</h4>
 {% include docs-category-article-list.html category="API-modules" %}
 <h4>Classes</h4>
 {% include docs-category-article-list.html category="API-classes" %}
 <h4>Interfaces</h4>
 {% include docs-category-article-list.html category="API-interfaces" %}
 
-<h4>Addons</h4>
-{% include docs-category-article-list.html category="addon" %}
+<h2>Addons</h2>
+{% include docs-category-article-list.html category="addons" %}