concept_map.puml

@startuml metrics_concept_map

skinparam DefaultTextAlignment left

skinparam database {
    borderColor #292618
    backgroundColor #fed100
}

skinparam cloud {
    borderColor #002366
    backgroundColor #007FFF
    fontColor white
}

skinparam rectangle {
    borderColor #182b27
    backgroundColor #20ce9a
    roundCorner 10
}

skinparam ArrowColor #4f4f56

node Jenkins
node "GitHub Actions" as GA
node Buildkite
node Sentry

rectangle "CI integrations" as CI

together {
    node Firebase {
        cloud Hosting
        database Firestore
        cloud Authentication
        cloud Analytics

        cloud #20ce9a "<color:black>Dart Cloud Functions</color>" as DartCloudFunctions
    }

    rectangle Core
}

rectangle "Flutter Web" as Web
rectangle "Deploy CLI" as CLI

Jenkins -[hidden]right-> GA
GA -[hidden]right-> Buildkite
Analytics -[hidden]left-> Hosting  
Analytics -[hidden]right-> Firestore  

Jenkins -down-> CI : data
GA -down-> CI : data
Buildkite -down-> CI : data

CI -down-> Firestore : sync data
CI -down-> Authentication : authenticates

Hosting -[hidden]left-> Authentication
Hosting -[hidden]right-> Firestore
Firestore -[hidden]right-> Authentication

Web -up-> Firestore : reads metrics and \l stores app config
Web -up-> Authentication : authenticates
Web -up-> Hosting : deployed on
Web .up.> Analytics : reports analytics  \l (optional)
Web .down.> Sentry : logging \l (optional)

CLI -up-> Core : uses

DartCloudFunctions -right-> Core : uses
DartCloudFunctions -[hidden]left-> Authentication : uses

Web -right-> Core : uses
CI -right-> Core  : uses

@enduml