[v7] Add @sentry/transport-xhr package

Author: kamilogorek

packages/transport-xhr/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['../../.eslintrc.js'],
+};

packages/transport-xhr/.npmignore

@@ -0,0 +1,4 @@
+*
+!/dist/**/*
+!/esm/**/*
+*.tsbuildinfo

packages/transport-xhr/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) 2019, Sentry
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

packages/transport-xhr/README.md

@@ -0,0 +1,22 @@
+<p align="center">
+  <a href="https://sentry.io" target="_blank" align="center">
+    <img src="https://sentry-brand.storage.googleapis.com/sentry-logo-black.png" width="280">
+  </a>
+  <br />
+</p>
+
+# Sentry JavaScript SDK Hub
+
+[![npm version](https://img.shields.io/npm/v/@sentry/transport-xhr.svg)](https://www.npmjs.com/package/@sentry/transport-xhr)
+[![npm dm](https://img.shields.io/npm/dm/@sentry/transport-xhr.svg)](https://www.npmjs.com/package/@sentry/transport-xhr)
+[![npm dt](https://img.shields.io/npm/dt/@sentry/transport-xhr.svg)](https://www.npmjs.com/package/@sentry/transport-xhr)
+[![typedoc](https://img.shields.io/badge/docs-typedoc-blue.svg)](http://getsentry.github.io/sentry-javascript/)
+
+## Links
+
+- [Official SDK Docs](https://docs.sentry.io/quickstart/)
+- [TypeDoc](http://getsentry.github.io/sentry-javascript/)
+
+## General
+
+This package provides the `XHRTransport` class that implements `BaseTransport` using Fetch API.

packages/transport-xhr/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@sentry/transport-xhr",
+  "version": "7.0.0-alpha.0",
+  "description": "Sentry transport using XHR API",
+  "repository": "git://github.com/getsentry/sentry-javascript.git",
+  "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/transport-xhr",
+  "author": "Sentry",
+  "license": "BSD-3-Clause",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "module": "esm/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@sentry/transport-base": "7.0.0-alpha.0",
+    "@sentry/types": "6.1.0",
+    "@sentry/utils": "6.1.0",
+    "@sentry/core": "6.1.0"
+  },
+  "scripts": {
+    "build": "run-p build:es5 build:esm",
+    "build:es5": "tsc -p tsconfig.build.json",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:watch": "run-p build:watch:es5 build:watch:esm",
+    "build:watch:es5": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
+    "build:watch:esm": "tsc -p tsconfig.esm.json -w --preserveWatchOutput",
+    "clean": "rimraf dist coverage",
+    "link:yarn": "yarn link",
+    "lint": "run-s lint:prettier lint:eslint",
+    "lint:prettier": "prettier --check \"{src,test}/**/*.ts\"",
+    "lint:eslint": "eslint .",
+    "fix": "run-s fix:eslint fix:prettier",
+    "fix:prettier": "prettier --write \"{src,test}/**/*.ts\"",
+    "fix:eslint": "eslint . --fix",
+    "test": "jest -c ../../jest.config.js",
+    "test:watch": "npm run test -- --watch",
+    "pack": "npm pack"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "sideEffects": false
+}

packages/transport-xhr/src/index.ts

@@ -0,0 +1,53 @@
+import {
+  BaseTransport,
+  Transport,
+  TransportOptions,
+  TransportRequest,
+  TransportRequestMaker,
+  TransportResponse,
+} from '@sentry/transport-base';
+
+// TODO: Unify all transports options
+type XHRTransportOptions = TransportOptions;
+
+export class XHRTransport extends BaseTransport implements Transport {
+  constructor(private readonly _options: XHRTransportOptions) {
+    super(_options);
+  }
+
+  public sendRequest<T>(request: TransportRequest<T>): PromiseLike<TransportResponse> {
+    const requestMaker: TransportRequestMaker<T> = request => {
+      return new Promise((resolve, reject) => {
+        const xhr = new XMLHttpRequest();
+
+        xhr.onerror = error => reject(error);
+        xhr.onreadystatechange = (): void => {
+          if (xhr.readyState === 4) {
+            resolve({
+              body: xhr.responseText,
+              headers: {
+                'x-sentry-rate-limits': xhr.getResponseHeader('X-Sentry-Rate-Limits'),
+                'retry-after': xhr.getResponseHeader('Retry-After'),
+              },
+              reason: xhr.statusText,
+              statusCode: xhr.status,
+            });
+          }
+        };
+
+        xhr.open('POST', this._dsn.getEnvelopeEndpoint());
+        // "When using setRequestHeader(), you must call it after calling open(), but before calling send()."
+        // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/setRequestHeader
+        for (const header in this._options.headers) {
+          if (Object.prototype.hasOwnProperty.call(this._options.headers, header)) {
+            xhr.setRequestHeader(header, this._options.headers[header]);
+          }
+        }
+        const body = (request.body as unknown) as BodyInit;
+        xhr.send(body);
+      });
+    };
+
+    return super.sendRequest(request, requestMaker);
+  }
+}