120 lines
8.0 KiB
XML
120 lines
8.0 KiB
XML
<?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 14.1.2 (0)
|
|
-->
|
|
<!-- Title: wrapping Pages: 1 -->
|
|
<svg width="824pt" height="329pt"
|
|
viewBox="0.00 0.00 824.00 329.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 325.41)">
|
|
<title>wrapping</title>
|
|
<polygon fill="#0a0a0a" stroke="none" points="-4,4 -4,-325.41 819.55,-325.41 819.55,4 -4,4"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="407.78" y="-304.11" font-family="Helvetica,sans-Serif" font-size="14.00" fill="#d4a574">Sidebar Injection — How Wrapping Works</text>
|
|
<g id="clust1" class="cluster">
|
|
<title>cluster_nginx</title>
|
|
<polygon fill="#0a0a0a" stroke="#d4a574" stroke-dasharray="5,2" points="193.3,-25.16 193.3,-128.16 360.05,-128.16 360.05,-25.16 193.3,-25.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="276.68" y="-110.86" font-family="Helvetica,sans-Serif" font-size="14.00" fill="#d4a574">Nginx (reverse proxy)</text>
|
|
</g>
|
|
<g id="clust2" class="cluster">
|
|
<title>cluster_app</title>
|
|
<polygon fill="#0a0a0a" stroke="#333333" stroke-dasharray="5,2" points="473.05,-157.16 473.05,-288.16 599.55,-288.16 599.55,-157.16 473.05,-157.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="536.3" y="-270.86" font-family="Helvetica,sans-Serif" font-size="14.00" fill="#666666">Managed App</text>
|
|
</g>
|
|
<g id="clust3" class="cluster">
|
|
<title>cluster_spr</title>
|
|
<polygon fill="#0a0a0a" stroke="#d4a574" stroke-dasharray="5,2" points="489.55,-18.16 489.55,-149.16 807.55,-149.16 807.55,-18.16 489.55,-18.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="648.55" y="-131.86" font-family="Helvetica,sans-Serif" font-size="14.00" fill="#d4a574">Soleprint</text>
|
|
</g>
|
|
<!-- browser -->
|
|
<g id="node1" class="node">
|
|
<title>browser</title>
|
|
<ellipse fill="#1a1a1a" stroke="#333333" cx="38.03" cy="-64.16" rx="38.03" ry="18"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="38.03" y="-60.46" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">Browser</text>
|
|
</g>
|
|
<!-- proxy -->
|
|
<g id="node2" class="node">
|
|
<title>proxy</title>
|
|
<polygon fill="#1a1a1a" stroke="#333333" points="324.3,-95.16 228.05,-95.16 228.05,-91.16 224.05,-91.16 224.05,-87.16 228.05,-87.16 228.05,-41.16 224.05,-41.16 224.05,-37.16 228.05,-37.16 228.05,-33.16 324.3,-33.16 324.3,-95.16"/>
|
|
<polyline fill="none" stroke="#333333" points="228.05,-91.16 232.05,-91.16 232.05,-87.16 228.05,-87.16"/>
|
|
<polyline fill="none" stroke="#333333" points="228.05,-41.16 232.05,-41.16 232.05,-37.16 228.05,-37.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="276.18" y="-80.71" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">proxy_pass</text>
|
|
<text xml:space="preserve" text-anchor="middle" x="276.18" y="-67.21" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">+</text>
|
|
<text xml:space="preserve" text-anchor="middle" x="276.18" y="-53.71" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">sub_filter</text>
|
|
<text xml:space="preserve" text-anchor="middle" x="276.18" y="-40.21" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">injects sidebar</text>
|
|
</g>
|
|
<!-- browser->proxy -->
|
|
<g id="edge1" class="edge">
|
|
<title>browser->proxy</title>
|
|
<path fill="none" stroke="#666666" d="M76.45,-64.16C114.05,-64.16 172.57,-64.16 216.38,-64.16"/>
|
|
<polygon fill="#666666" stroke="#666666" points="216.24,-67.66 226.24,-64.16 216.24,-60.66 216.24,-67.66"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="138.68" y="-66.86" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#a3a3a3">myroom.spr.local.ar</text>
|
|
</g>
|
|
<!-- frontend -->
|
|
<g id="node3" class="node">
|
|
<title>frontend</title>
|
|
<polygon fill="#1a1a1a" stroke="#333333" points="591.55,-201.16 481.05,-201.16 481.05,-165.16 591.55,-165.16 591.55,-201.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="536.3" y="-186.21" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">Frontend</text>
|
|
<text xml:space="preserve" text-anchor="middle" x="536.3" y="-172.71" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">(React/Next/Vue)</text>
|
|
</g>
|
|
<!-- proxy->frontend -->
|
|
<g id="edge2" class="edge">
|
|
<title>proxy->frontend</title>
|
|
<path fill="none" stroke="#666666" d="M324.52,-85.99C370.03,-106.97 438.55,-138.56 485.02,-159.98"/>
|
|
<polygon fill="#666666" stroke="#666666" points="483.53,-163.15 494.08,-164.16 486.46,-156.79 483.53,-163.15"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="416.55" y="-150.7" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#a3a3a3">/ → app</text>
|
|
</g>
|
|
<!-- sidebar_css -->
|
|
<g id="node5" class="node">
|
|
<title>sidebar_css</title>
|
|
<polygon fill="#1a1a1a" stroke="#333333" points="575.05,-116.16 497.55,-116.16 497.55,-80.16 575.05,-80.16 575.05,-116.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="536.3" y="-94.46" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">sidebar.css</text>
|
|
</g>
|
|
<!-- proxy->sidebar_css -->
|
|
<g id="edge4" class="edge">
|
|
<title>proxy->sidebar_css</title>
|
|
<path fill="none" stroke="#d4a574" stroke-dasharray="5,2" d="M324.52,-70.4C370.27,-76.43 439.3,-85.52 485.78,-91.64"/>
|
|
<polygon fill="#d4a574" stroke="#d4a574" points="485.21,-95.09 495.58,-92.93 486.12,-88.15 485.21,-95.09"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="416.55" y="-90.82" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#a3a3a3">injects into </head></text>
|
|
</g>
|
|
<!-- sidebar_js -->
|
|
<g id="node6" class="node">
|
|
<title>sidebar_js</title>
|
|
<polygon fill="#1a1a1a" stroke="#333333" points="570.55,-62.16 502.05,-62.16 502.05,-26.16 570.55,-26.16 570.55,-62.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="536.3" y="-40.46" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">sidebar.js</text>
|
|
</g>
|
|
<!-- proxy->sidebar_js -->
|
|
<g id="edge5" class="edge">
|
|
<title>proxy->sidebar_js</title>
|
|
<path fill="none" stroke="#d4a574" stroke-dasharray="5,2" d="M324.52,-60.49C371.88,-56.82 444.19,-51.22 490.6,-47.63"/>
|
|
<polygon fill="#d4a574" stroke="#d4a574" points="490.6,-51.14 500.3,-46.87 490.06,-44.16 490.6,-51.14"/>
|
|
</g>
|
|
<!-- hub -->
|
|
<g id="node7" class="node">
|
|
<title>hub</title>
|
|
<polygon fill="#1a1a1a" stroke="#333333" points="799.55,-62.16 682.3,-62.16 682.3,-26.16 799.55,-26.16 799.55,-62.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="740.93" y="-47.21" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">Hub API</text>
|
|
<text xml:space="preserve" text-anchor="middle" x="740.93" y="-33.71" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">/api/sidebar/config</text>
|
|
</g>
|
|
<!-- proxy->hub -->
|
|
<g id="edge3" class="edge">
|
|
<title>proxy->hub</title>
|
|
<path fill="none" stroke="#666666" d="M324.6,-45.85C363.74,-31.76 421.09,-13.48 473.05,-5.91 528.69,2.18 543.83,1.54 599.55,-5.91 624.52,-9.25 651.33,-15.79 674.76,-22.54"/>
|
|
<polygon fill="#666666" stroke="#666666" points="673.59,-25.84 684.17,-25.31 675.57,-19.12 673.59,-25.84"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="536.3" y="-8.61" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#a3a3a3">/spr/ → soleprint</text>
|
|
</g>
|
|
<!-- backend -->
|
|
<g id="node4" class="node">
|
|
<title>backend</title>
|
|
<polygon fill="#1a1a1a" stroke="#333333" points="578.05,-255.16 494.55,-255.16 494.55,-219.16 578.05,-219.16 578.05,-255.16"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="536.3" y="-233.46" font-family="Helvetica,sans-Serif" font-size="11.00" fill="#e5e5e5">Backend API</text>
|
|
</g>
|
|
<!-- sidebar_js->hub -->
|
|
<g id="edge6" class="edge">
|
|
<title>sidebar_js->hub</title>
|
|
<path fill="none" stroke="#d4a574" d="M570.76,-44.16C597.83,-44.16 636.85,-44.16 670.6,-44.16"/>
|
|
<polygon fill="#d4a574" stroke="#d4a574" points="670.3,-47.66 680.3,-44.16 670.3,-40.66 670.3,-47.66"/>
|
|
<text xml:space="preserve" text-anchor="middle" x="636.93" y="-46.86" font-family="Helvetica,sans-Serif" font-size="9.00" fill="#a3a3a3">loads config</text>
|
|
</g>
|
|
</g>
|
|
</svg>
|