const debrisMap = []
let LastDebrisId = 0

function debris(config) {
    config.start = pixelTicks;
    config.id = LastDebrisId;
    LastDebrisId++;
    debrisMap.push(config);

    if (config.deleteAfter) {
        setTimeout(() => {
            const i = debrisMap.indexOf(config);
            if (i !== -1) debrisMap.splice(i, 1);
        }, config.deleteAfter);
    };

    return config.id
}

function removeDebris(id) {
    for (let i = 0; i < debrisMap.length; i++) {
        const config = debrisMap[i]
        if (config.id == id) {
            debrisMap.splice(i, 1);
            return true;
        }
    }
    return false
}

runAfterLoad(() => {
    renderPostPixel((ctx) => {
        for (let i = debrisMap.length - 1; i >= 0; i--) {
            const config = debrisMap[i];

            if (config.deleteAfterTicks && pixelTicks >= config.start + config.deleteAfterTicks) {
                debrisMap.splice(i, 1);
                continue;
            }

            if (!config.type) continue;

            const opacity = config.opacity ?? 1;
            ctx.globalAlpha = opacity;

            if (config.type === "pixel" && config.color && config.x !== undefined && config.y !== undefined) {
                ctx.fillStyle = config.color;
                ctx.fillRect(config.x * pixelSize, config.y * pixelSize, pixelSize, pixelSize);
            } else if (config.type === "text" && config.color && config.text && config.x !== undefined && config.y !== undefined && config.size) {
                ctx.fillStyle = config.color;
                ctx.font = `${config.size}px "Press Start 2P"`;
                ctx.fillText(config.text, config.x * pixelSize, config.y * pixelSize);
            } else if (config.type === "rect" && config.color && config.x !== undefined && config.y !== undefined && config.width && config.height) {
                ctx.fillStyle = config.color;
                ctx.fillRect(config.x * pixelSize, config.y * pixelSize, config.width, config.height);
            } else if (config.type === "circle" && config.color && config.x !== undefined && config.y !== undefined && config.radius) {
                ctx.fillStyle = config.color;
                ctx.beginPath();
                ctx.arc(config.x * pixelSize, config.y * pixelSize, config.radius, 0, 2 * Math.PI);
                ctx.fill();
            } else if (config.type === "glow" && config.color && config.gColor && config.blur && config.x !== undefined && config.y !== undefined) {
                const strength = config.strength || 1;
                for (let j = 0; j < strength; j++) {
                    ctx.shadowColor = config.gColor;
                    ctx.shadowBlur = config.blur;
                    ctx.fillStyle = config.color;
                    ctx.fillRect(config.x * pixelSize, config.y * pixelSize, pixelSize, pixelSize);
                    ctx.shadowBlur = 0;
                }
            }

            ctx.globalAlpha = 1;
        }
    })
})