---
title: "Mermaid Diagram"
url: "https://dev-portal.dehaven.org/apis/beer-api-v1/docs/beers/mermaid"
image: "https://dev-portal.dehaven.org/_og/d/c_Ocean.takumi,title_Mermaid+Diagram,props_eyJ0aGVtZSI6eyJtb2RlIjoibGlnaHQiLCJjb2xvcnMiOnsicHJpbWFyeSI6IiMyRUE4QTYifX19,p_Ii9hcGlzL2JlZXItYXBpLXYxL2RvY3MvYmVlcnMvbWVybWFpZCI,s_tH78idmoTaeqaPEZ.png"
---

# Mermaid Diagram example

```mermaid
sequenceDiagram
  Actor User
  participant nuxt server
  participant CF durable objects
  participant Kauth
  participant PDP
  User->>nuxt server: logs in
  nuxt server->> Kauth: logs in
  Kauth->> nuxt server: JWT back + PDP model
  nuxt server->>CF durable objects: stores permission model with TTL of session time
  alt content navigation
  User->>nuxt server: Access RBAC protected page
  nuxt server->> CF durable objects: fetches model
  CF durable objects->> nuxt server: returns model
  nuxt server->>nuxt server: enforce model base on content page
  nuxt server->>User: server data
  end
  alt refresh token
  nuxt server->> PDP: fetch permission model for JWT.subject
  PDP->> nuxt server: permission model
  nuxt server->>CF durable objects: stores permission model with TTL of session time
  end
  alt logs out
  nuxt server->>CF durable objects: delete permission model
  end
```