// Оболочка. Маршруты: #/ — главная, #/m/<id>[/<вкладка>] — запись, #/settings.

import { renderHome } from "./views/home";
import { renderMeeting } from "./views/meeting";
import { renderSettings } from "./views/settings";
import { drawHeaderBadge, startHeaderBadge } from "./recording";
import { errorText, files } from "./api";
import { esc } from "./dom";
import { Scope } from "./scope";
import { addAudio, onChange, refreshRecording } from "./state";

const main = document.getElementById("app")!;
let scope = new Scope();

async function route(): Promise<void> {
  scope.dispose();
  scope = new Scope();
  const [section, id, tab] = location.hash.replace(/^#\/?/, "").split("/");
  document.querySelector("[data-nav=settings]")?.toggleAttribute("aria-current", section === "settings");
  main.scrollTop = 0;
  try {
    if (section === "m" && id) {
      await renderMeeting(main, scope, decodeURIComponent(id), tab ? decodeURIComponent(tab) : null);
    } else if (section === "settings") {
      await renderSettings(main);
    } else {
      await renderHome(main, scope);
    }
  } catch (e) {
    main.innerHTML = `<div class="page"><a class="back small" href="#/">← Все записи</a><p class="error">${esc(errorText(e))}</p></div>`;
  }
}

async function start(): Promise<void> {
  await refreshRecording();
  startHeaderBadge();
  onChange(drawHeaderBadge);
  drawHeaderBadge();
  // Аудиофайл, брошенный в окно с любого экрана, — новая запись.
  await files.onDrop(async (paths) => {
    for (const p of paths) await addAudio(p);
  });
  window.addEventListener("hashchange", route);
  await route();
}

start().catch((e) => {
  main.innerHTML = `<p class="error">${esc(errorText(e))}</p>`;
});