import {
  ApplicationConfig,
  provideBrowserGlobalErrorListeners,
  provideZonelessChangeDetection,
} from '@angular/core';
import { provideHttpClient, withFetch } from '@angular/common/http';
import { provideRouter } from '@angular/router';
import { appRoutes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [
    provideZonelessChangeDetection(),
    provideBrowserGlobalErrorListeners(),
    provideRouter(appRoutes),
    // `withFetch()` makes Angular's HttpClient delegate to the browser
    // `fetch` API, which is exactly what `@opentelemetry/instrumentation-
    // fetch` patches — every HttpClient request gets its own span and
    // the W3C `traceparent` header propagated to the BFF
    // automatically. The legacy XHR backend would short-circuit that.
    provideHttpClient(withFetch()),
  ],
};