I want to use @ngneat/cashew with interceptor

[sefatanam]

Here is my code snippet,

# Config of Interceptor
{
      provide: HTTP_INTERCEPTORS, useClass: CacheInterceptor, multi: true
 }

# Here is CacheInterceptor 

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const modifiedRequest = request.clone(
      {context: withCache()}
    );
    return next.handle(modifiedRequest);
  }

I want to do this because adding { context : withCache() } in every service's method is repetitive, otherwise in a existing project it it too much time killer. That's why I want achive this via making a custom Interceptor. Does it possible to achieve ?

[NetanelBasal]

What about using https://github.com/ngneat/cashew#strategy

[sefatanam]

I want to make a global interceptor. Here is my code snippet,

# Config of Interceptor
{
      provide: HTTP_INTERCEPTORS, useClass: CacheInterceptor, multi: true
 }

# Here is CacheInterceptor 

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const modifiedRequest = request.clone(
      {context: withCache()}
    );
    return next.handle(modifiedRequest);
  }

Should I use this code bellow in app.module.ts ?

HttpCacheInterceptorModule.forRoot({
  strategy: 'explicit'
});

[NetanelBasal]

implicit, not explicit

[omgitsnes]

I managed to achieve that by using the skipInterceptorDeclaration parameter when importing the module

imports: [
...
    HttpCacheInterceptorModule.forRoot({ skipInterceptorDeclaration: true }),
...]

and then I declare the cashew HTTPInterceptor after my own interceptor where I filter the requests I want to add cache:

providers:[{
          provide: HTTP_INTERCEPTORS,
          useClass: MyHttpCacheInterceptor,
          multi: true,
        },
        {
          provide: HTTP_INTERCEPTORS,
          useClass: HttpCacheInterceptor, // Cashew
          multi: true,
        },

[omgitsnes]

I managed to achieve that by using the skipInterceptorDeclaration parameter when importing the module

imports: [ ... HttpCacheInterceptorModule.forRoot({ skipInterceptorDeclaration: true }), ...]

and then I declare the cashew HTTPInterceptor after my own interceptor where I filter the requests I want to add cache:

providers:[{
          provide: HTTP_INTERCEPTORS,
          useClass: MyHttpCacheInterceptor,
          multi: true,
        },
        {
          provide: HTTP_INTERCEPTORS,
          useClass: HttpCacheInterceptor, // Cashew
          multi: true,
        },

[sefatanam]

hey, @omgitsnes thanks, can you able share a demo angular project with this setup ? please

[omgitsnes]

Hey!
Something like this

[sefatanam]

Hey! Something like this

Seems like all is ok, Let me test. Thanks a lot for sharing. @omgitsnes