import {Constants} from "../../constants";
import {hideElements} from "../../protyle/ui/hideElements";
import {setEditMode} from "../../protyle/util/setEditMode";
import {fetchPost} from "../../util/fetch";
import {zoomOut} from "../../menus/protyle";
import {processRender} from "../../protyle/util/processCode";
import {highlightRender} from "../../protyle/markdown/highlightRender";
import {blockRender} from "../../protyle/markdown/blockRender";
import {disabledProtyle, enableProtyle} from "../../protyle/util/onGet";

const forwardStack: IBackStack[] = [];

const focusStack = (backStack: IBackStack) => {
    const protyle = window.siyuan.mobileEditor.protyle;
    window.localStorage.setItem(Constants.LOCAL_DOCINFO, JSON.stringify({
        id: backStack.id,
        action: backStack.callback,
    }));
    hideElements(["toolbar", "hint", "util"], window.siyuan.mobileEditor.protyle);
    if (protyle.contentElement.classList.contains("fn__none")) {
        setEditMode(protyle, "wysiwyg");
    }

    const startEndId = backStack.endId.split(Constants.ZWSP);
    if (startEndId[0] === protyle.wysiwyg.element.firstElementChild.getAttribute("data-node-id") &&
        startEndId[1] === protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id")) {
        window.siyuan.mobileEditor.protyle.contentElement.scrollTo({
            top: backStack.scrollTop,
            behavior: "smooth"
        });
        return;
    }

    if (backStack.id !== protyle.block.rootID) {
        fetchPost("/api/block/getDocInfo", {
            id: backStack.id,
        }, (response) => {
            (document.getElementById("toolbarName") as HTMLInputElement).value = response.data.name === "Untitled" ? "" : response.data.name;
            protyle.background.render(response.data.ial, protyle.block.rootID);
            protyle.wysiwyg.renderCustom(response.data.ial);
        });
    }

    if (backStack.isZoom) {
        fetchPost("/api/block/checkBlockExist", {id: backStack.id}, existResponse => {
            if (existResponse.data) {
                zoomOut(protyle, backStack.id, undefined, false, () => {
                    protyle.contentElement.scrollTop = backStack.scrollTop;
                });
            }
        });
        return;
    }
    fetchPost("/api/filetree/getDoc", {
        id: backStack.id,
        startID: startEndId[0],
        endID: startEndId[1],
    }, getResponse => {
        protyle.block.showAll = false;
        protyle.wysiwyg.element.innerHTML = getResponse.data.content;
        processRender(protyle.wysiwyg.element);
        highlightRender(protyle.wysiwyg.element);
        blockRender(protyle, protyle.wysiwyg.element);
        if (protyle.disabled) {
            disabledProtyle(protyle);
        } else {
            enableProtyle(protyle);
        }
        protyle.contentElement.scrollTop = backStack.scrollTop;
        window.siyuan.mobileEditor.protyle.breadcrumb.render(protyle);
    });
}

export const pushBack = () => {
    const protyle = window.siyuan.mobileEditor.protyle;
    window.siyuan.backStack.push({
        id: protyle.block.showAll ? protyle.block.id : protyle.block.rootID,
        endId: protyle.wysiwyg.element.firstElementChild.getAttribute("data-node-id") + Constants.ZWSP + protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id"),
        scrollTop: protyle.contentElement.scrollTop,
        callback: protyle.block.action,
        isZoom: protyle.block.showAll
    });
}

export const goForward = () => {
    if (window.JSAndroid && forwardStack.length < 2) {
        window.JSAndroid.returnDesktop();
        return;
    }
    if (forwardStack.length < 2) {
        return;
    }
    window.siyuan.backStack.push(forwardStack.pop())
    focusStack(forwardStack[forwardStack.length - 1])
}

export const goBack = () => {
    if (window.JSAndroid && window.siyuan.backStack.length < 1) {
        window.JSAndroid.returnDesktop();
        return;
    }
    if (window.siyuan.backStack.length < 1) {
        return;
    }
    const protyle = window.siyuan.mobileEditor.protyle;
    if (forwardStack.length === 0) {
        forwardStack.push({
            id: protyle.block.showAll ? protyle.block.id : protyle.block.rootID,
            endId: protyle.wysiwyg.element.firstElementChild.getAttribute("data-node-id") + Constants.ZWSP + protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id"),
            scrollTop: protyle.contentElement.scrollTop,
            callback: protyle.block.action,
            isZoom: protyle.block.showAll
        });
    }
    const item = window.siyuan.backStack.pop();
    forwardStack.push(item);
    focusStack(item)
};