// Маршрутизация по хешу: #/ (главная), #/meeting/<id>/<вкладка>[/<реплика>], #/settings.

import { renderHome } from "./views/home";
import { renderMeeting, type Tab } from "./views/meeting";
import { renderSettings } from "./views/settings";
import { errorText } from "./api";
import { esc } from "./dom";
import { Scope } from "./scope";

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

async function route(): Promise<void> {
  scope.dispose();
  scope = new Scope();
  const [section, id, tab, target] = location.hash.replace(/^#\/?/, "").split("/");
  for (const a of document.querySelectorAll<HTMLAnchorElement>("[data-nav]")) {
    const current = a.dataset.nav === (section === "settings" ? "settings" : "home");
    if (current) a.setAttribute("aria-current", "page");
    else a.removeAttribute("aria-current");
  }
  try {
    if (section === "meeting" && id) {
      await renderMeeting(app, scope, decodeURIComponent(id), (tab as Tab) || "transcript", target ? Number(target) : null);
    } else if (section === "settings") {
      await renderSettings(app);
    } else {
      await renderHome(app, scope);
    }
  } catch (e) {
    app.innerHTML = `<p class="error">${esc(errorText(e))}</p>`;
  }
}

window.addEventListener("hashchange", route);
route();