Showing component to component relationship across software systems

[bobby-islam]

I was wondering how/if it was possible to generate a view to show component to component relationships in a diagram across multiple software systems but also show the hierarchy.

For example:

model {

    SystemA = softwareSystem SystemA {
        ContainerA = container ContainerA {
            ComponentA = component ComponentA
            ComponentB = component ComponentB
        }
        ContainerB = container ContainerB {
            ComponentA = component ComponentA
            ComponentB = component ComponentB
        }
    }
    
    SystemB = softwareSystem SystemB {
        ContainerA = container ContainerA {
            ComponentA = component ComponentA
            ComponentB = component ComponentB
        }
        ContainerB = container ContainerB {
            ComponentA = component ComponentA
            ComponentB = component ComponentB
        }
    }

SystemA.ContainerA.ComponentA -> SystemB.ContainerB.ComponentB "Uses"    

}

Is it possible to generate a view that shows ComponentA inside ContainerA inside SystemA with a line to ComponentB inside ContainerB inside SystemB?

[simonbrowndotje]

Yes, you can use the same approach as detailed here for showing containers across software systems (i.e. don't use include *) -> https://docs.structurizr.com/dsl/cookbook/container-view-multiple-software-systems/

[bobby-islam]

Thanks for the link! I have tried this approach, but from what I can tell, I can show parents but not ancestors in a diagram.

When specifically calling out the components I want in the view it just shows me the component and it's parent container with no reference to it being in a different software system.

views {
component SystemA.ContainerA "Test" {
include SystemB.ContainerB.ComponentB SystemA.ContainerA.ComponentA
autolayout tb
}
}

[simonbrowndotje]

Try this:

views {
    component SystemA.ContainerA "Test" {
        include SystemB.ContainerB.ComponentB SystemA.ContainerA.ComponentA
        autolayout tb
        properties {
            structurizr.softwareSystemBoundaries true
        }
    }
}

(see https://docs.structurizr.com/ui/properties for more)

[bobby-islam]

Perfect! Exactly what I was looking for. Thank you!