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

import { renderHome } from "./views/home";
import { renderMeeting } from "./views/meeting";
import { renderNew } from "./views/new";
import { renderSettings } from "./views/settings";
import { startJobs } from "./jobs";
import { refreshNav, setCrumb, startNav } from "./nav";
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("/");
  main.scrollTop = 0;
  setCrumb(null);
  void refreshNav();
  try {
    if (section === "m" && id) {
      await renderMeeting(main, scope, decodeURIComponent(id), tab ? decodeURIComponent(tab) : null);
    } else if (section === "new") {
      await renderNew(main, scope);
    } else if (section === "settings") {
      await renderSettings(main);
    } else {
      await renderHome(main, scope);
    }
  } catch (e) {
    main.innerHTML = `<div class="page"><p class="error">${esc(errorText(e))}</p></div>`;
  }
}

async function start(): Promise<void> {
  await refreshRecording();
  startNav();
  startJobs();
  // Запись началась, встала на паузу или закончилась — шапка и меню меняются.
  onChange(() => void refreshNav());
  // Аудиофайл, брошенный в окно с любого экрана, — новая запись.
  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>`;
});