@sentry/browser
Version:
Official Sentry SDK for browsers
47 lines (37 loc) • 1.61 kB
JavaScript
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const core = require('@sentry/core');
const debugBuild = require('../debug-build.js');
const helpers = require('../helpers.js');
/**
* Add a listener that cancels and finishes a transaction when the global
* document is hidden.
*/
function registerBackgroundTabDetection() {
if (helpers.WINDOW.document) {
helpers.WINDOW.document.addEventListener('visibilitychange', () => {
const activeSpan = core.getActiveSpan();
if (!activeSpan) {
return;
}
const rootSpan = core.getRootSpan(activeSpan);
if (helpers.WINDOW.document.hidden && rootSpan) {
const cancelledStatus = 'cancelled';
const { op, status } = core.spanToJSON(rootSpan);
if (debugBuild.DEBUG_BUILD) {
core.logger.log(`[Tracing] Transaction: ${cancelledStatus} -> since tab moved to the background, op: ${op}`);
}
// We should not set status if it is already set, this prevent important statuses like
// error or data loss from being overwritten on transaction.
if (!status) {
rootSpan.setStatus({ code: core.SPAN_STATUS_ERROR, message: cancelledStatus });
}
rootSpan.setAttribute('sentry.cancellation_reason', 'document.hidden');
rootSpan.end();
}
});
} else {
debugBuild.DEBUG_BUILD && core.logger.warn('[Tracing] Could not set up background tab detection due to lack of global document');
}
}
exports.registerBackgroundTabDetection = registerBackgroundTabDetection;
//# sourceMappingURL=backgroundtab.js.map