filestash/client/helpers/ajax.js

export function http_get(url, type = "json", params) {
    return new Promise((done, err) => {
        const xhr = new XMLHttpRequest();
        xhr.open("GET", url, true);
        xhr.withCredentials = true;
        xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
        xhr.onreadystatechange = function() {
            if (xhr.readyState === XMLHttpRequest.DONE) {
                if (xhr.status === 200) {
                    if (type === "json") {
                        try {
                            const data = JSON.parse(xhr.responseText);
                            if ("status" in data === false || data.status === "ok") {
                                done(data);
                            } else {
                                err(data);
                            }
                        } catch (error) {
                            err({ message: "oups", trace: error });
                        }
                    } else {
                        done(xhr.responseText);
                    }
                } else {
                    handle_error_response(xhr, err);
                }
            }
        };
        xhr.send(null);
        xhr.onerror = function() {
            handle_error_response(xhr, err);
        };
        if (params && params.abort) {
            params.abort.signal.onabort = () => {
                xhr.abort();
                handle_error_response(xhr, err);
            };
        }
    });
}

export function http_post(url, data, type = "json", params) {
    return new Promise((done, err) => {
        const xhr = new XMLHttpRequest();
        xhr.open("POST", url, true);
        xhr.withCredentials = true;
        xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
        if (type === "json") {
            data = JSON.stringify(data);
            xhr.setRequestHeader("Content-Type", "application/json");
        }
        if (params && params.progress) {
            xhr.upload.addEventListener("progress", params.progress, false);
        }
        xhr.send(data);
        xhr.onload = function() {
            if (xhr.readyState === XMLHttpRequest.DONE) {
                if (xhr.status === 200) {
                    try {
                        const data = JSON.parse(xhr.responseText);
                        if (data.status === "ok") {
                            done(data);
                        } else {
                            err(data);
                        }
                    } catch (error) {
                        err({ message: "oups", trace: error });
                    }
                } else {
                    handle_error_response(xhr, err);
                }
            }
        };
        xhr.onerror = function() {
            handle_error_response(xhr, err);
        };
        if (params && params.abort) {
            params.abort(() => {
                xhr.abort();
                err({ message: "aborted" });
            });
        }
    });
}

export function http_delete(url) {
    return new Promise((done, err) => {
        const xhr = new XMLHttpRequest();
        xhr.open("DELETE", url, true);
        xhr.withCredentials = true;
        xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
        xhr.onload = function() {
            if (xhr.readyState === XMLHttpRequest.DONE) {
                if (xhr.status === 200) {
                    try {
                        const data = JSON.parse(xhr.responseText);
                        if (data.status === "ok") {
                            done(data);
                        } else {
                            err(data);
                        }
                    } catch (error) {
                        err({ message: "oups", trace: error });
                    }
                } else {
                    handle_error_response(xhr, err);
                }
            }
        };
        xhr.onerror = function() {
            handle_error_response(xhr, err);
        };
        xhr.send(null);
    });
}

export function http_options(url) {
    return new Promise((done, err) => {
        const xhr = new XMLHttpRequest();
        xhr.open("OPTIONS", url, true);
        xhr.withCredentials = true;
        xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
        xhr.onload = function() {
            if (xhr.readyState === XMLHttpRequest.DONE) {
                if (xhr.status !== 200) {
                    handle_error_response(xhr, err);
                    return;
                }
                done(
                    xhr.getAllResponseHeaders()
                        .split("\n")
                        .reduce((acc, r) => {
                            const a = r.split(": ");
                            acc[a[0]] = a[1];
                            return acc;
                        }, {}),
                );
            }
        };
        xhr.send(null);
    });
}


function handle_error_response(xhr, err) {
    const response = (function(content) {
        let message = content;
        try {
            message = JSON.parse(content);
        } catch (err) {
            return { message: content };
        }
        return message || { message: "empty response" };
    })(xhr.responseText);

    const message = response.message || null;

    if (navigator.onLine === false) {
        err({ message: "Connection Lost", code: "NO_INTERNET" });
    } else if (xhr.status === 0 && xhr.responseText === "") {
        switch(xhr.readyState) {
        case XMLHttpRequest.DONE:
        case XMLHttpRequest.UNSENT:
            err({ message: "aborted", code: "ABORTED" });
            break
        default:
            err({
                message: "Service unavailable, if the problem persist, contact your administrator",
                code: "INTERNAL_SERVER_ERROR",
            });
        }
    } else if (xhr.status === 500) {
        err({
            message: message || "Oups something went wrong with our servers",
            code: "INTERNAL_SERVER_ERROR",
        });
    } else if (xhr.status === 401) {
        err({ message: message || "Authentication error", code: "Unauthorized" });
    } else if (xhr.status === 403) {
        err({ message: message || "You can\'t do that", code: "Forbidden" });
    } else if (xhr.status === 413) {
        err({ message: message || "Payload too large", code: "PAYLOAD_TOO_LARGE" });
    } else if (xhr.status === 502) {
        err({ message: message || "The destination is acting weird", code: "BAD_GATEWAY" });
    } else if (xhr.status === 409) {
        if (response["error_summary"]) { // dropbox way to say doesn't exist
            err({ message: "Doesn\'t exist", code: "UNKNOWN_PATH" });
        } else {
            err({ message: message || "Oups you just ran into a conflict", code: "CONFLICT" });
        }
    } else {
        err({ message: message || "Oups something went wrong" });
    }
}