{% extends "base.html" %}
{% block content %}
<h1>{{ page_title }} {{ name }}</h1>
<div id="log"></div>
<p class="muted" style="margin-top: 1rem;">This may take a few minutes for large repositories.</p>

<script>
(function() {
  var slug = "{{ slug }}";
  var log = document.getElementById("log");
  var pipelineComplete = false;
  var doneReceived = false;

  fetch("/projects/" + slug + "/start", { method: "POST" });

  var source = new EventSource("/projects/" + slug + "/analyze/stream");

  source.onmessage = function(e) {
    var data = JSON.parse(e.data);

    if (data.type === "COMPLETE") {
      pipelineComplete = true;
    }

    if (data.type === "DONE") {
      doneReceived = true;
      source.close();
      setTimeout(function() { window.location.href = "/projects/" + slug; }, 1500);
      return;
    }

    var p = document.createElement("p");
    p.textContent = data.message;

    if (data.claim_count) {
      p.textContent += " -- " + data.claim_count + " findings";
    }

    var cls = "log-" + data.type.toLowerCase();
    p.className = cls;
    log.appendChild(p);
    p.scrollIntoView({ behavior: "smooth", block: "end" });
  };

  source.onerror = function() {
    if (doneReceived || pipelineComplete) {
      window.location.href = "/projects/" + slug;
      return;
    }
    var p = document.createElement("p");
    p.textContent = "Connection lost. Check server logs.";
    p.className = "log-error";
    log.appendChild(p);
    source.close();
  };
})();
</script>
{% endblock %}