export.ts

function OpenExportPanel()
{
    exportPanel.classList.remove("hidden");
    UpdateExportInputs();

    setTimeout(() => {
        if (!exportPanel.classList.contains("hidden"))
        {
            exportFilename.focus();
            exportFilename.select();
        }
    }, 200);

    ToggleTabindexRecursive(exportPanel, true);
}

function CloseExportPanel()
{
    exportPanel.classList.add("hidden");
    ToggleTabindexRecursive(exportPanel, false);
}

function UpdateExportInputs()
{
    SetCheckboxEnabled(exportTile, useGrid, false);
    SetCheckboxEnabled(exportCropAlpha, !exportTile.checked, false);
}

function ExportImage()
{
    // Alpha cropping
    let sizeX = imageSizeX;
    let sizeY = imageSizeY;
    let startX = 0;
    let startY = 0;
    if (exportCropAlpha.checked) {
        let minX = imageSizeX;
        let maxX = 0;
        let minY = imageSizeY;
        let maxY = 0;

        for (let x = 0; x < imageSizeX; x++)
        {
            for (let y = 0; y < imageSizeY; y++)
            {
                if (imageData[x + imageSizeX * y].a > 0.01)
                {
                    minX = Math.min(x, minX);
                    maxX = Math.max(x, maxX);
                    minY = Math.min(y, minY);
                    maxY = Math.max(y, maxY);       
                }
            }
        }

        if (minX <= maxX && minY <= maxY)
        {
            startX = minX;
            startY = minY;
            sizeX = maxX - minX + 1;
            sizeY = maxY - minY + 1;
        }
    }

    let upscaleFactor = parseInt(exportUpscaleInput.value);
    if (isNaN(upscaleFactor))
        upscaleFactor = 1;
    if (upscaleFactor < 1)
        upscaleFactor = 1;

    // Grid tiles
    if (exportTile.checked)
    {
        let i = 0;
        for (let x = 0; x <= imageSizeX - gridSizeX; x += gridSizeX)
        {
            for (let y = 0; y <= imageSizeY - gridSizeY; y += gridSizeY)
            {
                if (!IsRectEmpty(x, gridSizeX, y, gridSizeY))
                    ExportRect(x, gridSizeX, y, gridSizeY, i, upscaleFactor);

                i++;
            }
        }
    }
    else
    {
        ExportRect(startX, sizeX, startY, sizeY, -1, upscaleFactor);
    }

    CloseExportPanel();
}

function ExportRect(startX, sizeX, startY, sizeY, number = -1, upscaleFactor = 1)
{
    let canvas = document.createElement("canvas");
    canvas.width = sizeX * upscaleFactor;
    canvas.height = sizeY * upscaleFactor;

    let ctx = canvas.getContext("2d")!!;
    for (let x = 0; x < sizeX; x++)
    {
        for (let y = 0; y < sizeY; y++)
        {
            ctx.fillStyle = imageData[(x + startX) + imageSizeX * (y + startY)].GetHex();
            ctx.fillRect(x * upscaleFactor, y * upscaleFactor, upscaleFactor, upscaleFactor);
        }
    }

    let mime = "";
    if (exportFormatSelect.value == "0") mime = "image/png";
    if (exportFormatSelect.value == "1") mime = "image/jpeg";
    if (exportFormatSelect.value == "2") mime = "image/webp";
    if (exportFormatSelect.value == "3") mime = "image/gif";
    
    let url = canvas.toDataURL(mime);

    var a = document.createElement('a');

    if (number < 0)
        a.download = exportFilename.value;
    else 
        a.download = exportFilename.value + "_" + number.toString();

    a.href = url;
    a.click();

    a.remove();
    canvas.remove();
}

function IsRectEmpty(startX, sizeX, startY, sizeY)
{
    for (let x = startX; x < startX + sizeX; x++)
    {
        for (let y = startY; y < startY + sizeY; y++)
        {
            if (imageData[x + y * imageSizeX].a > 0.005) 
                return false;
        }
    }

    return true;
}

function SetInputEnabled(input: HTMLInputElement, enabled: boolean, defaultValue: any)
{
    input.readOnly = !enabled;
    input.classList.toggle("disabled", !enabled);
    input.parentElement?.classList.toggle("disabled", !enabled);

    if (!enabled)
    {
        input.value = defaultValue;
    }
}

function SetCheckboxEnabled(input: HTMLInputElement, enabled: boolean, defaultValue: boolean)
{
    input.disabled = !enabled;
    input.classList.toggle("disabled", !enabled);
    input.parentElement?.classList.toggle("disabled", !enabled);

    if (!enabled)
    {
        input.checked = defaultValue;
    }
}