happy-dom 12.10.2 → 13.0.0

package/lib/xml-http-request/XMLHttpRequest.js

@@ -1,50 +1,32 @@
-import FS from 'fs';
-import ChildProcess from 'child_process';
-import HTTP from 'http';
-import HTTPS from 'https';
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _XMLHttpRequest_instances, _XMLHttpRequest_browserFrame, _XMLHttpRequest_window, _XMLHttpRequest_async, _XMLHttpRequest_abortController, _XMLHttpRequest_aborted, _XMLHttpRequest_request, _XMLHttpRequest_response, _XMLHttpRequest_responseType, _XMLHttpRequest_responseBody, _XMLHttpRequest_readyState, _XMLHttpRequest_sendAsync, _XMLHttpRequest_sendSync;
 import XMLHttpRequestEventTarget from './XMLHttpRequestEventTarget.js';
+import * as PropertySymbol from '../PropertySymbol.js';
 import XMLHttpRequestReadyStateEnum from './XMLHttpRequestReadyStateEnum.js';
 import Event from '../event/Event.js';
 import XMLHttpRequestUpload from './XMLHttpRequestUpload.js';
 import DOMException from '../exception/DOMException.js';
 import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
-import URL from '../url/URL.js';
-import XMLHttpRequestURLUtility from './utilities/XMLHttpRequestURLUtility.js';
-import ProgressEvent from '../event/events/ProgressEvent.js';
 import XMLHttpResponseTypeEnum from './XMLHttpResponseTypeEnum.js';
-import XMLHttpRequestCertificate from './XMLHttpRequestCertificate.js';
-import XMLHttpRequestSyncRequestScriptBuilder from './utilities/XMLHttpRequestSyncRequestScriptBuilder.js';
-import IconvLite from 'iconv-lite';
 import ErrorEvent from '../event/events/ErrorEvent.js';
-// These headers are not user setable.
-// The following are allowed but banned in the spec:
-// * User-agent
-const FORBIDDEN_REQUEST_HEADERS = [
-    'accept-charset',
-    'accept-encoding',
-    'access-control-request-headers',
-    'access-control-request-method',
-    'connection',
-    'content-length',
-    'content-transfer-encoding',
-    'cookie',
-    'cookie2',
-    'date',
-    'expect',
-    'host',
-    'keep-alive',
-    'origin',
-    'referer',
-    'te',
-    'trailer',
-    'transfer-encoding',
-    'upgrade',
-    'via'
-];
-// These request methods are not allowed
-const FORBIDDEN_REQUEST_METHODS = ['TRACE', 'TRACK', 'CONNECT'];
-// Match Content-Type header charset
-const CONTENT_TYPE_ENCODING_REGEXP = /charset=([^;]*)/i;
+import Headers from '../fetch/Headers.js';
+import Fetch from '../fetch/Fetch.js';
+import SyncFetch from '../fetch/SyncFetch.js';
+import AbortController from '../fetch/AbortController.js';
+import ProgressEvent from '../event/events/ProgressEvent.js';
+import NodeTypeEnum from '../nodes/node/NodeTypeEnum.js';
+import XMLHttpRequestResponseDataParser from './utilities/XMLHttpRequestResponseDataParser.js';
+import FetchRequestHeaderUtility from '../fetch/utilities/FetchRequestHeaderUtility.js';
 /**
  * XMLHttpRequest.
  *
@@ -54,38 +36,30 @@ const CONTENT_TYPE_ENCODING_REGEXP = /charset=([^;]*)/i;
 class XMLHttpRequest extends XMLHttpRequestEventTarget {
     /**
      * Constructor.
+     *
+     * @param injected Injected properties.
+     * @param injected.browserFrame Browser frame.
+     * @param injected.window Window.
      */
-    constructor() {
+    constructor(injected) {
         super();
+        _XMLHttpRequest_instances.add(this);
         // Public properties
         this.upload = new XMLHttpRequestUpload();
+        this.withCredentials = false;
         // Private properties
-        this._ownerDocument = null;
-        this._state = {
-            incommingMessage: null,
-            response: null,
-            responseType: '',
-            responseText: '',
-            responseXML: null,
-            responseURL: '',
-            readyState: XMLHttpRequestReadyStateEnum.unsent,
-            asyncRequest: null,
-            asyncTaskID: null,
-            requestHeaders: {},
-            status: null,
-            statusText: null,
-            send: false,
-            error: false,
-            aborted: false
-        };
-        this._settings = {
-            method: null,
-            url: null,
-            async: true,
-            user: null,
-            password: null
-        };
-        this._ownerDocument = XMLHttpRequest._ownerDocument;
+        _XMLHttpRequest_browserFrame.set(this, void 0);
+        _XMLHttpRequest_window.set(this, void 0);
+        _XMLHttpRequest_async.set(this, true);
+        _XMLHttpRequest_abortController.set(this, null);
+        _XMLHttpRequest_aborted.set(this, false);
+        _XMLHttpRequest_request.set(this, null);
+        _XMLHttpRequest_response.set(this, null);
+        _XMLHttpRequest_responseType.set(this, '');
+        _XMLHttpRequest_responseBody.set(this, null);
+        _XMLHttpRequest_readyState.set(this, XMLHttpRequestReadyStateEnum.unsent);
+        __classPrivateFieldSet(this, _XMLHttpRequest_browserFrame, injected.browserFrame, "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_window, injected.window, "f");
     }
     /**
      * Returns the status.
@@ -93,7 +67,7 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns Status.
      */
     get status() {
-        return this._state.status;
+        return __classPrivateFieldGet(this, _XMLHttpRequest_response, "f")?.status || 0;
     }
     /**
      * Returns the status text.
@@ -101,7 +75,7 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns Status text.
      */
     get statusText() {
-        return this._state.statusText;
+        return __classPrivateFieldGet(this, _XMLHttpRequest_response, "f")?.statusText || '';
     }
     /**
      * Returns the response.
@@ -109,23 +83,10 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns Response.
      */
     get response() {
-        return this._state.response;
-    }
-    /**
-     * Returns the response URL.
-     *
-     * @returns Response URL.
-     */
-    get responseURL() {
-        return this._state.responseURL;
-    }
-    /**
-     * Returns the ready state.
-     *
-     * @returns Ready state.
-     */
-    get readyState() {
-        return this._state.readyState;
+        if (!__classPrivateFieldGet(this, _XMLHttpRequest_response, "f")) {
+            return '';
+        }
+        return __classPrivateFieldGet(this, _XMLHttpRequest_responseBody, "f");
     }
     /**
      * Get the response text.
@@ -134,10 +95,10 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns The response text.
      */
     get responseText() {
-        if (this.responseType === XMLHttpResponseTypeEnum.text || this.responseType === '') {
-            return this._state.responseText;
+        if (this.responseType !== XMLHttpResponseTypeEnum.text && this.responseType !== '') {
+            throw new DOMException(`Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was '${this.responseType}').`, DOMExceptionNameEnum.invalidStateError);
         }
-        throw new DOMException(`Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was '${this.responseType}').`, DOMExceptionNameEnum.invalidStateError);
+        return __classPrivateFieldGet(this, _XMLHttpRequest_responseBody, "f") ?? '';
     }
     /**
      * Get the responseXML.
@@ -146,10 +107,26 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns Response XML.
      */
     get responseXML() {
-        if (this.responseType === XMLHttpResponseTypeEnum.document || this.responseType === '') {
-            return this._state.responseXML;
+        if (this.responseType !== XMLHttpResponseTypeEnum.document && this.responseType !== '') {
+            throw new DOMException(`Failed to read the 'responseXML' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'document' (was '${this.responseType}').`, DOMExceptionNameEnum.invalidStateError);
         }
-        throw new DOMException(`Failed to read the 'responseXML' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'document' (was '${this.responseType}').`, DOMExceptionNameEnum.invalidStateError);
+        return this.responseType === '' ? null : __classPrivateFieldGet(this, _XMLHttpRequest_responseBody, "f");
+    }
+    /**
+     * Returns the response URL.
+     *
+     * @returns Response URL.
+     */
+    get responseURL() {
+        return __classPrivateFieldGet(this, _XMLHttpRequest_response, "f")?.url || '';
+    }
+    /**
+     * Returns the ready state.
+     *
+     * @returns Ready state.
+     */
+    get readyState() {
+        return __classPrivateFieldGet(this, _XMLHttpRequest_readyState, "f");
     }
     /**
      * Set response type.
@@ -165,10 +142,10 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
             throw new DOMException(`Failed to set the 'responseType' property on 'XMLHttpRequest': The object's state must be OPENED or UNSENT.`, DOMExceptionNameEnum.invalidStateError);
         }
         // Sync requests can only have empty string or 'text' as response type.
-        if (!this._settings.async) {
+        if (!__classPrivateFieldGet(this, _XMLHttpRequest_async, "f")) {
             throw new DOMException(`Failed to set the 'responseType' property on 'XMLHttpRequest': The response type cannot be changed for synchronous requests made from a document.`, DOMExceptionNameEnum.invalidStateError);
         }
-        this._state.responseType = type;
+        __classPrivateFieldSet(this, _XMLHttpRequest_responseType, type, "f");
     }
     /**
      * Get response Type.
@@ -176,7 +153,7 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns Response type.
      */
     get responseType() {
-        return this._state.responseType;
+        return __classPrivateFieldGet(this, _XMLHttpRequest_responseType, "f");
     }
     /**
      * Opens the connection.
@@ -188,46 +165,43 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @param [password] Password for basic authentication (optional).
      */
     open(method, url, async = true, user, password) {
-        this.abort();
-        this._state.aborted = false;
-        this._state.error = false;
-        const upperMethod = method.toUpperCase();
-        // Check for valid request method
-        if (FORBIDDEN_REQUEST_METHODS.includes(upperMethod)) {
-            throw new DOMException('Request method not allowed', DOMExceptionNameEnum.securityError);
-        }
-        // Check responseType.
         if (!async && !!this.responseType && this.responseType !== XMLHttpResponseTypeEnum.text) {
             throw new DOMException(`Failed to execute 'open' on 'XMLHttpRequest': Synchronous requests from a document must not set a response type.`, DOMExceptionNameEnum.invalidAccessError);
         }
-        this._settings = {
-            method: upperMethod,
-            url: url,
-            async: async,
-            user: user || null,
-            password: password || null
-        };
-        this._setState(XMLHttpRequestReadyStateEnum.opened);
+        const headers = new Headers();
+        if (user) {
+            const authBuffer = Buffer.from(`${user}:${password || ''}`);
+            headers.set('Authorization', 'Basic ' + authBuffer.toString('base64'));
+        }
+        __classPrivateFieldSet(this, _XMLHttpRequest_async, async, "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_aborted, false, "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_response, null, "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_responseBody, null, "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_abortController, new AbortController(), "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_request, new (__classPrivateFieldGet(this, _XMLHttpRequest_window, "f").Request)(url, {
+            method,
+            headers,
+            signal: __classPrivateFieldGet(this, _XMLHttpRequest_abortController, "f").signal,
+            credentials: this.withCredentials ? 'include' : 'omit'
+        }), "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.opened, "f");
     }
     /**
      * Sets a header for the request.
      *
-     * @param header Header name
-     * @param value Header value
+     * @param name Header name.
+     * @param value Header value.
      * @returns Header added.
      */
-    setRequestHeader(header, value) {
+    setRequestHeader(name, value) {
         if (this.readyState !== XMLHttpRequestReadyStateEnum.opened) {
             throw new DOMException(`Failed to execute 'setRequestHeader' on 'XMLHttpRequest': The object's state must be OPENED.`, DOMExceptionNameEnum.invalidStateError);
         }
-        const lowerHeader = header.toLowerCase();
-        if (FORBIDDEN_REQUEST_HEADERS.includes(lowerHeader)) {
+        // TODO: Use FetchRequestHeaderUtility.removeForbiddenHeaders() instead.
+        if (FetchRequestHeaderUtility.isHeaderForbidden(name)) {
             return false;
         }
-        if (this._state.send) {
-            throw new DOMException(`Failed to execute 'setRequestHeader' on 'XMLHttpRequest': Request is in progress.`, DOMExceptionNameEnum.invalidStateError);
-        }
-        this._state.requestHeaders[lowerHeader] = value;
+        __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").headers.set(name, value);
         return true;
     }
     /**
@@ -237,19 +211,7 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns string Text of the header or null if it doesn't exist.
      */
     getResponseHeader(header) {
-        const lowerHeader = header.toLowerCase();
-        // Cookie headers are excluded for security reasons as per spec.
-        if (typeof header === 'string' &&
-            header !== 'set-cookie' &&
-            header !== 'set-cookie2' &&
-            this.readyState > XMLHttpRequestReadyStateEnum.opened &&
-            this._state.incommingMessage.headers[lowerHeader] &&
-            !this._state.error) {
-            return Array.isArray(this._state.incommingMessage.headers[lowerHeader])
-                ? this._state.incommingMessage.headers[lowerHeader].join(', ')
-                : this._state.incommingMessage.headers[lowerHeader];
-        }
-        return null;
+        return __classPrivateFieldGet(this, _XMLHttpRequest_response, "f")?.headers.get(header) ?? null;
     }
     /**
      * Gets all the response headers.
@@ -257,14 +219,14 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
      * @returns A string with all response headers separated by CR+LF.
      */
     getAllResponseHeaders() {
-        if (this.readyState < XMLHttpRequestReadyStateEnum.headersRecieved || this._state.error) {
+        if (!__classPrivateFieldGet(this, _XMLHttpRequest_response, "f")) {
             return '';
         }
         const result = [];
-        for (const name of Object.keys(this._state.incommingMessage.headers)) {
-            // Cookie headers are excluded for security reasons as per spec.
-            if (name !== 'set-cookie' && name !== 'set-cookie2') {
-                result.push(`${name}: ${this._state.incommingMessage.headers[name]}`);
+        for (const [name, value] of __classPrivateFieldGet(this, _XMLHttpRequest_response, "f")?.headers) {
+            const lowerName = name.toLowerCase();
+            if (lowerName !== 'set-cookie' && lowerName !== 'set-cookie2') {
+                result.push(`${name}: ${value}`);
             }
         }
         return result.join('\r\n');
@@ -272,564 +234,179 @@ class XMLHttpRequest extends XMLHttpRequestEventTarget {
     /**
      * Sends the request to the server.
      *
-     * @param data Optional data to send as request body.
+     * @param body Optional data to send as request body.
      */
-    send(data) {
-        var _a, _b;
+    send(body) {
         if (this.readyState != XMLHttpRequestReadyStateEnum.opened) {
             throw new DOMException(`Failed to execute 'send' on 'XMLHttpRequest': Connection must be opened before send() is called.`, DOMExceptionNameEnum.invalidStateError);
         }
-        if (this._state.send) {
-            throw new DOMException(`Failed to execute 'send' on 'XMLHttpRequest': Send has already been called.`, DOMExceptionNameEnum.invalidStateError);
+        // When body is a Document, serialize it to a string.
+        if (typeof body === 'object' &&
+            body !== null &&
+            body.nodeType === NodeTypeEnum.documentNode) {
+            body = body.documentElement.outerHTML;
         }
-        const { location } = this._ownerDocument.defaultView;
-        const url = new URL(this._settings.url, location);
-        // Security check.
-        if (url.protocol === 'http:' && location.protocol === 'https:') {
-            throw new DOMException(`Mixed Content: The page at '${location.href}' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '${url.href}'. This request has been blocked; the content must be served over HTTPS.`, DOMExceptionNameEnum.securityError);
-        }
-        // Load files off the local filesystem (file://)
-        if (XMLHttpRequestURLUtility.isLocal(url)) {
-            if (!this._ownerDocument.defaultView.happyDOM.settings.enableFileSystemHttpRequests) {
-                throw new DOMException('File system is disabled by default for security reasons. To enable it, set the "window.happyDOM.settings.enableFileSystemHttpRequests" option to true.', DOMExceptionNameEnum.securityError);
-            }
-            if (this._settings.method !== 'GET') {
-                throw new DOMException('Failed to send local file system request. Only "GET" method is supported for local file system requests.', DOMExceptionNameEnum.notSupportedError);
-            }
-            if (this._settings.async) {
-                this._sendLocalAsyncRequest(url).catch((error) => this._onError(error));
-            }
-            else {
-                this._sendLocalSyncRequest(url);
-            }
-            return;
-        }
-        // TODO: CORS check.
-        const host = XMLHttpRequestURLUtility.getHost(url);
-        const ssl = XMLHttpRequestURLUtility.isSSL(url);
-        // Default to port 80. If accessing localhost on another port be sure
-        // To use http://localhost:port/path
-        const port = Number(url.port) || (ssl ? 443 : 80);
-        // Add query string if one is used
-        const uri = url.pathname + (url.search ? url.search : '');
-        // Set the Host header or the server may reject the request
-        this._state.requestHeaders['host'] = host;
-        if (!((ssl && port === 443) || port === 80)) {
-            this._state.requestHeaders['host'] += ':' + url.port;
-        }
-        // Set Basic Auth if necessary
-        if (this._settings.user) {
-            (_a = this._settings).password ?? (_a.password = '');
-            const authBuffer = Buffer.from(this._settings.user + ':' + this._settings.password);
-            this._state.requestHeaders['authorization'] = 'Basic ' + authBuffer.toString('base64');
-        }
-        // Set the Content-Length header if method is POST
-        switch (this._settings.method) {
-            case 'GET':
-            case 'HEAD':
-                data = null;
-                break;
-            case 'POST':
-                (_b = this._state.requestHeaders)['content-type'] ?? (_b['content-type'] = 'text/plain;charset=UTF-8');
-                if (data) {
-                    this._state.requestHeaders['content-length'] = Buffer.isBuffer(data)
-                        ? data.length
-                        : Buffer.byteLength(data);
-                }
-                else {
-                    this._state.requestHeaders['content-length'] = 0;
-                }
-                break;
-            default:
-                break;
-        }
-        const options = {
-            host: host,
-            port: port,
-            path: uri,
-            method: this._settings.method,
-            headers: { ...this._getDefaultRequestHeaders(), ...this._state.requestHeaders },
-            agent: false,
-            rejectUnauthorized: true
-        };
-        if (ssl) {
-            options.key = XMLHttpRequestCertificate.key;
-            options.cert = XMLHttpRequestCertificate.cert;
-        }
-        // Reset error flag
-        this._state.error = false;
-        // Handle async requests
-        if (this._settings.async) {
-            this._sendAsyncRequest(options, ssl, data).catch((error) => this._onError(error));
+        if (__classPrivateFieldGet(this, _XMLHttpRequest_async, "f")) {
+            __classPrivateFieldGet(this, _XMLHttpRequest_instances, "m", _XMLHttpRequest_sendAsync).call(this, body).catch((error) => {
+                throw error;
+            });
         }
         else {
-            this._sendSyncRequest(options, ssl, data);
+            __classPrivateFieldGet(this, _XMLHttpRequest_instances, "m", _XMLHttpRequest_sendSync).call(this, body);
         }
     }
     /**
      * Aborts a request.
      */
     abort() {
-        if (this._state.asyncRequest) {
-            this._state.asyncRequest.destroy();
-            this._state.asyncRequest = null;
-        }
-        this._state.status = null;
-        this._state.statusText = null;
-        this._state.requestHeaders = {};
-        this._state.responseText = '';
-        this._state.responseXML = null;
-        this._state.aborted = true;
-        this._state.error = true;
-        if (this.readyState !== XMLHttpRequestReadyStateEnum.unsent &&
-            (this.readyState !== XMLHttpRequestReadyStateEnum.opened || this._state.send) &&
-            this.readyState !== XMLHttpRequestReadyStateEnum.done) {
-            this._state.send = false;
-            this._setState(XMLHttpRequestReadyStateEnum.done);
-        }
-        this._state.readyState = XMLHttpRequestReadyStateEnum.unsent;
-        if (this._state.asyncTaskID !== null) {
-            this._ownerDocument.defaultView.happyDOM.asyncTaskManager.endTask(this._state.asyncTaskID);
-        }
-    }
-    /**
-     * Changes readyState and calls onreadystatechange.
-     *
-     * @param state
-     */
-    _setState(state) {
-        if (this.readyState === state ||
-            (this.readyState === XMLHttpRequestReadyStateEnum.unsent && this._state.aborted)) {
-            return;
-        }
-        this._state.readyState = state;
-        if (this._settings.async ||
-            this.readyState < XMLHttpRequestReadyStateEnum.opened ||
-            this.readyState === XMLHttpRequestReadyStateEnum.done) {
-            this.dispatchEvent(new Event('readystatechange'));
-        }
-        if (this.readyState === XMLHttpRequestReadyStateEnum.done) {
-            let fire;
-            if (this._state.aborted) {
-                fire = new Event('abort');
-            }
-            else if (this._state.error) {
-                fire = new Event('error');
-            }
-            else {
-                fire = new Event('load');
-            }
-            this.dispatchEvent(fire);
-            this.dispatchEvent(new Event('loadend'));
-        }
-    }
-    /**
-     * Default request headers.
-     *
-     * @returns Default request headers.
-     */
-    _getDefaultRequestHeaders() {
-        const { location, navigator, document } = this._ownerDocument.defaultView;
-        return {
-            accept: '*/*',
-            referer: location.href,
-            'user-agent': navigator.userAgent,
-            cookie: document._cookie.getCookieString(location, false)
-        };
-    }
-    /**
-     * Sends a synchronous request.
-     *
-     * @param options
-     * @param ssl
-     * @param data
-     */
-    _sendSyncRequest(options, ssl, data) {
-        const scriptString = XMLHttpRequestSyncRequestScriptBuilder.getScript(options, ssl, data);
-        // Start the other Node Process, executing this string
-        const content = ChildProcess.execFileSync(process.argv[0], ['-e', scriptString], {
-            encoding: 'buffer',
-            maxBuffer: 1024 * 1024 * 1024 // TODO: Consistent buffer size: 1GB.
-        });
-        // If content length is 0, then there was an error
-        if (!content.length) {
-            throw new DOMException('Synchronous request failed', DOMExceptionNameEnum.networkError);
-        }
-        const { error, data: response } = JSON.parse(content.toString());
-        if (error) {
-            this._onError(error);
+        if (__classPrivateFieldGet(this, _XMLHttpRequest_aborted, "f")) {
             return;
         }
-        if (response) {
-            this._state.incommingMessage = {
-                statusCode: response.statusCode,
-                headers: response.headers
-            };
-            this._state.status = response.statusCode;
-            this._state.statusText = response.statusMessage;
-            // Although it will immediately be set to loading,
-            // According to the spec, the state should be headersRecieved first.
-            this._setState(XMLHttpRequestReadyStateEnum.headersRecieved);
-            this._setState(XMLHttpRequestReadyStateEnum.loading);
-            this._state.response = this._decodeResponseText(Buffer.from(response.data, 'base64'));
-            this._state.responseText = this._state.response;
-            this._state.responseXML = null;
-            this._state.responseURL = new URL(this._settings.url, this._ownerDocument.defaultView.location).href;
-            // Set Cookies.
-            this._setCookies(this._state.incommingMessage.headers);
-            // Redirect.
-            if (this._state.incommingMessage.statusCode === 301 ||
-                this._state.incommingMessage.statusCode === 302 ||
-                this._state.incommingMessage.statusCode === 303 ||
-                this._state.incommingMessage.statusCode === 307) {
-                const redirectUrl = new URL(this._state.incommingMessage.headers['location'], this._ownerDocument.defaultView.location);
-                ssl = redirectUrl.protocol === 'https:';
-                this._settings.url = redirectUrl.href;
-                // Recursive call.
-                this._sendSyncRequest(Object.assign(options, {
-                    host: redirectUrl.host,
-                    path: redirectUrl.pathname + (redirectUrl.search ?? ''),
-                    port: redirectUrl.port || (ssl ? 443 : 80),
-                    method: this._state.incommingMessage.statusCode === 303 ? 'GET' : this._settings.method,
-                    headers: Object.assign(options.headers, {
-                        referer: redirectUrl.origin,
-                        host: redirectUrl.host
-                    })
-                }), ssl, data);
-            }
-            this._setState(XMLHttpRequestReadyStateEnum.done);
-        }
+        __classPrivateFieldSet(this, _XMLHttpRequest_aborted, true, "f");
+        __classPrivateFieldGet(this, _XMLHttpRequest_abortController, "f").abort();
     }
-    /**
-     * Sends an async request.
-     *
-     * @param options
-     * @param ssl
-     * @param data
-     */
-    _sendAsyncRequest(options, ssl, data) {
-        return new Promise((resolve) => {
-            // Starts async task in Happy DOM
-            this._state.asyncTaskID = this._ownerDocument.defaultView.happyDOM.asyncTaskManager.startTask(this.abort.bind(this));
-            // Use the proper protocol
-            const sendRequest = ssl ? HTTPS.request : HTTP.request;
-            // Request is being sent, set send flag
-            this._state.send = true;
-            // As per spec, this is called here for historical reasons.
-            this.dispatchEvent(new Event('readystatechange'));
-            // Create the request
-            this._state.asyncRequest = sendRequest(options, async (response) => {
-                await this._onAsyncResponse(response, options, ssl, data);
-                resolve();
-                // Ends async task in Happy DOM
-                this._ownerDocument.defaultView.happyDOM.asyncTaskManager.endTask(this._state.asyncTaskID);
-            });
-            this._state.asyncRequest.on('error', (error) => {
-                this._onError(error);
-                resolve();
-                // Ends async task in Happy DOM
-                this._ownerDocument.defaultView.happyDOM.asyncTaskManager.endTask(this._state.asyncTaskID);
-            });
-            // Node 0.4 and later won't accept empty data. Make sure it's needed.
-            if (data) {
-                this._state.asyncRequest.write(data);
-            }
-            this._state.asyncRequest.end();
-            this.dispatchEvent(new Event('loadstart'));
-        });
+}
+_XMLHttpRequest_browserFrame = new WeakMap(), _XMLHttpRequest_window = new WeakMap(), _XMLHttpRequest_async = new WeakMap(), _XMLHttpRequest_abortController = new WeakMap(), _XMLHttpRequest_aborted = new WeakMap(), _XMLHttpRequest_request = new WeakMap(), _XMLHttpRequest_response = new WeakMap(), _XMLHttpRequest_responseType = new WeakMap(), _XMLHttpRequest_responseBody = new WeakMap(), _XMLHttpRequest_readyState = new WeakMap(), _XMLHttpRequest_instances = new WeakSet(), _XMLHttpRequest_sendAsync = 
+/**
+ * Sends the request to the server asynchronously.
+ *
+ * @param body Optional data to send as request body.
+ */
+async function _XMLHttpRequest_sendAsync(body) {
+    const taskID = __classPrivateFieldGet(this, _XMLHttpRequest_browserFrame, "f")[PropertySymbol.asyncTaskManager].startTask(() => this.abort());
+    __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.loading, "f");
+    this.dispatchEvent(new Event('readystatechange'));
+    this.dispatchEvent(new Event('loadstart'));
+    if (body) {
+        __classPrivateFieldSet(this, _XMLHttpRequest_request, new (__classPrivateFieldGet(this, _XMLHttpRequest_window, "f").Request)(__classPrivateFieldGet(this, _XMLHttpRequest_request, "f").url, {
+            method: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").method,
+            headers: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").headers,
+            signal: __classPrivateFieldGet(this, _XMLHttpRequest_abortController, "f").signal,
+            credentials: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").credentials,
+            body
+        }), "f");
     }
-    /**
-     * Handles an async response.
-     *
-     * @param options Options.
-     * @param ssl SSL.
-     * @param data Data.
-     * @param response Response.
-     * @returns Promise.
-     */
-    _onAsyncResponse(response, options, ssl, data) {
-        return new Promise((resolve) => {
-            // Set response var to the response we got back
-            // This is so it remains accessable outside this scope
-            this._state.incommingMessage = response;
-            // Set Cookies
-            this._setCookies(this._state.incommingMessage.headers);
-            // Check for redirect
-            // @TODO Prevent looped redirects
-            if (this._state.incommingMessage.statusCode === 301 ||
-                this._state.incommingMessage.statusCode === 302 ||
-                this._state.incommingMessage.statusCode === 303 ||
-                this._state.incommingMessage.statusCode === 307) {
-                // TODO: redirect url protocol change.
-                // Change URL to the redirect location
-                this._settings.url = this._state.incommingMessage.headers.location;
-                // Parse the new URL.
-                const redirectUrl = new URL(this._settings.url, this._ownerDocument.defaultView.location);
-                this._settings.url = redirectUrl.href;
-                ssl = redirectUrl.protocol === 'https:';
-                // Issue the new request
-                this._sendAsyncRequest({
-                    ...options,
-                    host: redirectUrl.hostname,
-                    port: redirectUrl.port,
-                    path: redirectUrl.pathname + (redirectUrl.search ?? ''),
-                    method: this._state.incommingMessage.statusCode === 303 ? 'GET' : this._settings.method,
-                    headers: { ...options.headers, referer: redirectUrl.origin, host: redirectUrl.host }
-                }, ssl, data);
-                // @TODO Check if an XHR event needs to be fired here
+    __classPrivateFieldGet(this, _XMLHttpRequest_abortController, "f").signal.addEventListener('abort', () => {
+        __classPrivateFieldSet(this, _XMLHttpRequest_aborted, true, "f");
+        __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.unsent, "f");
+        this.dispatchEvent(new Event('abort'));
+        this.dispatchEvent(new Event('loadend'));
+        this.dispatchEvent(new Event('readystatechange'));
+        __classPrivateFieldGet(this, _XMLHttpRequest_browserFrame, "f")[PropertySymbol.asyncTaskManager].endTask(taskID);
+    });
+    const onError = (error) => {
+        if (error instanceof DOMException && error.name === DOMExceptionNameEnum.abortError) {
+            if (__classPrivateFieldGet(this, _XMLHttpRequest_aborted, "f")) {
                 return;
             }
-            this._state.status = this._state.incommingMessage.statusCode;
-            this._state.statusText = this._state.incommingMessage.statusMessage;
-            this._setState(XMLHttpRequestReadyStateEnum.headersRecieved);
-            // Initialize response.
-            let tempResponse = Buffer.from(new Uint8Array(0));
-            this._state.incommingMessage.on('data', (chunk) => {
-                // Make sure there's some data
-                if (chunk) {
-                    tempResponse = Buffer.concat([tempResponse, Buffer.from(chunk)]);
-                }
-                // Don't emit state changes if the connection has been aborted.
-                if (this._state.send) {
-                    this._setState(XMLHttpRequestReadyStateEnum.loading);
-                }
-                const contentLength = Number(this._state.incommingMessage.headers['content-length']);
-                this.dispatchEvent(new ProgressEvent('progress', {
-                    lengthComputable: !isNaN(contentLength),
-                    loaded: tempResponse.length,
-                    total: isNaN(contentLength) ? 0 : contentLength
-                }));
-            });
-            this._state.incommingMessage.on('end', () => {
-                if (this._state.send) {
-                    // The sendFlag needs to be set before setState is called.  Otherwise, if we are chaining callbacks
-                    // There can be a timing issue (the callback is called and a new call is made before the flag is reset).
-                    this._state.send = false;
-                    // Set response according to responseType.
-                    const { response, responseXML, responseText } = this._parseResponseData(tempResponse);
-                    this._state.response = response;
-                    this._state.responseXML = responseXML;
-                    this._state.responseText = responseText;
-                    this._state.responseURL = new URL(this._settings.url, this._ownerDocument.defaultView.location).href;
-                    // Discard the 'end' event if the connection has been aborted
-                    this._setState(XMLHttpRequestReadyStateEnum.done);
-                }
-                resolve();
-            });
-            this._state.incommingMessage.on('error', (error) => {
-                this._onError(error);
-                resolve();
-            });
-        });
-    }
-    /**
-     * Sends a local file system async request.
-     *
-     * @param url URL.
-     * @returns Promise.
-     */
-    async _sendLocalAsyncRequest(url) {
-        this._state.asyncTaskID = this._ownerDocument.defaultView.happyDOM.asyncTaskManager.startTask(this.abort.bind(this));
-        let data;
-        try {
-            data = await FS.promises.readFile(decodeURI(url.pathname.slice(1)));
-        }
-        catch (error) {
-            this._onError(error);
-            // Release async task.
-            this._ownerDocument.defaultView.happyDOM.asyncTaskManager.endTask(this._state.asyncTaskID);
-            return;
-        }
-        const dataLength = data.length;
-        // @TODO: set state headersRecieved first.
-        this._setState(XMLHttpRequestReadyStateEnum.loading);
-        this.dispatchEvent(new ProgressEvent('progress', {
-            lengthComputable: true,
-            loaded: dataLength,
-            total: dataLength
-        }));
-        if (data) {
-            this._parseLocalRequestData(url, data);
-        }
-        this._setState(XMLHttpRequestReadyStateEnum.done);
-        this._ownerDocument.defaultView.happyDOM.asyncTaskManager.endTask(this._state.asyncTaskID);
-    }
-    /**
-     * Sends a local file system synchronous request.
-     *
-     * @param url URL.
-     */
-    _sendLocalSyncRequest(url) {
-        let data;
-        try {
-            data = FS.readFileSync(decodeURI(url.pathname.slice(1)));
-        }
-        catch (error) {
-            this._onError(error);
-            return;
-        }
-        // @TODO: set state headersRecieved first.
-        this._setState(XMLHttpRequestReadyStateEnum.loading);
-        if (data) {
-            this._parseLocalRequestData(url, data);
+            __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.unsent, "f");
+            this.dispatchEvent(new Event('abort'));
         }
-        this._setState(XMLHttpRequestReadyStateEnum.done);
+        else {
+            __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.done, "f");
+            this.dispatchEvent(new ErrorEvent('error', { error, message: error.message }));
+        }
+        this.dispatchEvent(new Event('loadend'));
+        this.dispatchEvent(new Event('readystatechange'));
+        __classPrivateFieldGet(this, _XMLHttpRequest_browserFrame, "f")[PropertySymbol.asyncTaskManager].endTask(taskID);
+    };
+    const fetch = new Fetch({
+        browserFrame: __classPrivateFieldGet(this, _XMLHttpRequest_browserFrame, "f"),
+        window: __classPrivateFieldGet(this, _XMLHttpRequest_window, "f"),
+        url: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").url,
+        init: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f")
+    });
+    try {
+        __classPrivateFieldSet(this, _XMLHttpRequest_response, await fetch.send(), "f");
     }
-    /**
-     * Parses local request data.
-     *
-     * @param url URL.
-     * @param data Data.
-     */
-    _parseLocalRequestData(url, data) {
-        // Manually set the response headers.
-        this._state.incommingMessage = {
-            statusCode: 200,
-            headers: {
-                'content-length': String(data.length),
-                'content-type': XMLHttpRequestURLUtility.getMimeTypeFromExt(url)
-                // @TODO: 'last-modified':
-            }
-        };
-        this._state.status = this._state.incommingMessage.statusCode;
-        this._state.statusText = 'OK';
-        const { response, responseXML, responseText } = this._parseResponseData(data);
-        this._state.response = response;
-        this._state.responseXML = responseXML;
-        this._state.responseText = responseText;
-        this._state.responseURL = new URL(this._settings.url, this._ownerDocument.defaultView.location).href;
-        this._setState(XMLHttpRequestReadyStateEnum.done);
+    catch (error) {
+        onError(error);
+        return;
     }
-    /**
-     * Returns response based to the "responseType" property.
-     *
-     * @param data Data.
-     * @returns Parsed response.
-     */
-    _parseResponseData(data) {
-        switch (this.responseType) {
-            case XMLHttpResponseTypeEnum.arraybuffer:
-                // See: https://github.com/jsdom/jsdom/blob/c3c421c364510e053478520500bccafd97f5fa39/lib/jsdom/living/helpers/binary-data.js
-                const newAB = new ArrayBuffer(data.length);
-                const view = new Uint8Array(newAB);
-                view.set(data);
-                return {
-                    response: view,
-                    responseText: null,
-                    responseXML: null
-                };
-            case XMLHttpResponseTypeEnum.blob:
-                try {
-                    return {
-                        response: new this._ownerDocument.defaultView.Blob([new Uint8Array(data)], {
-                            type: this.getResponseHeader('content-type') || ''
-                        }),
-                        responseText: null,
-                        responseXML: null
-                    };
-                }
-                catch (e) {
-                    return { response: null, responseText: null, responseXML: null };
-                }
-            case XMLHttpResponseTypeEnum.document:
-                const window = this._ownerDocument.defaultView;
-                const happyDOMSettings = window.happyDOM.settings;
-                let response;
-                // Temporary disables unsecure features.
-                window.happyDOM.settings = {
-                    ...happyDOMSettings,
-                    enableFileSystemHttpRequests: false,
-                    disableJavaScriptEvaluation: true,
-                    disableCSSFileLoading: true,
-                    disableJavaScriptFileLoading: true
-                };
-                const domParser = new window.DOMParser();
-                try {
-                    response = domParser.parseFromString(this._decodeResponseText(data), 'text/xml');
-                }
-                catch (e) {
-                    return { response: null, responseText: null, responseXML: null };
-                }
-                // Restores unsecure features.
-                window.happyDOM.settings = happyDOMSettings;
-                return { response, responseText: null, responseXML: response };
-            case XMLHttpResponseTypeEnum.json:
+    __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.headersRecieved, "f");
+    this.dispatchEvent(new Event('readystatechange'));
+    const contentLength = __classPrivateFieldGet(this, _XMLHttpRequest_response, "f").headers.get('Content-Length');
+    const contentLengthNumber = contentLength !== null && !isNaN(Number(contentLength)) ? Number(contentLength) : null;
+    let loaded = 0;
+    let data = Buffer.from([]);
+    if (__classPrivateFieldGet(this, _XMLHttpRequest_response, "f").body) {
+        let eventError;
+        try {
+            for await (const chunk of __classPrivateFieldGet(this, _XMLHttpRequest_response, "f").body) {
+                data = Buffer.concat([data, typeof chunk === 'string' ? Buffer.from(chunk) : chunk]);
+                loaded += chunk.length;
+                // We need to re-throw the error as we don't want it to be caught by the try/catch.
                 try {
-                    return {
-                        response: JSON.parse(this._decodeResponseText(data)),
-                        responseText: null,
-                        responseXML: null
-                    };
+                    this.dispatchEvent(new ProgressEvent('progress', {
+                        lengthComputable: contentLengthNumber !== null,
+                        loaded,
+                        total: contentLengthNumber !== null ? contentLengthNumber : 0
+                    }));
                 }
-                catch (e) {
-                    return { response: null, responseText: null, responseXML: null };
-                }
-            case XMLHttpResponseTypeEnum.text:
-            case '':
-            default:
-                const responseText = this._decodeResponseText(data);
-                return {
-                    response: responseText,
-                    responseText: responseText,
-                    responseXML: null
-                };
-        }
-    }
-    /**
-     * Set Cookies from response headers.
-     *
-     * @param headers Headers.
-     */
-    _setCookies(headers) {
-        const originURL = new URL(this._settings.url, this._ownerDocument.defaultView.location);
-        for (const header of ['set-cookie', 'set-cookie2']) {
-            if (Array.isArray(headers[header])) {
-                for (const cookie of headers[header]) {
-                    this._ownerDocument.defaultView.document._cookie.addCookieString(originURL, cookie);
+                catch (error) {
+                    eventError = error;
+                    throw error;
                 }
             }
-            else if (headers[header]) {
-                this._ownerDocument.defaultView.document._cookie.addCookieString(originURL, headers[header]);
+        }
+        catch (error) {
+            if (error === eventError) {
+                throw error;
             }
+            onError(error);
+            return;
         }
     }
-    /**
-     * Called when an error is encountered to deal with it.
-     *
-     * @param error Error.
-     */
-    _onError(error) {
-        this._state.status = 0;
-        this._state.statusText = error.toString();
-        this._state.responseText = error instanceof Error ? error.stack : '';
-        this._state.error = true;
-        this._setState(XMLHttpRequestReadyStateEnum.done);
-        const errorObject = error instanceof Error ? error : new Error(error);
-        const event = new ErrorEvent('error', {
-            message: errorObject.message,
-            error: errorObject
-        });
-        this._ownerDocument.defaultView.console.error(errorObject);
-        this.dispatchEvent(event);
-        this._ownerDocument.defaultView.dispatchEvent(event);
+    __classPrivateFieldSet(this, _XMLHttpRequest_responseBody, XMLHttpRequestResponseDataParser.parse({
+        window: __classPrivateFieldGet(this, _XMLHttpRequest_window, "f"),
+        responseType: __classPrivateFieldGet(this, _XMLHttpRequest_responseType, "f"),
+        data,
+        contentType: __classPrivateFieldGet(this, _XMLHttpRequest_response, "f").headers.get('Content-Type') || __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").headers.get('Content-Type')
+    }), "f");
+    __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.done, "f");
+    this.dispatchEvent(new Event('readystatechange'));
+    this.dispatchEvent(new Event('load'));
+    this.dispatchEvent(new Event('loadend'));
+    __classPrivateFieldGet(this, _XMLHttpRequest_browserFrame, "f")[PropertySymbol.asyncTaskManager].endTask(taskID);
+}, _XMLHttpRequest_sendSync = function _XMLHttpRequest_sendSync(body) {
+    if (body) {
+        __classPrivateFieldSet(this, _XMLHttpRequest_request, new (__classPrivateFieldGet(this, _XMLHttpRequest_window, "f").Request)(__classPrivateFieldGet(this, _XMLHttpRequest_request, "f").url, {
+            method: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").method,
+            headers: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").headers,
+            signal: __classPrivateFieldGet(this, _XMLHttpRequest_abortController, "f").signal,
+            credentials: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").credentials,
+            body
+        }), "f");
     }
-    /**
-     * Decodes response text.
-     *
-     * @param data Data.
-     * @returns Decoded text.
-     **/
-    _decodeResponseText(data) {
-        const contextTypeEncodingRegexp = new RegExp(CONTENT_TYPE_ENCODING_REGEXP, 'gi');
-        // Compatibility with file:// protocol or unpredictable http request.
-        const contentType = this.getResponseHeader('content-type') ?? this._state.requestHeaders['content-type'];
-        const charset = contextTypeEncodingRegexp.exec(contentType);
-        // Default encoding: utf-8.
-        return IconvLite.decode(data, charset ? charset[1] : 'utf-8');
+    __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.loading, "f");
+    const fetch = new SyncFetch({
+        browserFrame: __classPrivateFieldGet(this, _XMLHttpRequest_browserFrame, "f"),
+        window: __classPrivateFieldGet(this, _XMLHttpRequest_window, "f"),
+        url: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").url,
+        init: __classPrivateFieldGet(this, _XMLHttpRequest_request, "f")
+    });
+    try {
+        __classPrivateFieldSet(this, _XMLHttpRequest_response, fetch.send(), "f");
     }
-}
-// Owner document is set by a sub-class in the Window constructor
-XMLHttpRequest._ownerDocument = null;
+    catch (error) {
+        __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.done, "f");
+        this.dispatchEvent(new ErrorEvent('error', { error, message: error.message }));
+        this.dispatchEvent(new Event('loadend'));
+        this.dispatchEvent(new Event('readystatechange'));
+        return;
+    }
+    __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.headersRecieved, "f");
+    __classPrivateFieldSet(this, _XMLHttpRequest_responseBody, XMLHttpRequestResponseDataParser.parse({
+        window: __classPrivateFieldGet(this, _XMLHttpRequest_window, "f"),
+        responseType: __classPrivateFieldGet(this, _XMLHttpRequest_responseType, "f"),
+        data: __classPrivateFieldGet(this, _XMLHttpRequest_response, "f").body,
+        contentType: __classPrivateFieldGet(this, _XMLHttpRequest_response, "f").headers.get('Content-Type') || __classPrivateFieldGet(this, _XMLHttpRequest_request, "f").headers.get('Content-Type')
+    }), "f");
+    __classPrivateFieldSet(this, _XMLHttpRequest_readyState, XMLHttpRequestReadyStateEnum.done, "f");
+    this.dispatchEvent(new Event('readystatechange'));
+    this.dispatchEvent(new Event('load'));
+    this.dispatchEvent(new Event('loadend'));
+};
 // Constants
 XMLHttpRequest.UNSENT = XMLHttpRequestReadyStateEnum.unsent;
 XMLHttpRequest.OPENED = XMLHttpRequestReadyStateEnum.opened;