src/observe.ts

import {
  onCLS,
  onFCP,
  onFID,
  onINP,
  onLCP,
  onTTFB,
} from 'web-vitals/attribution';

import { config } from './config';
import { initElementTiming } from './element-timing';
import { logMetric } from './log';
import { po } from './performanceObserver';
import { initResourceTiming } from './resourceTiming';

export const initPerformanceObserver = (): void => {
  onTTFB(report => {
    if (report.value > 0) {
      // @ts-ignore
      logMetric(report);
    }
  }, config.reportOptions.ttfb);
  // @ts-ignore
  onCLS(report => logMetric(report), config.reportOptions.cls);
  // @ts-ignore
  onFCP(report => logMetric(report), config.reportOptions.fcp);
  // @ts-ignore
  onFID(report => logMetric(report), config.reportOptions.fid);
  // @ts-ignore
  onLCP(report => logMetric(report), config.reportOptions.lcp);
  // @ts-ignore
  onINP(report => logMetric(report), config.reportOptions.inp);

  if (config.isResourceTiming) {
    po('resource', initResourceTiming);
  }
  if (config.isElementTiming) {
    po('element', initElementTiming);
  }
};

export const disconnectPerfObserversHidden = (): void => {
  // TODO: Use if need it
};