70 lines
1.6 KiB
TypeScript
70 lines
1.6 KiB
TypeScript
import { History, Location } from 'history'
|
|
import { debounce, inIframe } from './utils'
|
|
|
|
declare global {
|
|
interface Window {
|
|
_paq: any
|
|
}
|
|
}
|
|
|
|
type TrackingAction = 'trackPageView' | 'trackEvent' | 'disableCookies'
|
|
|
|
type PushArgs = [TrackingAction, ...Array<string | number>]
|
|
type PushType = (args: PushArgs) => void
|
|
|
|
const ua = window.navigator.userAgent
|
|
const iOSSafari =
|
|
(!!ua.match(/iPad/i) || !!ua.match(/iPhone/i)) &&
|
|
!!ua.match(/WebKit/i) &&
|
|
!ua.match(/CriOS/i)
|
|
|
|
export default class Tracker {
|
|
push: PushType
|
|
unlistenFromHistory: (() => void) | undefined
|
|
previousPath: string | undefined
|
|
|
|
constructor(
|
|
pushFunction: PushType = args => (window?._paq ?? []).push(args)
|
|
) {
|
|
this.push = debounce(200, pushFunction) as PushType
|
|
// There is an issue with the way Safari handle cookies in iframe, cf.
|
|
// https://gist.github.com/iansltx/18caf551baaa60b79206.
|
|
// TODO : We don't need to disable cookies if a cookie is already set
|
|
if (iOSSafari && inIframe) {
|
|
pushFunction(['disableCookies'])
|
|
}
|
|
pushFunction(['trackPageView'])
|
|
}
|
|
|
|
connectToHistory(history: History) {
|
|
this.unlistenFromHistory = history.listen(loc => {
|
|
this.track(loc)
|
|
})
|
|
|
|
return history
|
|
}
|
|
|
|
disconnectFromHistory() {
|
|
if (this.unlistenFromHistory) {
|
|
this.unlistenFromHistory()
|
|
|
|
return true
|
|
}
|
|
return false
|
|
}
|
|
|
|
track(loc: Location) {
|
|
const currentPath = loc.pathname + loc.search
|
|
|
|
if (this.previousPath === currentPath) {
|
|
return
|
|
}
|
|
this.push(['trackPageView'])
|
|
this.previousPath = currentPath
|
|
}
|
|
}
|
|
|
|
export const devTracker = new Tracker(
|
|
console?.debug?.bind(console) ?? (() => {}) // eslint-disable-line no-console
|
|
)
|