doc/recipes/isolating-peer-folders/before.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 7.0.6 (20230106.0513)
 -->
<!-- Title: dependency&#45;cruiser output Pages: 1 -->
<svg width="488pt" height="350pt"
 viewBox="0.00 0.00 488.00 350.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 346)">
<title>dependency&#45;cruiser output</title>
<polygon fill="white" stroke="none" points="-4,4 -4,-346 484,-346 484,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster_app</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M268,-282C268,-282 350,-282 350,-282 356,-282 362,-288 362,-294 362,-294 362,-322 362,-322 362,-328 356,-334 350,-334 350,-334 268,-334 268,-334 262,-334 256,-328 256,-322 256,-322 256,-294 256,-294 256,-288 262,-282 268,-282"/>
<text text-anchor="middle" x="309" y="-322.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">app</text>
</g>
<g id="clust2" class="cluster">
<title>cluster_common</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M233,-8C233,-8 283,-8 283,-8 289,-8 295,-14 295,-20 295,-20 295,-48 295,-48 295,-54 289,-60 283,-60 283,-60 233,-60 233,-60 227,-60 221,-54 221,-48 221,-48 221,-20 221,-20 221,-14 227,-8 233,-8"/>
<text text-anchor="middle" x="258" y="-48.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">common</text>
</g>
<g id="clust3" class="cluster">
<title>cluster_features</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-68C20,-68 460,-68 460,-68 466,-68 472,-74 472,-80 472,-80 472,-262 472,-262 472,-268 466,-274 460,-274 460,-274 20,-274 20,-274 14,-274 8,-268 8,-262 8,-262 8,-80 8,-80 8,-74 14,-68 20,-68"/>
<text text-anchor="middle" x="240" y="-262.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">features</text>
</g>
<g id="clust4" class="cluster">
<title>cluster_features/buy&#45;ticket</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M332,-136C332,-136 452,-136 452,-136 458,-136 464,-142 464,-148 464,-148 464,-176 464,-176 464,-182 458,-188 452,-188 452,-188 332,-188 332,-188 326,-188 320,-182 320,-176 320,-176 320,-148 320,-148 320,-142 326,-136 332,-136"/>
<text text-anchor="middle" x="392" y="-176.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">buy&#45;ticket</text>
</g>
<g id="clust5" class="cluster">
<title>cluster_features/check&#45;in</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M184,-136C184,-136 300,-136 300,-136 306,-136 312,-142 312,-148 312,-148 312,-236 312,-236 312,-242 306,-248 300,-248 300,-248 184,-248 184,-248 178,-248 172,-242 172,-236 172,-236 172,-148 172,-148 172,-142 178,-136 184,-136"/>
<text text-anchor="middle" x="242" y="-236.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">check&#45;in</text>
</g>
<g id="clust6" class="cluster">
<title>cluster_features/information</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M106,-196C106,-196 152,-196 152,-196 158,-196 164,-202 164,-208 164,-208 164,-236 164,-236 164,-242 158,-248 152,-248 152,-248 106,-248 106,-248 100,-248 94,-242 94,-236 94,-236 94,-208 94,-208 94,-202 100,-196 106,-196"/>
<text text-anchor="middle" x="129" y="-236.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">information</text>
</g>
<g id="clust7" class="cluster">
<title>cluster_features/refund</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M28,-196C28,-196 74,-196 74,-196 80,-196 86,-202 86,-208 86,-208 86,-236 86,-236 86,-242 80,-248 74,-248 74,-248 28,-248 28,-248 22,-248 16,-242 16,-236 16,-236 16,-208 16,-208 16,-202 22,-196 28,-196"/>
<text text-anchor="middle" x="51" y="-236.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">refund</text>
</g>
<g id="clust8" class="cluster">
<title>cluster_features/select&#45;icecream</title>
<path fill="#ffffff" stroke="black" stroke-width="2" d="M328,-76C328,-76 390,-76 390,-76 396,-76 402,-82 402,-88 402,-88 402,-116 402,-116 402,-122 396,-128 390,-128 390,-128 328,-128 328,-128 322,-128 316,-122 316,-116 316,-116 316,-88 316,-88 316,-82 322,-76 328,-76"/>
<text text-anchor="middle" x="359" y="-116.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">select&#45;icecream</text>
</g>
<!-- app/touchpoint&#45;web.ts -->
<g id="node1" class="node">
<title>app/touchpoint&#45;web.ts</title>
<g id="a_node1"><a xlink:href="app/touchpoint-web.ts" xlink:title="touchpoint&#45;web.ts">
<path fill="#ddfeff" stroke="black" d="M347.5,-308C347.5,-308 270.5,-308 270.5,-308 267.5,-308 264.5,-305 264.5,-302 264.5,-302 264.5,-296 264.5,-296 264.5,-293 267.5,-290 270.5,-290 270.5,-290 347.5,-290 347.5,-290 350.5,-290 353.5,-293 353.5,-296 353.5,-296 353.5,-302 353.5,-302 353.5,-305 350.5,-308 347.5,-308"/>
<text text-anchor="start" x="272.5" y="-296.8" font-family="Helvetica,sans-Serif" font-size="9.00">touchpoint&#45;web.ts</text>
</a>
</g>
</g>
<!-- features/buy&#45;ticket/checkout.ts -->
<g id="node2" class="node">
<title>features/buy&#45;ticket/checkout.ts</title>
<g id="a_node2"><a xlink:href="features/buy-ticket/checkout.ts" xlink:title="checkout.ts">
<path fill="#ddfeff" stroke="black" d="M384,-162C384,-162 334,-162 334,-162 331,-162 328,-159 328,-156 328,-156 328,-150 328,-150 328,-147 331,-144 334,-144 334,-144 384,-144 384,-144 387,-144 390,-147 390,-150 390,-150 390,-156 390,-156 390,-159 387,-162 384,-162"/>
<text text-anchor="start" x="336" y="-150.8" font-family="Helvetica,sans-Serif" font-size="9.00">checkout.ts</text>
</a>
</g>
</g>
<!-- app/touchpoint&#45;web.ts&#45;&gt;features/buy&#45;ticket/checkout.ts -->
<g id="edge1" class="edge">
<title>app/touchpoint&#45;web.ts&#45;&gt;features/buy&#45;ticket/checkout.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M340.75,-289.87C340.75,-289.87 340.75,-171.16 340.75,-171.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="342.85,-171.16 340.75,-165.16 338.65,-171.16 342.85,-171.16"/>
</g>
<!-- features/buy&#45;ticket/search.ts -->
<g id="node3" class="node">
<title>features/buy&#45;ticket/search.ts</title>
<g id="a_node3"><a xlink:href="features/buy-ticket/search.ts" xlink:title="search.ts">
<path fill="#ddfeff" stroke="black" d="M450,-162C450,-162 408,-162 408,-162 405,-162 402,-159 402,-156 402,-156 402,-150 402,-150 402,-147 405,-144 408,-144 408,-144 450,-144 450,-144 453,-144 456,-147 456,-150 456,-150 456,-156 456,-156 456,-159 453,-162 450,-162"/>
<text text-anchor="start" x="410.5" y="-150.8" font-family="Helvetica,sans-Serif" font-size="9.00">search.ts</text>
</a>
</g>
</g>
<!-- app/touchpoint&#45;web.ts&#45;&gt;features/buy&#45;ticket/search.ts -->
<g id="edge2" class="edge">
<title>app/touchpoint&#45;web.ts&#45;&gt;features/buy&#45;ticket/search.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M353.68,-299C387.8,-299 429,-299 429,-299 429,-299 429,-171.16 429,-171.16"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="431.1,-171.16 429,-165.16 426.9,-171.16 431.1,-171.16"/>
</g>
<!-- features/check&#45;in/index.ts -->
<g id="node4" class="node">
<title>features/check&#45;in/index.ts</title>
<g id="a_node4"><a xlink:href="features/check-in/index.ts" xlink:title="index.ts">
<path fill="#ddfeff" stroke="black" d="M297,-222C297,-222 255,-222 255,-222 252,-222 249,-219 249,-216 249,-216 249,-210 249,-210 249,-207 252,-204 255,-204 255,-204 297,-204 297,-204 300,-204 303,-207 303,-210 303,-210 303,-216 303,-216 303,-219 300,-222 297,-222"/>
<text text-anchor="start" x="260" y="-210.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.ts</text>
</a>
</g>
</g>
<!-- app/touchpoint&#45;web.ts&#45;&gt;features/check&#45;in/index.ts -->
<g id="edge3" class="edge">
<title>app/touchpoint&#45;web.ts&#45;&gt;features/check&#45;in/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M283.75,-289.8C283.75,-289.8 283.75,-231.43 283.75,-231.43"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="285.85,-231.43 283.75,-225.43 281.65,-231.43 285.85,-231.43"/>
</g>
<!-- features/information/index.ts -->
<g id="node5" class="node">
<title>features/information/index.ts</title>
<g id="a_node5"><a xlink:href="features/information/index.ts" xlink:title="index.ts">
<path fill="#ddfeff" stroke="black" d="M150,-222C150,-222 108,-222 108,-222 105,-222 102,-219 102,-216 102,-216 102,-210 102,-210 102,-207 105,-204 108,-204 108,-204 150,-204 150,-204 153,-204 156,-207 156,-210 156,-210 156,-216 156,-216 156,-219 153,-222 150,-222"/>
<text text-anchor="start" x="113" y="-210.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.ts</text>
</a>
</g>
</g>
<!-- app/touchpoint&#45;web.ts&#45;&gt;features/information/index.ts -->
<g id="edge4" class="edge">
<title>app/touchpoint&#45;web.ts&#45;&gt;features/information/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M264.04,-296C210.73,-296 129,-296 129,-296 129,-296 129,-231.23 129,-231.23"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="131.1,-231.23 129,-225.23 126.9,-231.23 131.1,-231.23"/>
</g>
<!-- features/refund/index.ts -->
<g id="node6" class="node">
<title>features/refund/index.ts</title>
<g id="a_node6"><a xlink:href="features/refund/index.ts" xlink:title="index.ts">
<path fill="#ddfeff" stroke="black" d="M72,-222C72,-222 30,-222 30,-222 27,-222 24,-219 24,-216 24,-216 24,-210 24,-210 24,-207 27,-204 30,-204 30,-204 72,-204 72,-204 75,-204 78,-207 78,-210 78,-210 78,-216 78,-216 78,-219 75,-222 72,-222"/>
<text text-anchor="start" x="35" y="-210.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.ts</text>
</a>
</g>
</g>
<!-- app/touchpoint&#45;web.ts&#45;&gt;features/refund/index.ts -->
<g id="edge5" class="edge">
<title>app/touchpoint&#45;web.ts&#45;&gt;features/refund/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M264.06,-302C190.14,-302 51,-302 51,-302 51,-302 51,-231.22 51,-231.22"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="53.1,-231.22 51,-225.22 48.9,-231.22 53.1,-231.22"/>
</g>
<!-- features/select&#45;icecream/index.ts -->
<g id="node7" class="node">
<title>features/select&#45;icecream/index.ts</title>
<g id="a_node7"><a xlink:href="features/select-icecream/index.ts" xlink:title="index.ts">
<path fill="#ddfeff" stroke="black" d="M380,-102C380,-102 338,-102 338,-102 335,-102 332,-99 332,-96 332,-96 332,-90 332,-90 332,-87 335,-84 338,-84 338,-84 380,-84 380,-84 383,-84 386,-87 386,-90 386,-90 386,-96 386,-96 386,-99 383,-102 380,-102"/>
<text text-anchor="start" x="343" y="-90.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.ts</text>
</a>
</g>
</g>
<!-- app/touchpoint&#45;web.ts&#45;&gt;features/select&#45;icecream/index.ts -->
<g id="edge6" class="edge">
<title>app/touchpoint&#45;web.ts&#45;&gt;features/select&#45;icecream/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M315.75,-289.53C315.75,-249.59 315.75,-97 315.75,-97 315.75,-97 322.83,-97 322.83,-97"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="322.83,-99.1 328.83,-97 322.83,-94.9 322.83,-99.1"/>
</g>
<!-- features/buy&#45;ticket/search.ts&#45;&gt;features/select&#45;icecream/index.ts -->
<g id="edge7" class="edge">
<title>features/buy&#45;ticket/search.ts&#45;&gt;features/select&#45;icecream/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M429,-143.62C429,-126.75 429,-93 429,-93 429,-93 395.29,-93 395.29,-93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="395.29,-90.9 389.29,-93 395.29,-95.1 395.29,-90.9"/>
</g>
<!-- features/check&#45;in/confirm.ts -->
<g id="node9" class="node">
<title>features/check&#45;in/confirm.ts</title>
<g id="a_node9"><a xlink:href="features/check-in/confirm.ts" xlink:title="confirm.ts">
<path fill="#ddfeff" stroke="black" d="M230,-162C230,-162 186,-162 186,-162 183,-162 180,-159 180,-156 180,-156 180,-150 180,-150 180,-147 183,-144 186,-144 186,-144 230,-144 230,-144 233,-144 236,-147 236,-150 236,-150 236,-156 236,-156 236,-159 233,-162 230,-162"/>
<text text-anchor="start" x="188" y="-150.8" font-family="Helvetica,sans-Serif" font-size="9.00">confirm.ts</text>
</a>
</g>
</g>
<!-- features/check&#45;in/index.ts&#45;&gt;features/check&#45;in/confirm.ts -->
<g id="edge9" class="edge">
<title>features/check&#45;in/index.ts&#45;&gt;features/check&#45;in/confirm.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M248.73,-213C229.82,-213 208,-213 208,-213 208,-213 208,-171.4 208,-171.4"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="210.1,-171.4 208,-165.4 205.9,-171.4 210.1,-171.4"/>
</g>
<!-- features/check&#45;in/identify.ts -->
<g id="node10" class="node">
<title>features/check&#45;in/identify.ts</title>
<g id="a_node10"><a xlink:href="features/check-in/identify.ts" xlink:title="identify.ts">
<path fill="#ddfeff" stroke="black" d="M297.5,-162C297.5,-162 254.5,-162 254.5,-162 251.5,-162 248.5,-159 248.5,-156 248.5,-156 248.5,-150 248.5,-150 248.5,-147 251.5,-144 254.5,-144 254.5,-144 297.5,-144 297.5,-144 300.5,-144 303.5,-147 303.5,-150 303.5,-150 303.5,-156 303.5,-156 303.5,-159 300.5,-162 297.5,-162"/>
<text text-anchor="start" x="256.5" y="-150.8" font-family="Helvetica,sans-Serif" font-size="9.00">identify.ts</text>
</a>
</g>
</g>
<!-- features/check&#45;in/index.ts&#45;&gt;features/check&#45;in/identify.ts -->
<g id="edge10" class="edge">
<title>features/check&#45;in/index.ts&#45;&gt;features/check&#45;in/identify.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M276,-203.62C276,-203.62 276,-171.14 276,-171.14"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="278.1,-171.14 276,-165.14 273.9,-171.14 278.1,-171.14"/>
</g>
<!-- common/utensils.ts -->
<g id="node8" class="node">
<title>common/utensils.ts</title>
<g id="a_node8"><a xlink:href="common/utensils.ts" xlink:title="utensils.ts">
<path fill="#ddfeff" stroke="black" d="M280.5,-34C280.5,-34 235.5,-34 235.5,-34 232.5,-34 229.5,-31 229.5,-28 229.5,-28 229.5,-22 229.5,-22 229.5,-19 232.5,-16 235.5,-16 235.5,-16 280.5,-16 280.5,-16 283.5,-16 286.5,-19 286.5,-22 286.5,-22 286.5,-28 286.5,-28 286.5,-31 283.5,-34 280.5,-34"/>
<text text-anchor="start" x="237.5" y="-22.8" font-family="Helvetica,sans-Serif" font-size="9.00">utensils.ts</text>
</a>
</g>
</g>
<!-- features/refund/index.ts&#45;&gt;common/utensils.ts -->
<g id="edge11" class="edge">
<title>features/refund/index.ts&#45;&gt;common/utensils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M51,-203.68C51,-165.74 51,-25 51,-25 51,-25 220.19,-25 220.19,-25"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="220.19,-27.1 226.19,-25 220.19,-22.9 220.19,-27.1"/>
</g>
<!-- features/select&#45;icecream/index.ts&#45;&gt;features/buy&#45;ticket/checkout.ts -->
<g id="edge13" class="edge">
<title>features/select&#45;icecream/index.ts&#45;&gt;features/buy&#45;ticket/checkout.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M359,-102.38C359,-102.38 359,-134.86 359,-134.86"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="356.9,-134.86 359,-140.86 361.1,-134.86 356.9,-134.86"/>
</g>
<!-- features/select&#45;icecream/index.ts&#45;&gt;common/utensils.ts -->
<g id="edge12" class="edge">
<title>features/select&#45;icecream/index.ts&#45;&gt;common/utensils.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M331.55,-88C304.6,-88 267.5,-88 267.5,-88 267.5,-88 267.5,-43.32 267.5,-43.32"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="269.6,-43.32 267.5,-37.32 265.4,-43.32 269.6,-43.32"/>
</g>
<!-- features/check&#45;in/confirm.ts&#45;&gt;features/select&#45;icecream/index.ts -->
<g id="edge8" class="edge">
<title>features/check&#45;in/confirm.ts&#45;&gt;features/select&#45;icecream/index.ts</title>
<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M204.75,-143.62C204.75,-126.75 204.75,-93 204.75,-93 204.75,-93 322.75,-93 322.75,-93"/>
<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="322.75,-95.1 328.75,-93 322.75,-90.9 322.75,-95.1"/>
</g>
</g>
</svg>