View: H2 Add all relations to/from all elements in group?

[chipbite]

Hello! Thanks for a great tool.

We are struggling with setting some patterns for handling serverless architectures - exactly what @simonbrowndotje talks about in the C4 model FAQ (last item) - with the goal of splitting the huge container level into a set of usable views. In the FAQ, Simon talks about split based on some sort of service (or domain), etc and then the overview counterpart.

Another type of view I am after is to view a certain type of service. We group the services of a certain type, and then we want to have:

A container view with

1. all (container) elements in that certain group ✔️
2. all relations to/from those elements ❓
3. and ofc all related elements at the end of those relations ❓

But I cant find a way forward. Have tried declarative and script.
View is:

        container b "ContainersAFocus" {
            include b.containersA
            autolayout
        }

But it only includes (1) the elements in the group.
How can I get 2 & 3?
The group contains say 20 containers, I dont want to manually include them in the view, ofc. I want to find a reusable pattern.

BR! /marcus

---

Sample DSL:

workspace {
    !identifiers hierarchical 

    model {
        properties {
            "structurizr.groupSeparator" "/"
        }

        u = person "User"

        group "Company 1" {
            group "Department 1" {
                a = softwareSystem "A"
            }

            group "Department 2" {
                b = softwareSystem "B" {
                    bC1 = container "B1 UI"
                    containersA = group "ContainersA" {
                        bC2 = container "B2 API" {
                            bc1 -> this "Uses
                        }
                        bC3 = container "B3 Service"
                    }
                    bC4 = container "B4"
                    bC5 = container "B5"
                }
            }
        }

        a -> b
        u -> a
        u -> b.bc1
    }

    views {
        systemLandscape {
            include *
            autolayout lr
        }
        container b "all" {
            include *
            autolayout
        }
        container b "ContainersAFocus" {
            include b.containersA
            autolayout
        }
        
        styles {
            element "Group:Company 1/Department 1" {
                color #ff0000
            }
            element "Group:Company 1/Department 2" {
                color #0000ff
            }
        }
    }
    
}

[simonbrowndotje]

Does the same technique used in the example give you what you're looking for? For example:

container b "ContainersAFocus" {
    include ->b.containersA->
    autolayout
}

[chipbite]

Yes, that seems to work very nicely! I was trying different combinations, yet this one I must have forgotten.
Thanks alot!