workspace extends ../model.dsl {
    name "Graphql System"
    description "The software architecture of Graphql."

    model {
        !ref graphqlSystem {
            graphqlContainer = container "GraphQL Container"  {
                graphqlSchema = component "GraphQL Schema" "The schema for the GraphQl System."
                tags "GraphQl Group"
            }
            tags "GraphQl Group"
        }

        graphqlSchema -> ecentiveMCSystem "Resolver" {
            tags "Resolver"
        }
        graphqlSchema -> ecentiveSPSystem "Resolver" {
            tags "Resolver"
        }
        igniteWebFESystem -> graphqlSchema "Resolver" {
            tags "Resolver"
        }
        igniteMobileFESystem -> graphqlSchema "Resolver" {
            tags "Resolver"
        }
        graphqlSchema -> igniteBESystem "Resolver" {
            tags "Resolver"
        }
        retailconnectFESystem -> graphqlSchema "Resolver" {
            tags "Resolver"
        }
    }
    
   views {
        systemContext graphqlSystem "SystemContext" {
            include *
            /*
            animation {
                internetBankingSystem
                customer
                mainframe
                email
            }
            */
    
            description "The system context diagram for the GraphQl System."
           
        }
        component graphqlContainer "Components" {
            include *
            /*
            animation {
                webApplication singlePageApplication mobileApp apiApplication
                database
                customer mainframe email
            }
            */

            description "The component diagram for the GraphQl Schema."
        }
        styles {
            element "Person" {
                background #555555 
                color #ffffff
                shape Person
            }
            element "Web Browser" {
                shape WebBrowser
            }
            element "Mobile App" {
                shape MobileDeviceLandscape
            }
            element "Database" {
                shape Cylinder
            }
            element "Component" {
                background #E49700
                color #000000
            }

            element "GraphQl Group" {
                background #E49700
                color #ffffff
                shape RoundedBox
            }
            element "Cognito/Auth Layer" {
                
                color #E49700
             
            }
            relationship "Resolver" {
                dashed true
                color #E49700
            }
            
        }
    }
}