import { Application } from "/lib/hotwired/stimulus/dist/stimulus.js";

import ListFilterController from "./controllers/list-filter.js";
import ModalController from "./controllers/modal.js";
import SearchFormController from "./controllers/search-form.js";

const app = Application.start();
app.register("list-filter", ListFilterController);
app.register("modal", ModalController);
app.register("search-form", SearchFormController);

let timeout;
document.addEventListener("turbo:visit", () => {
    clearTimeout(timeout);
});
document.addEventListener("turbo:render", () => {
    clearTimeout(timeout);
    if (document.getElementById("sidebarToggle").checked) {
        timeout = setTimeout(() => document.getElementById("sidebarToggle").checked = false, 500);
    }
});

let transition;
document.addEventListener("turbo:before-render", async event => {
    if (document.startViewTransition) {
        event.preventDefault();

        if (transition == undefined) {
            transition = document.startViewTransition(() => event.detail.resume());
            await transition.finished;
            transition = undefined;
        } else {
            await transition.finished;
            event.detail.resume();
        }
    }
});