import { FetchTransport, getWebInstrumentations, initializeFaro,InternalLoggerLevel } from '@grafana/faro-web-sdk'
import { TracingInstrumentation } from '@grafana/faro-web-tracing'
import { FetchInstrumentation } from '@opentelemetry/instrumentation-fetch'

import { envConfig } from '~/utils/environment'
const config = envConfig(window.location.hostname)

export default defineNuxtPlugin((nuxtApp) => {
  if (config.grafanaUrl) {
    const faro = initializeFaro({
      app: {
        name: 'Shiny Frontend',
        version: '1.0.0',
        environment: config.name,
      },
      sessionTracking: {
        samplingRate: config.tracesSampleRate,
      },
      instrumentations: [
        // Mandatory, omits default instrumentations otherwise.
        ...getWebInstrumentations(),

        // Tracing package to get end-to-end visibility for HTTP requests.
        new TracingInstrumentation({
          instrumentations: [
            new FetchInstrumentation({
              ignoreUrls: [
                config.grafanaUrl,
                config.apiUrl,
                new RegExp('.*/sw.js$'),
                new RegExp('.*_payload.json.*'),
                new RegExp(`https://${config.auth.domain}/*`),
              ],
            }),
          ],
        }),
      ],
      internalLoggerLevel: InternalLoggerLevel.VERBOSE,
      transports: [
        new FetchTransport({ url: config.grafanaUrl }),
      ],
    })
    console.log(`initialized faro for ${config.grafanaUrl}, sample-rate ${config.tracesSampleRate * 100}%`)
    nuxtApp.provide('faro', faro)
  }
})