gatsby-browser.js

import React from "react"
import { location, globalHistory } from "@reach/router"

// Import PDS Global wrapper for applying global context providers.
import { GlobalWrapper } from "@pantheon-systems/pds-toolkit-react"
import { MOBILE_MENU_BREAKPOINT } from './src/vars/responsive'

// Import PDS core styles.
import "./node_modules/@pantheon-systems/pds-toolkit-react/_dist/css/pds-core.css"
import "./node_modules/@pantheon-systems/pds-toolkit-react/_dist/css/pds-layouts.css"
import "./node_modules/@pantheon-systems/pds-toolkit-react/_dist/css/pds-components.css"

// Global styles
import "./src/styles/main.css"
import "./src/styles/custom-glyphicons.css"
import "./src/styles/pds-additions.css"

// custom typefaces
import "prismjs/themes/prism-okaidia.css"

// Code block line numbering
import "prismjs/plugins/line-numbers/prism-line-numbers.css"

// Code block shell prompt
import "./src/styles/codeBlocks.css"

// TOC generator
import "tocbot/dist/tocbot.css"
import "tocbot/dist/tocbot.min.js"

//Segment
export const onRouteUpdate = () => {
  window.locations = window.locations || [document.referrer]
  locations.push(window.location.href)
  window.previousPath = locations[locations.length - 2]
  window.analytics &&
    window.analytics.page({
      url: window.location.href,
      referrer: window.previousPath,
      title: document.title,
    })
  //console.log("Title: ", document.title) //For debugging
}

// Trigger resize event once rendered
export const onInitialClientRender = () => {
  window.dispatchEvent(new Event("resize"))
}

// Global context providers
export const wrapRootElement = ({ element }) => {
  return <GlobalWrapper mobileMenuMaxWidth={MOBILE_MENU_BREAKPOINT}>{element}</GlobalWrapper>
}