feat: add modern provide* api-s about cashew HOT 11 CLOSED

I am a bit confused, I configured mine like this:

but looking at my localstorage I can only see a few files from assets and two requests being cached. All the other requests are just not being cached.

Am I doing something wrong?

You need withInterceptorsFromDi() inside provideHttpClient()

from cashew.

@eneajaho You are welcome to open a PR 🙂

from cashew.

This is what I would recommend, as Joost stated on the angular/angular#51303, interceptors are sensitive to ordering. They should be registered in a single place.

from cashew.

Regarding registering the interceptor, I opened an issue in the Angular repo as currently there's no way to register an interceptor directly from the library if we use functional interceptors.

angular/angular#51303

from cashew.

@shaharkazaz
Will do, but after I get some more information about the interceptor registering part.

Maybe we can just fallback to tell the developer to register the interceptor themselves.

So, it would be sth like:

app.config.ts

providers: [
  provideHttpClient(withInterceptors([
    httpCacheInterceptor // --> This will be imported from cashew
  ])),
  provideHttpCache() // --> Register other providers. 
]

from cashew.

I think you can already use it like this:

export function provideHttp(): EnvironmentProviders[] {
  return [
    provideHttpClient(
      withInterceptors([
        logInterceptor,
        tokenInterceptor,
        metaInterceptor,
        errorInterceptor,
      ]),
      withXsrfConfiguration({
        cookieName: 'x-csrf-token',
        headerName: 'X-CSRF-Token',
      }),
      withFetch(),
    ),
    importProvidersFrom(
      HttpCacheInterceptorModule.forRoot({
        ttl: 1000 * 60 * 10,
        strategy: 'explicit',
      }),
    ),
    makeEnvironmentProviders(useHttpCacheLocalStorage),
  ]
}

from cashew.

I am a bit confused, I configured mine like this:

but looking at my localstorage I can only see a few files from assets and two requests being cached. All the other requests are just not being cached.

Am I doing something wrong?

from cashew.

I am a bit confused, I configured mine like this:

but looking at my localstorage I can only see a few files from assets and two requests being cached. All the other requests are just not being cached.
Am I doing something wrong?

You need withInterceptorsFromDi() inside provideHttpClient()

I tried that, but it does not make a difference.
This is what I see in my localstorage:

But it should cache a lot more requests.

from cashew.

I don't know what changed but its working now.... Thanks!

from cashew.

could someone provide a clear example on how to configure cashew when using standalone bootstrap? Thanks on advance!

from cashew.

Seems to work with withInterceptorsFromDi but my response headers are not existing and no longer HttpHeaders and therefore .get() does not work.

from cashew.