73 lines
2.3 KiB
JavaScript
73 lines
2.3 KiB
JavaScript
import { fill } from '../object.js';
|
|
import '../debug-build.js';
|
|
import '../logger.js';
|
|
import { GLOBAL_OBJ } from '../worldwide.js';
|
|
import { supportsHistory } from '../vendor/supportsHistory.js';
|
|
import { addHandler, maybeInstrument, triggerHandlers } from './_handlers.js';
|
|
|
|
const WINDOW = GLOBAL_OBJ ;
|
|
|
|
let lastHref;
|
|
|
|
/**
|
|
* 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 addHistoryInstrumentationHandler(handler) {
|
|
const type = 'history';
|
|
addHandler(type, handler);
|
|
maybeInstrument(type, instrumentHistory);
|
|
}
|
|
|
|
function instrumentHistory() {
|
|
if (!supportsHistory()) {
|
|
return;
|
|
}
|
|
|
|
const oldOnPopState = WINDOW.onpopstate;
|
|
WINDOW.onpopstate = function ( ...args) {
|
|
const to = WINDOW.location.href;
|
|
// keep track of the current URL state, as we always receive only the updated state
|
|
const from = lastHref;
|
|
lastHref = to;
|
|
const handlerData = { from, to };
|
|
triggerHandlers('history', handlerData);
|
|
if (oldOnPopState) {
|
|
// Apparently this can throw in Firefox when incorrectly implemented plugin is installed.
|
|
// https://github.com/getsentry/sentry-javascript/issues/3344
|
|
// https://github.com/bugsnag/bugsnag-js/issues/469
|
|
try {
|
|
return oldOnPopState.apply(this, args);
|
|
} catch (_oO) {
|
|
// no-empty
|
|
}
|
|
}
|
|
};
|
|
|
|
function historyReplacementFunction(originalHistoryFunction) {
|
|
return function ( ...args) {
|
|
const url = args.length > 2 ? args[2] : undefined;
|
|
if (url) {
|
|
// coerce to string (this is what pushState does)
|
|
const from = lastHref;
|
|
const to = String(url);
|
|
// keep track of the current URL state, as we always receive only the updated state
|
|
lastHref = to;
|
|
const handlerData = { from, to };
|
|
triggerHandlers('history', handlerData);
|
|
}
|
|
return originalHistoryFunction.apply(this, args);
|
|
};
|
|
}
|
|
|
|
fill(WINDOW.history, 'pushState', historyReplacementFunction);
|
|
fill(WINDOW.history, 'replaceState', historyReplacementFunction);
|
|
}
|
|
|
|
export { addHistoryInstrumentationHandler };
|
|
//# sourceMappingURL=history.js.map
|