gatsby-browser.js

const { init, trackPage } = require('./src/utils/stats')
const { goToNav } = require('./src/utils/goToNavItem')
const { redirects } = require('./config')

exports.onClientEntry = () => {
  init()
}

exports.onRouteUpdate = ({ location }) => {
  trackPage(location.pathname)
  goToNav(location.pathname) // This may not work anymore due to the new scroll behavior of the sidebar
  const isRedirectablePath = redirects.filter((redirect) => {
    const redirectFromSplit = redirect.from.split('#')
    if (redirectFromSplit.length > 1) {
      const isHashPath =
        location.href.includes(redirectFromSplit[0]) && location.hash === `#${redirectFromSplit[1]}`
      return isHashPath
    }
    return location.href.includes(redirect.from)
  })
  if (isRedirectablePath[0]) {
    const fromPathWithoutHash = isRedirectablePath[0].from.split('#')
    const toPathWithoutHash = isRedirectablePath[0].to.split('#')
    if (fromPathWithoutHash[0] === toPathWithoutHash[0]) {
      window.location.hash = toPathWithoutHash[1]
    } else {
      const newpath = location.href.replace(isRedirectablePath[0].from, isRedirectablePath[0].to)
      console.log(newpath)
      window.location.replace(newpath)
    }
  }
}