provide http interceptor via a provider function

In my library, I export a http interceptor.

Currently to activate the interceptor, the user must use the following code:

import { provideNgProgressHttp, progressInterceptor } from 'ngx-progressbar/http';

bootstrapApplication(AppComponent, {
providers: [
provideHttpClient(
withInterceptors([progressInterceptor])
),
provideNgProgressHttp()
]
});


I would like to avoid the withInterceptors([progressInterceptor]) part, and make it internally when user provide provideNgProgressHttp(). is this possible?

Expected usage:

import { provideNgProgressHttp } from 'ngx-progressbar/http';

bootstrapApplication(AppComponent, {
providers: [
provideHttpClient(),
provideNgProgressHttp()
]
});


Here is my code:

The interceptor function

export function progressInterceptor(req: HttpRequest<unknown>, next: HttpHandlerFn): Observable<HttpEvent<unknown>> {
return next(req).pipe(
finalize(() => {
// Some code
})
);
}


The provider function

export const NG_PROGRESS_HTTP_CONFIG: InjectionToken<NgProgressHttpConfig> = new InjectionToken<NgProgressHttpConfig>('ngProgressHttpConfig');

export function provideNgProgressHttp(config?: NgProgressHttpConfig): Provider {
return [
{
provide: NG_PROGRESS_HTTP_CONFIG,
useValue: config
}
];
}

Continue reading...