[Intercepting navigation in JavaScript] #JavaScript #browser #growth

navigation.js

function hookNavigationEvent(onNavigate) {
  
    // always provide a full location object to the final callback
    function uniformizedOnNavigate(locationOrUrl) {
        try {
            const location = (typeof locationOrUrl === 'string')
                ? new URL(
                    locationOrUrl[0] === '/' // relative
                    ? document.location.origin + locationOrUrl
                    : locationOrUrl
                )
                : locationOrUrl
            onNavigate(location)
        } catch (e) {
            golbalCatch(e, 'processingNavigation')
        }
    }

    const originalPushState = history.pushState
    history.pushState = function pushState(data, title, url) {
        uniformizedOnNavigate(url)
        return originalPushState.apply(history, arguments)
    }

    window.onpopstate = function popStateHandler() {
        uniformizedOnNavigate(document.location)
    }

    // initial call for current page
    uniformizedOnNavigate(document.location)
}