axios-cache-interceptor/cache-states-transitions.mermaid

stateDiagram-v2
    [*] --> empty: Initial state
    
    empty --> loading: First request starts
    
    loading --> cached: Server responds successfully<br/>& cache predicate passes<br/>& headers allow caching
    loading --> empty: Server responds but<br/>cache predicate fails OR<br/>headers say dont cache OR<br/>request cancelled
    loading --> loading: Concurrent request waits
    
    cached --> empty: Cache deleted manually<br/>OR storage.remove() called
    cached --> stale: TTL expires<br/>(createdAt + ttl < now)
    cached --> must_revalidate: Cache-Control: must-revalidate<br/>& TTL expires
    
    stale --> loading: Request with stale data<br/>Adds If-None-Match/If-Modified-Since headers
    stale --> cached: Request succeeds with new data
    stale --> stale: staleIfError triggers<br/>on request error
    stale --> empty: Cache deleted
    
    must_revalidate --> loading: Revalidation request starts<br/>Adds If-None-Match/If-Modified-Since headers
    must_revalidate --> cached: Revalidation succeeds<br/>(200 or 304 response)
    must_revalidate --> empty: Revalidation fails<br/>& no staleIfError
    must_revalidate --> stale: Revalidation fails<br/>& staleIfError allows
    
    loading --> stale: Previous state was stale<br/>& staleTtl is still valid
    
    note right of empty
        No cached data
        No TTL
        No createdAt
    end note
    
    note right of cached
        Has data
        Has TTL
        Has createdAt
        Response returned from cache
        No HTTP request made
    end note
    
    note right of stale
        Has data (old)
        TTL expired
        Has createdAt (old)
        Can be used with staleIfError
        Request made with conditional headers
    end note
    
    note right of must_revalidate
        Has data
        Must revalidate with server
        Cannot use without revalidation
        Requires fresh validation
    end note
    
    note right of loading
        Request in progress
        May have previous data
        Has deferred promise
        Other requests wait for this
        Can have previous: 'empty', 'stale', or 'must-revalidate'
    end note