valine.njk

{%- if next_data %}

{{ next_data('valine', config.valine, {
  el: '#valine-comments',
  path: url_for(page.path) | replace(r/index\.html$/, ''),
  serverURLs: config.valine.serverURLs or 'https://' + config.valine.appId.slice(0, 8) | lower + '.api.lncldglobal.com'
}) }}
<script>
document.addEventListener('page:loaded', () => {
  NexT.utils.loadComments(CONFIG.valine.el)
    .then(() => NexT.utils.getScript(
      'https://fastly.jsdelivr.net/npm/valine@1.4.14/dist/Valine.min.js',
      { condition: window.Valine }
    ))
    .then(() => {
      new Valine(CONFIG.valine);
    });
});
</script>

{%- else %}

{%- set serverURLs = config.valine.serverURLs or 'https://' + config.valine.appId.slice(0, 8) | lower + '.api.lncldglobal.com' %}
<script>
NexT.utils.loadComments('#valine-comments', () => {
  NexT.utils.getScript('https://fastly.jsdelivr.net/npm/valine@1.5.1/dist/Valine.min.js', () => {
    new Valine(Object.assign({{ config.valine | safedump }}, {
      el: '#valine-comments',
      path: {{ url_for(page.path) | replace(r/index\.html$/, '') | safedump }},
      serverURLs: {{ serverURLs | safedump }}
    }));
  }, window.Valine);
});
</script>

{%- endif %}