{% extends "templates/base.html" %}

{% block extra-headers %}
  <!-- ifequal js-from ":cloudflare" -->
  {% script "https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe-ui-default.min.js" %}
  {% script "https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.min.js" %}
  {% style "vendor/node_modules/photoswipe/dist/photoswipe.css" %}
  {% style "vendor/node_modules/photoswipe/dist/default-skin/default-skin.css" %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.6/mermaid.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vega/5.9.1/vega.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vega-lite/4.1.1/vega-lite.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vega-embed/6.2.2/vega-embed.min.js"></script>
  <!-- else -->
    <!-- TODO: currently `lein npm install` fails to build packages on all platforms, and
      fails SILENTLY. Consequently setting js-from to local is not advised. Investigting. -->
    <!-- script "vendor/mermaid/dist/mermaid.js" %} -->
  <!-- endifequal -->
{% endblock %}

{% block content %}
    <div id="content" class="wiki">
      {% if editable %}
    	<ul class="minor-controls">
        <li><a href="{{servlet-context}}/edit?page={{title}}">{% i18n edit-page-link %}</a></li>
    		<li><a href="history?page={{page}}">{% i18n history-link %}</a></li>
    	</ul>
      {% endif %}
      {{content|safe}}
    </div>

    <script>
      //<![CDATA[
      if (document.addEventListener) {
          document.addEventListener("DOMContentLoaded", function(event) {
          mermaid.initialize({startOnLoad:true});
        });
      }
      //]]
    </script>
{% endblock %}