// Copyright: Ankitects Pty Ltd and contributors
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html

import EditorToolbar from "./EditorToolbar.svelte";
import "./bootstrap.css";

export function initToolbar(i18n: Promise<void>): Promise<EditorToolbar> {
    let toolbarResolve: (value: EditorToolbar) => void;
    const toolbarPromise = new Promise<EditorToolbar>((resolve) => {
        toolbarResolve = resolve;
    });

    document.addEventListener("DOMContentLoaded", () => {
        i18n.then(() => {
            const target = document.body;
            const anchor = document.getElementById("fields")!;

            toolbarResolve(
                new EditorToolbar({
                    target,
                    anchor,
                    props: {
                        nightMode: document.documentElement.classList.contains(
                            "night-mode"
                        ),
                    },
                })
            );
        });
    });

    return toolbarPromise;
}

/* Exports for editor */
export {
    // @ts-expect-error insufficient typing of svelte modules
    editorToolbar,
    // @ts-expect-error insufficient typing of svelte modules
    enableButtons,
    // @ts-expect-error insufficient typing of svelte modules
    disableButtons,
    // @ts-expect-error insufficient typing of svelte modules
    updateActiveButtons,
    // @ts-expect-error insufficient typing of svelte modules
    clearActiveButtons,
} from "./EditorToolbar.svelte";