"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const notionIpc = require("../helpers/notionIpc");
const notion_intl_1 = require("notion-intl");
const localizationHelper_1 = require("../helpers/localizationHelper");
const searchMessages = notion_intl_1.defineMessages({
    doneButton: {
        id: "desktopSearch.doneButton.label",
        defaultMessage: "Done",
    },
    noMatches: {
        id: "desktopSearch.noResults.message",
        defaultMessage: "Not found",
    },
    foundMatches: {
        id: "desktopSearch.foundMatches.message",
        defaultMessage: "{matchCount, plural, one {{matchCount} match} other {{matchCount} matches}}",
    },
});
function disable(el) {
    if (el.classList.contains("enabled")) {
        el.classList.remove("enabled");
    }
}
function enable(el) {
    if (!el.classList.contains("enabled")) {
        el.classList.add("enabled");
    }
}
function hide(el) {
    el.style.display = "none";
}
function show(el) {
    el.style.display = "block";
}
const setStyles = (el, styles) => Object.keys(styles).forEach(style => (el.style[style] = styles[style]));
window["__start"] = () => {
    const searchEl = document.getElementById("search");
    const resultsEl = document.getElementById("results");
    const nextEl = document.getElementById("next");
    const prevEl = document.getElementById("prev");
    const doneEl = document.getElementById("done");
    const buttonSepEl = document.getElementById("button-separator");
    const clearEl = document.getElementById("clear-icon");
    const containerEl = document.getElementById("container");
    if (!searchEl ||
        !resultsEl ||
        !nextEl ||
        !prevEl ||
        !doneEl ||
        !buttonSepEl ||
        !clearEl ||
        !containerEl) {
        return;
    }
    const locale = localizationHelper_1.getNotionLocaleFromElectronLocale(window.navigator.language);
    const intl = localizationHelper_1.createIntlShape(locale);
    doneEl.innerText = intl.formatMessage(searchMessages.doneButton);
    setStyles(searchEl, searchStyles);
    setStyles(resultsEl, resultsStyles);
    setStyles(nextEl, nextStyles);
    setStyles(prevEl, prevStyles);
    setStyles(doneEl, doneStyles);
    setStyles(buttonSepEl, buttonSepStyles);
    setStyles(clearEl, clearStyles);
    setStyles(containerEl, containerStyles);
    const enableButtons = () => {
        enable(nextEl);
        enable(prevEl);
        enable(buttonSepEl);
    };
    const disableButtons = () => {
        disable(nextEl);
        disable(prevEl);
        disable(buttonSepEl);
    };
    disableButtons();
    const reset = () => {
        searchEl.value = "";
        resultsEl.innerText = "";
        hide(resultsEl);
        disableButtons();
        disable(clearEl);
    };
    searchEl.addEventListener("input", function (event) {
        if (searchEl.value.length === 0) {
            notionIpc.sendSearchToIndex("search:clear");
            reset();
        }
        else {
            enable(clearEl);
            notionIpc.sendSearchToIndex("search:next", searchEl.value);
        }
    });
    searchEl.addEventListener("keypress", function (event) {
        if (event.key === "Enter") {
            if (event.shiftKey) {
                prevEl.click();
            }
            else {
                nextEl.click();
            }
        }
    });
    document.body.addEventListener("keydown", function (event) {
        if (event.key === "Escape") {
            doneEl.click();
        }
        if ((event.metaKey || event.ctrlKey) && event.key === "f") {
            searchEl.select();
        }
    });
    nextEl.addEventListener("click", function () {
        if (searchEl.value) {
            notionIpc.sendSearchToIndex("search:next", searchEl.value);
        }
    });
    prevEl.addEventListener("click", function () {
        if (searchEl.value) {
            notionIpc.sendSearchToIndex("search:prev", searchEl.value);
        }
    });
    doneEl.addEventListener("click", function () {
        notionIpc.sendSearchToIndex("search:stop");
        window.setTimeout(() => {
            reset();
        }, 100);
    });
    clearEl.addEventListener("click", function () {
        notionIpc.sendSearchToIndex("search:clear");
        reset();
        searchEl.focus();
    });
    notionIpc.receiveSearchFromIndex.addListener("search:result", (event, result) => {
        show(resultsEl);
        if (result.count === 0) {
            resultsEl.innerText = resultsEl.innerText = intl.formatMessage(searchMessages.noMatches);
        }
        else {
            resultsEl.innerText = intl.formatMessage(searchMessages.foundMatches, {
                matchCount: result.count,
            });
        }
        if (result.count > 1) {
            enableButtons();
        }
        else {
            disableButtons();
        }
    });
    notionIpc.receiveSearchFromIndex.addListener("search:reset", () => {
        window.setTimeout(() => {
            reset();
        }, 100);
    });
    notionIpc.receiveSearchFromIndex.addListener("search:start", () => {
        searchEl.select();
    });
    notionIpc.receiveSearchFromIndex.addListener("search:set-theme", (event, theme) => {
        resultsEl.style.color = theme.textColor;
        prevEl.style.borderColor = theme.dividerColor;
        buttonSepEl.style.background = theme.dividerColor;
        nextEl.style.borderColor = theme.dividerColor;
        searchEl.style.color = theme.textColor;
        searchEl.style.boxShadow = theme.inputBoxShadow || null;
        searchEl.style.background = theme.inputBackgroundColor;
        searchEl.style.borderRadius = theme.borderRadius + "px";
        containerEl.style.background = theme.popoverBackgroundColor;
        containerEl.style.boxShadow = theme.popoverBoxShadow;
        containerEl.style.borderRadius = theme.borderRadius + "px";
        doneEl.style.color = theme.colors.white;
        doneEl.style.borderRadius = theme.borderRadius + "px";
        doneEl.style.background = theme.colors.blue;
        doneEl.style.boxShadow = `
			${theme.mode === "light" ? "inset" : ""}
			0 0 0 1px rgba(0, 0, 0, ${theme.shadowOpacity})
		`;
    });
};
const searchStyles = {
    width: "180px",
    flex: "auto",
    marginLeft: "8px",
    marginRight: "8px",
    cursor: "text",
    paddingLeft: "24px",
    paddingRight: "24px",
    height: "24px",
    border: "none",
    fontSize: "12px",
};
const resultsStyles = {
    fontSize: "12px",
    paddingRight: "8px",
    minWidth: "80px",
    textAlign: "center",
};
const nextStyles = {
    border: "1px solid",
    borderLeft: "0px",
    borderRadius: "0 3px 3px 0",
};
const prevStyles = {
    border: "1px solid",
    borderRight: "0px",
    borderRadius: "3px 0 0 3px",
};
const doneStyles = {
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    fontSize: "12px",
    height: "24px",
    padding: "0 12px",
    fontWeight: "500",
};
const buttonSepStyles = {
    width: "1px",
    height: "24px",
};
const clearStyles = {};
const containerStyles = {
    cssFloat: "right",
    display: "inline-flex",
    alignItems: "center",
    marginTop: "-20px",
    padding: "6px 10px",
    margin: "10px 20px",
};
//# sourceMappingURL=search.js.map

//notion-enhancer
require('notion-enhancer/pkg/loader.js')(__filename, exports);