import "@fontsource/overpass"
import "@fontsource/overpass/500.css"
import "@fontsource/overpass/700.css"
import "./style.css"
import immichConnector from "./immich.js"
import Page from "./pages.js"
import "./icons.js"
import initSlides from "./slides.js"
import initAlbums from "./albums.js"

const slideshow = new Page(document.querySelector("#slideshow"), ["", "/slideshow"], initSlides)
const albums    = new Page(document.querySelector("#albums"),    ["/albums"], initAlbums)
const settings  = new Page(document.querySelector("#settings"),  ["/settings"])

window.addEventListener("popstate", Page.pathnameCallback)
Page.pathnameCallback() /* run after all pages are registered */

/* add event listeners for anchor elements in footer */
function softRedirect(e) {
	e.preventDefault()
	let a = e.target
	if (a === null) return
	while (a.tagName !== "A" && a !== null)
		a = a.parentElement
	if (a === null) return
	Page.softRedirect(a.href)
}

document.querySelector("#menu").addEventListener("click", softRedirect)