namae/src/util/analytics.ts

import ReactGA from 'react-ga'
import * as Sentry from '@sentry/browser'
import { History } from 'history'

const isProduction = process.env.NODE_ENV !== 'development'

export function wrapHistoryWithGA(history: History) {
  if (isProduction) {
    ReactGA.initialize('UA-28919359-15')
    ReactGA.pageview(window.location.pathname + window.location.search)
    history.listen((location) => {
      ReactGA.pageview(location.pathname + location.search)
    })
  }
  return history
}

export function trackEvent({
  category,
  action,
  label = undefined,
  value = undefined,
}: {
  category: string
  action: string
  label?: string
  value?: number
}) {
  if (isProduction) {
    ReactGA.event({
      category,
      action,
      label,
      value,
    })
  }
}

export function sendQueryEvent(query: string): void {
  trackEvent({ category: 'Search', action: 'Invoke New Search', label: query })
}

export function sendGettingStartedEvent(): void {
  trackEvent({ category: 'Search', action: 'Getting Started' })
}

export function sendExpandEvent(): void {
  trackEvent({ category: 'Result', action: 'Expand Card' })
}

export function sendAcceptSuggestionEvent(): void {
  trackEvent({ category: 'Suggestion', action: 'Accept' })
}

export function sendShuffleSuggestionEvent(): void {
  trackEvent({ category: 'Suggestion', action: 'Shuffle' })
}

export function initSentry(): void {
  if (isProduction) {
    Sentry.init({
      dsn: 'https://7ab2df74aead499b950ebef190cc40b7@sentry.io/1759299',
    })
  }
}

export function sendError(
  error: Error,
  errorInfo: {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    [key: string]: any
  }
): Promise<string> {
  return new Promise((resolve) => {
    if (isProduction) {
      Sentry.withScope((scope) => {
        scope.setExtras(errorInfo)
        const eventId = Sentry.captureException(error)
        resolve(eventId)
      })
    }
  })
}