Wrap window.history to create custom pushState event dispatched from window

pushStateCustomEvent.js

// wrap history object (call only once!)
(function (history) {
  const funcs = [];

  // wrap pushState to send custom event
  const pushState = history.pushState;
  history.pushState = function (state, unused, href) {
    window.dispatchEvent(
      new CustomEvent('pushState', { detail: { state, href } })
    );
    return pushState.apply(history, arguments);
  };
})(window.history);

// test handler
function handlePushState(e) {
  console.log('pushState event caught: ', e);
  window.removeEventListener('pushState', handlePushState);
}
window.addEventListener('pushState', handlePushState);