123 lines
3.1 KiB
JavaScript
123 lines
3.1 KiB
JavaScript
import { fill } from '../object.js';
|
|
import { supportsNativeFetch } from '../supports.js';
|
|
import { GLOBAL_OBJ } from '../worldwide.js';
|
|
import { addHandler, maybeInstrument, triggerHandlers } from './_handlers.js';
|
|
|
|
/**
|
|
* Add an instrumentation handler for when a fetch request happens.
|
|
* The handler function is called once when the request starts and once when it ends,
|
|
* which can be identified by checking if it has an `endTimestamp`.
|
|
*
|
|
* Use at your own risk, this might break without changelog notice, only used internally.
|
|
* @hidden
|
|
*/
|
|
function addFetchInstrumentationHandler(handler) {
|
|
const type = 'fetch';
|
|
addHandler(type, handler);
|
|
maybeInstrument(type, instrumentFetch);
|
|
}
|
|
|
|
function instrumentFetch() {
|
|
if (!supportsNativeFetch()) {
|
|
return;
|
|
}
|
|
|
|
fill(GLOBAL_OBJ, 'fetch', function (originalFetch) {
|
|
return function (...args) {
|
|
const { method, url } = parseFetchArgs(args);
|
|
|
|
const handlerData = {
|
|
args,
|
|
fetchData: {
|
|
method,
|
|
url,
|
|
},
|
|
startTimestamp: Date.now(),
|
|
};
|
|
|
|
triggerHandlers('fetch', {
|
|
...handlerData,
|
|
});
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
return originalFetch.apply(GLOBAL_OBJ, args).then(
|
|
(response) => {
|
|
const finishedHandlerData = {
|
|
...handlerData,
|
|
endTimestamp: Date.now(),
|
|
response,
|
|
};
|
|
|
|
triggerHandlers('fetch', finishedHandlerData);
|
|
return response;
|
|
},
|
|
(error) => {
|
|
const erroredHandlerData = {
|
|
...handlerData,
|
|
endTimestamp: Date.now(),
|
|
error,
|
|
};
|
|
|
|
triggerHandlers('fetch', erroredHandlerData);
|
|
// NOTE: If you are a Sentry user, and you are seeing this stack frame,
|
|
// it means the sentry.javascript SDK caught an error invoking your application code.
|
|
// This is expected behavior and NOT indicative of a bug with sentry.javascript.
|
|
throw error;
|
|
},
|
|
);
|
|
};
|
|
});
|
|
}
|
|
|
|
function hasProp(obj, prop) {
|
|
return !!obj && typeof obj === 'object' && !!(obj )[prop];
|
|
}
|
|
|
|
function getUrlFromResource(resource) {
|
|
if (typeof resource === 'string') {
|
|
return resource;
|
|
}
|
|
|
|
if (!resource) {
|
|
return '';
|
|
}
|
|
|
|
if (hasProp(resource, 'url')) {
|
|
return resource.url;
|
|
}
|
|
|
|
if (resource.toString) {
|
|
return resource.toString();
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
/**
|
|
* Parses the fetch arguments to find the used Http method and the url of the request.
|
|
* Exported for tests only.
|
|
*/
|
|
function parseFetchArgs(fetchArgs) {
|
|
if (fetchArgs.length === 0) {
|
|
return { method: 'GET', url: '' };
|
|
}
|
|
|
|
if (fetchArgs.length === 2) {
|
|
const [url, options] = fetchArgs ;
|
|
|
|
return {
|
|
url: getUrlFromResource(url),
|
|
method: hasProp(options, 'method') ? String(options.method).toUpperCase() : 'GET',
|
|
};
|
|
}
|
|
|
|
const arg = fetchArgs[0];
|
|
return {
|
|
url: getUrlFromResource(arg ),
|
|
method: hasProp(arg, 'method') ? String(arg.method).toUpperCase() : 'GET',
|
|
};
|
|
}
|
|
|
|
export { addFetchInstrumentationHandler, parseFetchArgs };
|
|
//# sourceMappingURL=fetch.js.map
|