PlantUML Web Server

@startuml
skinparam handwritten true
skinparam monochrome true
!$luid = "UID-A"
!$email = "jon@email.com"
!$fuid = "UID-B"

!unquoted procedure JSON($x)

rectangle $x #tan as "
                        {{json
                         %invoke_procedure("_"+$x)
                        }}
                         "
                         !endprocedure

!procedure _choose()
                         {
                        "parts":[
                        {"shape": "cloud",    "name": "id1", "colour": "#palegreen", "desc": "some text"},
                         {"shape": "folder",   "name": "id2", "colour": "#lightblue", "desc": "more text"},
                                                                                                                                                                             {"shape": "database", "name": "id3", "colour": "#pink",      "desc": "even more text"}
                        ]
                        }
                        !endprocedure

'JSON(choose)
                        
map "**Lite Interaction**" as l {
 UID => $luid
        Email => $email
        }

map "**Twitter Registration**" as f {
            UID => $fuid
            Email => $email
                  }

diamond progress

map "**Jon account**" as j{
            UID => $fuid
            Email => $email
            }

map "**Whebhook: Account Progressed**" as progressed{
                                    uid => $luid
                                    newUid =>  $fuid
            }
            map "**Whebhook: Account Updated**" as updated{
            uid => $fuid
                }

map "**Changelog: merge**" as merge{
                                   uid=>$luid 
                                   }

map "**/uid**" as uid{
                                      value => $fuid
                                      oldValue => $luid
             }
           map "**/accountType**" as accountType{
                                        value => full
                                        oldValue => lite
            }
           
            map "**Changelog: upsert**" as upsert{
            uid=>$fuid
                 }

l --> progress
f --> progress
progress --> j

j --> progressed
j --> updated

j --> merge
j --> upsert
merge --> uid
merge --> accountType

' interface "Change Log" as ChangeLog
'interface "Whebhook" as Whebhook

'ChangeLog -- merge
'Whebhook -- progressed
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art