104 lines
2.9 KiB
JavaScript
104 lines
2.9 KiB
JavaScript
/*
|
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import {
|
|
AbortError,
|
|
ConnectionError
|
|
} from "../../../../matrix/error.js";
|
|
import {addCacheBuster, mapAsFormData} from "./common.js";
|
|
|
|
class RequestResult {
|
|
constructor(promise, xhr) {
|
|
this._promise = promise;
|
|
this._xhr = xhr;
|
|
}
|
|
|
|
abort() {
|
|
this._xhr.abort();
|
|
}
|
|
|
|
response() {
|
|
return this._promise;
|
|
}
|
|
}
|
|
|
|
function createXhr(url, {method, headers, timeout, format, uploadProgress}) {
|
|
const xhr = new XMLHttpRequest();
|
|
|
|
if (uploadProgress) {
|
|
xhr.upload.addEventListener("progress", evt => uploadProgress(evt.loaded));
|
|
}
|
|
|
|
xhr.open(method, url);
|
|
|
|
if (format === "buffer") {
|
|
// important to call this after calling open
|
|
xhr.responseType = "arraybuffer";
|
|
}
|
|
if (headers) {
|
|
for(const [name, value] of headers.entries()) {
|
|
try {
|
|
xhr.setRequestHeader(name, value);
|
|
} catch (err) {
|
|
console.info(`Could not set ${name} header: ${err.message}`);
|
|
}
|
|
}
|
|
}
|
|
if (timeout) {
|
|
xhr.timeout = timeout;
|
|
}
|
|
|
|
return xhr;
|
|
}
|
|
|
|
function xhrAsPromise(xhr, method, url) {
|
|
return new Promise((resolve, reject) => {
|
|
xhr.addEventListener("load", () => resolve(xhr));
|
|
xhr.addEventListener("abort", () => reject(new AbortError()));
|
|
xhr.addEventListener("error", () => reject(new ConnectionError(`Error ${method} ${url}`)));
|
|
xhr.addEventListener("timeout", () => reject(new ConnectionError(`Timeout ${method} ${url}`, true)));
|
|
});
|
|
}
|
|
|
|
export function xhrRequest(url, options) {
|
|
let {cache, format, body, method} = options;
|
|
if (!cache) {
|
|
url = addCacheBuster(url);
|
|
}
|
|
const xhr = createXhr(url, options);
|
|
const promise = xhrAsPromise(xhr, method, url).then(xhr => {
|
|
const {status} = xhr;
|
|
let body = null;
|
|
if (format === "buffer") {
|
|
body = xhr.response;
|
|
} else if (xhr.getResponseHeader("Content-Type") === "application/json") {
|
|
body = JSON.parse(xhr.responseText);
|
|
}
|
|
return {status, body};
|
|
});
|
|
|
|
// if a BlobHandle, take native blob
|
|
if (body?.nativeBlob) {
|
|
body = body.nativeBlob;
|
|
}
|
|
if (body instanceof Map) {
|
|
body = mapAsFormData(body);
|
|
}
|
|
xhr.send(body || null);
|
|
|
|
return new RequestResult(promise, xhr);
|
|
}
|