import { ErrorInfo } from "react";


interface ComponentError {
    timestamp: number;
    message: string;
    callStack: string | undefined;
    componentStack: string | null | undefined;
}

export function handleComponentError(error: Error, info: ErrorInfo) {
    const componentError: ComponentError = {
        timestamp: Math.floor(Date.now() / 1000),
        message: error.message,
        callStack: error.stack,
        componentStack: info.componentStack,
    };

    queueErrorRequest(componentError);
}

let errorsQueue: ComponentError[] = [];
let timeoutId: ReturnType<typeof setTimeout>;

function queueErrorRequest(error: ComponentError) {
    errorsQueue.push(error);

    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => {
        sendErrorsToServer();
    }, 1000);
}

async function sendErrorsToServer() {
    // makeRequest({
    //     url: "",
    //     method: "POST",
    //     body: errorsQueue,
    //     useToken: true,
    // });
    console.log(`Fake-sending ${errorsQueue.length} errors to server`, errorsQueue);
    errorsQueue = [];
}