docs/architecture.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="1097px" preserveAspectRatio="none" style="width:1219px;height:1097px;background:#FFFFFF;" version="1.1" viewBox="0 0 1219 1097" width="1219px" zoomAndPan="magnify"><defs/><g><text fill="#000000" font-family="sans-serif" font-size="18" lengthAdjust="spacing" textLength="188" x="509" y="16.708">Banner Screenshots</text><!--MD5=[84dda40acb3410cad7262261daba2aaf]
cluster c1--><rect fill="#FFFFFF" height="815" style="stroke:#444444;stroke-width:1.0;stroke-dasharray:7.0,7.0;" width="639" x="344.5" y="276.9531"/><text fill="#444444" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="184" x="572" y="303.8047">Banner Screenshots</text><text fill="#444444" font-family="sans-serif" font-size="12" lengthAdjust="spacing" textLength="55" x="636.5" y="318.7168">[System]</text><!--MD5=[a79645e74fdddf168a098e501fbfe8e0]
cluster c2--><rect fill="#FFFFFF" height="706" style="stroke:#444444;stroke-width:1.0;stroke-dasharray:7.0,7.0;" width="330" x="621.5" y="353.9531"/><text fill="#444444" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="64" x="754.5" y="380.8047">Docker</text><text fill="#444444" font-family="sans-serif" font-size="12" lengthAdjust="spacing" textLength="55" x="759" y="395.7168">[System]</text><!--MD5=[7586efd50ba0cbb56ea7cb405e5e55ec]
entity submitter--><rect fill="#438DD5" height="131.75" style="stroke:#3C7FC0;stroke-width:1.5;" width="217" x="388" y="422.9531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="71" x="461" y="444.0918">«container»</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="141" x="426" y="461.7734">Task submitter</text><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="75" x="459" y="476.6855">[TypeScript]</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="498.5" y="492.5107"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="193" x="402" y="508.8076">Generate text matrix from</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="181" x="404" y="525.1045">config, send messages to</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="43" x="475" y="541.4014">queue</text><!--MD5=[a36db86b6694a0b5bf92774609b93271]
entity screenshot_worker--><rect fill="#438DD5" height="148.0469" style="stroke:#3C7FC0;stroke-width:1.5;" width="201" x="734" y="414.9531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="71" x="799" y="436.0918">«container»</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="177" x="746" y="453.7734">Screenshot Worker</text><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="75" x="797" y="468.6855">[TypeScript]</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="836.5" y="484.5107"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="173" x="748" y="500.8076">Run tests that generate</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="124" x="770.5" y="517.1045">screenshots for a</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="170" x="747.5" y="533.4014">campaign, writes image</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="30" x="819.5" y="549.6982">files</text><!--MD5=[aca739bbe1236e1e8fada5337f297ced]
entity metadata_worker--><rect fill="#438DD5" height="131.75" style="stroke:#3C7FC0;stroke-width:1.5;" width="203" x="638" y="911.9531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="71" x="704" y="933.0918">«container»</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="161" x="659" y="950.7734">Metadata Worker</text><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="75" x="702" y="965.6855">[TypeScript]</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="741.5" y="981.5107"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="148" x="665.5" y="997.8076">Creates and updates</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="174" x="650.5" y="1014.1045">metadata and metadata</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="183" x="648" y="1030.4014">summaries for campaigns</text><!--MD5=[799e9543975076390d2a6ceafec8df6c]
entity queue--><path d="M653,727.4531 L806,727.4531 C811,727.4531 811,755.7344 811,755.7344 C811,755.7344 811,784.0156 806,784.0156 L653,784.0156 C648,784.0156 648,755.7344 648,755.7344 C648,755.7344 648,727.4531 653,727.4531 " fill="#438DD5" style="stroke:#3C7FC0;stroke-width:1.5;"/><path d="M806,727.4531 C801,727.4531 801,755.7344 801,755.7344 C801,784.0156 806,784.0156 806,784.0156 " fill="none" style="stroke:#3C7FC0;stroke-width:1.5;"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="71" x="689" y="743.5918">«container»</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="143" x="653" y="761.2734">Message Queue</text><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="68" x="690.5" y="776.1855">[RabbitMQ]</text><!--MD5=[c3dd7293d4e74cc67bec6d68663a773e]
entity p1--><rect fill="#08427B" height="165.7813" style="stroke:#073B6F;stroke-width:1.5;" width="220" x="261.5" y="27.9531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="55" x="344" y="49.0918">«person»</text><image height="48" width="48" x="347.5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAIAAADYYG7QAAACD0lEQVR4Xu2YoU4EMRCGT+4j8Ai8AhaH4QHgAUjQuFMECUgMIUgwJAgMhgQsAYUiJCiQIBBY+EITsjfTdme6V24v4c8vyGbb+ZjOtN0bNcvjQXmkH83WvYBWto6PLm6v7p7uH1/w2fXD+PBycX1Pv2l3IdDm/vn7x+dXQiAubRzoURa7gRZWd0iGRIiJbOnhnfYBQZNJjNbuyY2eJG8fkDE3bbG4ep6MHUAsgYxmE3nVs6VsBWJSGccsOlFPmLIViMzLOB7pCVO2AtHJMohH7Fh6zqitQK7m0rJvAVYgGcEpe//PLdDz65sM4pF9N7ICcXDKIB5Nv6j7tD0NoSdM2QrU9Gg0ewE1LqBhHR3BBdvj2vapnidjHxD/q6vd7Pvhr31AwcY8eXMTXAKECZZJFXuEq27aLgQK5uLMohCenGGuGewOxSjBvYBqeG6B+Nqiblggdjnc+ZXDy+FNFpFzw76O3UBAROuXh6FoiAcf5g9eTvUgzy0nWg6I8cXHRUpg5bOVBCo+KDpFajOf23GgPme7RSQ+lacIENUgJ6gg1k6HjgOlqnLqip4tEuhv0hNEMXUD0clyXE3p6pZA0S2nnvTlXwLJEZWlb7cTQH1+USgTN4VhAenm/wea1OCAOmqo6fE1WCb9WSKBah+rbUWPWAmE2Rvk0ApiB45eOyNAzU8xcTvj8KvkKEoOaIYeHNA3ZuygAvFMUO0AAAAASUVORK5CYII=" y="51.9219"/><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="34" x="354.5" y="114.7734">Dev</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="373.5" y="131.542"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="196" x="275.5" y="147.8389">A member of the FUN-Tech</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="141" x="299" y="164.1357">team, who wants to</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="157" x="293" y="180.4326">generate screenshots</text><!--MD5=[f3929e065b321440b4eee273bd9781ea]
entity p2--><rect fill="#08427B" height="165.7813" style="stroke:#073B6F;stroke-width:1.5;" width="191" x="7" y="405.9531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="55" x="75" y="427.0918">«person»</text><image height="48" width="48" x="78.5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAIAAADYYG7QAAACD0lEQVR4Xu2YoU4EMRCGT+4j8Ai8AhaH4QHgAUjQuFMECUgMIUgwJAgMhgQsAYUiJCiQIBBY+EITsjfTdme6V24v4c8vyGbb+ZjOtN0bNcvjQXmkH83WvYBWto6PLm6v7p7uH1/w2fXD+PBycX1Pv2l3IdDm/vn7x+dXQiAubRzoURa7gRZWd0iGRIiJbOnhnfYBQZNJjNbuyY2eJG8fkDE3bbG4ep6MHUAsgYxmE3nVs6VsBWJSGccsOlFPmLIViMzLOB7pCVO2AtHJMohH7Fh6zqitQK7m0rJvAVYgGcEpe//PLdDz65sM4pF9N7ICcXDKIB5Nv6j7tD0NoSdM2QrU9Gg0ewE1LqBhHR3BBdvj2vapnidjHxD/q6vd7Pvhr31AwcY8eXMTXAKECZZJFXuEq27aLgQK5uLMohCenGGuGewOxSjBvYBqeG6B+Nqiblggdjnc+ZXDy+FNFpFzw76O3UBAROuXh6FoiAcf5g9eTvUgzy0nWg6I8cXHRUpg5bOVBCo+KDpFajOf23GgPme7RSQ+lacIENUgJ6gg1k6HjgOlqnLqip4tEuhv0hNEMXUD0clyXE3p6pZA0S2nnvTlXwLJEZWlb7cTQH1+USgTN4VhAenm/wea1OCAOmqo6fE1WCb9WSKBah+rbUWPWAmE2Rvk0ApiB45eOyNAzU8xcTvj8KvkKEoOaIYeHNA3ZuygAvFMUO0AAAAASUVORK5CYII=" y="429.9219"/><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="96" x="54.5" y="492.7734">Fundraiser</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="104.5" y="509.542"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="124" x="40.5" y="525.8389">A member of the</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="156" x="22.5" y="542.1357">campaigns team, who</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="171" x="17" y="558.4326">wants to check banners</text><!--MD5=[8ea143fc3cdb3b0f40f4f2c0da590544]
entity selenium--><rect fill="#999999" height="101.4844" style="stroke:#8A8A8A;stroke-width:1.5;" width="205" x="1008" y="705.4531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="112" x="1054.5" y="726.5918">«external_system»</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="154" x="1033.5" y="744.2734">Selenium Service</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="1112.5" y="761.042"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="177" x="1022" y="777.3389">webdriver.io compatible</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="51" x="1085" y="793.6357">service</text><!--MD5=[194c44b1e987d8d77038820a81a226d3]
entity fr_banners--><rect fill="#999999" height="101.4844" style="stroke:#8A8A8A;stroke-width:1.5;" width="209" x="517" y="60.4531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="112" x="565.5" y="81.5918">«external_system»</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="184" x="529.5" y="99.2734">Fundraising Banners</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="623.5" y="116.042"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="181" x="531" y="132.3389">Campaign and test setup</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="96" x="573.5" y="148.6357">configuration</text><!--MD5=[d5fdb697c23f2d50c99ccd084af7707a]
entity shutterbug--><rect fill="#999999" height="134.0781" style="stroke:#8A8A8A;stroke-width:1.5;" width="216" x="49.5" y="688.9531"/><text fill="#FFFFFF" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="112" x="101.5" y="710.0918">«external_system»</text><text fill="#FFFFFF" font-family="sans-serif" font-size="16" font-weight="bold" lengthAdjust="spacing" textLength="103" x="106" y="727.7734">Shutterbug</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="0" x="159.5" y="744.542"/><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="159" x="78" y="760.8389">Renders campaign list</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="178" x="66.5" y="777.1357">from metadata summary</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="192" x="59.5" y="793.4326">and screenshots view from</text><text fill="#FFFFFF" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="182" x="66.5" y="809.7295">metadata and image files</text><!--MD5=[aead6946a7310ac4e7b328c431401cc7]
link p1 to submitter--><path d="M398.777,194.0031 C420.684,259.8991 451.163,351.5791 472.231,414.9521 " fill="none" id="p1-to-submitter" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="474.881,422.9231,475.2035,414.3852,469.51,416.2784,474.881,422.9231" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="34" x="438.5" y="236.0918">Uses</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="78" x="416.5" y="250.0605">[ts-node CLI]</text><!--MD5=[5b4d01ea4085c57bcc566886f4491b03]
link p2 to shutterbug--><path d="M91.6615,571.9581 C90.4117,599.9911 91.7812,631.2501 99.5,658.9531 C101.6167,666.5501 104.5154,674.1461 107.895,681.5511 " fill="none" id="p2-to-shutterbug" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="111.425,688.8851,110.6583,680.3756,105.252,682.978,111.425,688.8851" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="34" x="131.5" y="628.0918">Uses</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="96" x="100.5" y="642.0605">[Browser, HTTP]</text><!--MD5=[18e0b716b8d058f8ee76d8c67c77e129]
link submitter to queue--><path d="M494.771,555.0031 C497.012,589.0351 504.989,629.6031 527.5,658.9531 C555.194,695.0611 599.867,718.2281 640.168,732.7361 " fill="none" id="submitter-to-queue" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="647.9,735.4341,641.3352,729.9658,639.3583,735.6307,647.9,735.4341" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="115" x="528.5" y="614.0918">Screenshot and</text><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="99" x="536.5" y="628.0605">metadata init</text><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="64" x="556" y="642.0293">message</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="44" x="566" y="655.998">[AMPQ]</text><!--MD5=[73a4c38751e6a194273681a7611e06f1]
link queue to screenshot_worker--><path d="M758.1,727.3271 C774.885,709.4221 794.998,684.7031 806.5,658.9531 C818.696,631.6501 825.631,599.7241 829.556,571.0181 " fill="none" id="queue-to-screenshot_worker" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="830.586,563.0141,826.5891,570.5656,832.54,571.3317,830.586,563.0141" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="84" x="824.5" y="621.0918">Screenshot</text><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="64" x="836.5" y="635.0605">message</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="44" x="846.5" y="649.0293">[AMPQ]</text><!--MD5=[e553add8120eba6ddde31af83fc0038d]
link screenshot_worker to queue--><path d="M743.454,562.9691 C738.798,566.0961 734.132,569.1091 729.5,571.9531 C702.73,588.3911 682.352,575.4411 665.5,601.9531 C641.245,640.1101 670.827,689.0241 697.325,721.1411 " fill="none" id="screenshot_worker-to-queue" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="702.566,727.3331,699.6869,719.2888,695.1074,723.1654,702.566,727.3331" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="127" x="666.5" y="621.0918">Metadata update</text><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="64" x="700" y="635.0605">message</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="44" x="710" y="649.0293">[AMPQ]</text><!--MD5=[7ae6b840177680044156821c79873672]
link queue to metadata_worker--><path d="M731.139,793.0211 C732.495,822.8331 734.463,866.1341 736.149,903.2341 " fill="none" id="queue-metadata_worker" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="736.527,911.5371,739.161,903.4093,733.1672,903.6814,736.527,911.5371" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="730.767,784.8161,728.133,792.944,734.1268,792.6718,730.767,784.8161" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="139" x="736.5" y="865.0918">Metadata message</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="44" x="784" y="879.0605">[AMPQ]</text><!--MD5=[e78ec9bcd9ba758feed8219dcb9b1a83]
link fr_banners to submitter--><path d="M605.03,161.4951 C583.506,226.2391 545.639,340.1441 520.81,414.8271 " fill="none" id="fr_banners-to-submitter" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="518.15,422.8311,523.521,416.1864,517.8275,414.2932,518.15,422.8311" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="63" x="606.5" y="236.0918">provides</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="111" x="582.5" y="250.0605">[TOML, filesystem]</text><!--MD5=[fc9920e48674e73a8a554081c5fe5220]
link screenshot_worker to selenium--><path d="M910.649,563.0671 C955.512,606.1421 1011.37,659.7761 1052.62,699.3811 " fill="none" id="screenshot_worker-to-selenium" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="1058.6,705.1191,1054.909,697.4135,1050.7524,701.7404,1058.6,705.1191" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="95" x="1020" y="628.0918">browser test</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="124" x="1005.5" y="642.0605">[Webdriver Protocol]</text><!--MD5=[9703a72252a187eb53453850375c15e3]
link c1 to shutterbug--><path d="M344.2645,497.6323 C344.1736,497.7182 344.0821,497.8048 343.9898,497.8921 C343.8054,498.0666 343.6183,498.2438 343.4287,498.4235 C342.6702,499.1423 341.8706,499.9024 341.0324,500.7019 C334.3264,507.0979 325.1485,516.0188 314.7788,526.5577 C294.0393,547.6356 268.5325,575.1856 248.5,601.9531 C229.965,626.7191 212.013,655.5071 197.022,681.3861 " fill="none" id="c1-to-shutterbug" style="stroke:#666666;stroke-width:1.0;"/><polygon fill="#666666" points="192.874,688.6031,199.462,683.1627,194.2602,680.1723,192.874,688.6031" style="stroke:#666666;stroke-width:1.0;"/><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="102" x="257" y="614.0918">Metadata and</text><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="117" x="249.5" y="628.0605">images in folder</text><text fill="#666666" font-family="sans-serif" font-size="12" font-weight="bold" lengthAdjust="spacing" textLength="71" x="274.5" y="642.0293">structure</text><text fill="#666666" font-family="sans-serif" font-size="12" font-style="italic" lengthAdjust="spacing" textLength="73" x="273.5" y="655.998">[Filesystem]</text><!--MD5=[81e29e895f2931615c19a205581842fa]
@startuml
!include <C4/C4_Container.puml>

title "Banner Screenshots"

Person(p1, "Dev", "A member of the FUN-Tech team, who wants to generate screenshots")
Person(p2, "Fundraiser", "A member of the campaigns team, who wants to check banners")

System_Boundary(c1, "Banner Screenshots") {
  Container(submitter, "Task submitter", "TypeScript", "Generate text matrix from config, send messages to queue")
  System_Boundary(c2, "Docker") {
    Container(screenshot_worker, "Screenshot Worker", "TypeScript", "Run tests that generate screenshots for a campaign, writes image files")
    Container(metadata_worker, "Metadata Worker", "TypeScript", "Creates and updates metadata and metadata summaries for campaigns")
    ContainerQueue(queue, "Message Queue", "RabbitMQ" )
  }
}

System_Ext(selenium, "Selenium Service", "webdriver.io compatible service")
System_Ext(fr_banners, "Fundraising Banners", "Campaign and test setup configuration")
System_Ext(shutterbug, "Shutterbug", "Renders campaign list from metadata summary and screenshots view from metadata and image files")

Rel(p1, submitter, "Uses", "ts-node CLI")
Rel(p2, shutterbug, "Uses", "Browser, HTTP")

Rel(submitter, queue, "Screenshot and metadata init message", "AMPQ")
Rel(queue, screenshot_worker, "Screenshot message", "AMPQ")
Rel(screenshot_worker, queue, "Metadata update message", "AMPQ")
BiRel(queue, metadata_worker, "Metadata message", "AMPQ")

Rel(fr_banners, submitter, "provides", "TOML, filesystem")
Rel(screenshot_worker, selenium, "browser test", "Webdriver Protocol")
Rel(c1, shutterbug, "Metadata and images in folder structure", "Filesystem")
@enduml

@startuml


skinparam defaultTextAlignment center

skinparam wrapWidth 200
skinparam maxMessageSize 150

skinparam LegendBorderColor transparent
skinparam LegendBackgroundColor transparent
skinparam LegendFontColor #FFFFFF

skinparam shadowing<<legendArea>> false
skinparam rectangle<<legendArea>> {
    backgroundcolor #00000000
    bordercolor #00000000
}

skinparam rectangle {
    StereotypeFontSize 12
    shadowing false
}

skinparam database {
    StereotypeFontSize 12
    shadowing false
}

skinparam queue {
    StereotypeFontSize 12
    shadowing false
}

skinparam arrow {
    Color #666666
    FontColor #666666
    FontSize 12
}

skinparam actor {
    StereotypeFontSize 12
    shadowing false
    style awesome
}

skinparam person {
    StereotypeFontSize 12
    shadowing false
}

skinparam package {
    StereotypeFontSize 6
    StereotypeFontColor transparent
    FontStyle plain
    BackgroundColor transparent
}

skinparam rectangle<<boundary>> {
    Shadowing false
    StereotypeFontSize 6
    StereotypeFontColor transparent
    FontColor #444444
    BorderColor #444444
    BackgroundColor transparent
    BorderStyle dashed
}


skinparam rectangle<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam database<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam queue<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam actor<<person>> {
    StereotypeFontColor #08427B
    FontColor #08427B
    BackgroundColor #08427B
    BorderColor #073B6F
}
skinparam person<<person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #08427B
    BorderColor #073B6F
}


skinparam rectangle<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam database<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam queue<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam actor<<external_person>> {
    StereotypeFontColor #686868
    FontColor #686868
    BackgroundColor #686868
    BorderColor #8A8A8A
}
skinparam person<<external_person>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #686868
    BorderColor #8A8A8A
}


skinparam rectangle<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam database<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam queue<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam actor<<system>> {
    StereotypeFontColor #1168BD
    FontColor #1168BD
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}
skinparam person<<system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #1168BD
    BorderColor #3C7FC0
}


skinparam rectangle<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam database<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam queue<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam actor<<external_system>> {
    StereotypeFontColor #999999
    FontColor #999999
    BackgroundColor #999999
    BorderColor #8A8A8A
}
skinparam person<<external_system>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #999999
    BorderColor #8A8A8A
}


sprite $person [48x48/16] {
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
0000000000000000000049BCCA7200000000000000000000
0000000000000000006EFFFFFFFFB3000000000000000000
00000000000000001CFFFFFFFFFFFF700000000000000000
0000000000000001EFFFFFFFFFFFFFF80000000000000000
000000000000000CFFFFFFFFFFFFFFFF6000000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
00000000000001FFFFFFFFFFFFFFFFFFF900000000000000
00000000000006FFFFFFFFFFFFFFFFFFFF00000000000000
0000000000000BFFFFFFFFFFFFFFFFFFFF40000000000000
0000000000000EFFFFFFFFFFFFFFFFFFFF70000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000DFFFFFFFFFFFFFFFFFFFF60000000000000
0000000000000AFFFFFFFFFFFFFFFFFFFF40000000000000
00000000000006FFFFFFFFFFFFFFFFFFFE00000000000000
00000000000000EFFFFFFFFFFFFFFFFFF800000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
000000000000000BFFFFFFFFFFFFFFFF5000000000000000
0000000000000001DFFFFFFFFFFFFFF70000000000000000
00000000000000000BFFFFFFFFFFFF500000000000000000
0000000000000000005DFFFFFFFFA1000000000000000000
0000000000000000000037ABB96100000000000000000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
000000000000025788300000000005886410000000000000
000000000007DFFFFFFD9643347BFFFFFFFB400000000000
0000000004EFFFFFFFFFFFFFFFFFFFFFFFFFFB1000000000
000000007FFFFFFFFFFFFFFFFFFFFFFFFFFFFFD200000000
00000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE10000000
0000003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB0000000
000000BFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF5000000
000003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD000000
000009FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF200000
00000DFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF600000
00000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF800000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA00000
00000EFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF700000
000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE100000
0000008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD3000000
000000014555555555555555555555555555555300000000
000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000
}

sprite $person2 [48x48/16] {
0000000000000000000049BCCA7200000000000000000000
0000000000000000006EFFFFFFFFB3000000000000000000
00000000000000001CFFFFFFFFFFFF700000000000000000
0000000000000001EFFFFFFFFFFFFFF80000000000000000
000000000000000CFFFFFFFFFFFFFFFF6000000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
00000000000001FFFFFFFFFFFFFFFFFFF900000000000000
00000000000006FFFFFFFFFFFFFFFFFFFF00000000000000
0000000000000BFFFFFFFFFFFFFFFFFFFF40000000000000
0000000000000EFFFFFFFFFFFFFFFFFFFF70000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000
0000000000000DFFFFFFFFFFFFFFFFFFFF60000000000000
0000000000000AFFFFFFFFFFFFFFFFFFFF40000000000000
00000000000006FFFFFFFFFFFFFFFFFFFE00000000000000
00000000000000EFFFFFFFFFFFFFFFFFF800000000000000
000000000000007FFFFFFFFFFFFFFFFFF100000000000000
000000000000000BFFFFFFFFFFFFFFFF5000000000000000
0000000000000001DFFFFFFFFFFFFFF70000000000000000
00000000000000000BFFFFFFFFFFFF500000000000000000
0000000000000000005DFFFFFFFFA1000000000000000000
0000000000000000000037ABB96100000000000000000000
000000000002578888300000000005888864100000000000
0000000007DFFFFFFFFD9643347BFFFFFFFFFB4000000000
00000004EFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB10000000
0000007FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD2000000
000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE100000
00003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000
0000BFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF50000
0003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD0000
0009FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF2000
000DFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF6000
000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB000
001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA000
000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF8000
000DFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF6000
0009FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFF2000
0003FFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFFD0000
0000BFFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFF50000
00003FFFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFFB00000
000006FFFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFFE100000
0000007FFFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFFD2000000
00000004EFFF8FFFFFFFFFFFFFFFFFFFFFF8FFFB10000000
0000000007DF8FFFFFFFFFFFFFFFFFFFFFF8FB4000000000
000000000002578888888888888888888864100000000000
}


skinparam rectangle<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam database<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam queue<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam actor<<container>> {
    StereotypeFontColor #438DD5
    FontColor #438DD5
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}
skinparam person<<container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #438DD5
    BorderColor #3C7FC0
}


skinparam rectangle<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam database<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam queue<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam actor<<external_container>> {
    StereotypeFontColor #B3B3B3
    FontColor #B3B3B3
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}
skinparam person<<external_container>> {
    StereotypeFontColor #FFFFFF
    FontColor #FFFFFF
    BackgroundColor #B3B3B3
    BorderColor #A6A6A6
}


title "Banner Screenshots"

rectangle "<$person>\n==Dev\n\n A member of the FUN-Tech team, who wants to generate screenshots" <<person>> as p1 
rectangle "<$person>\n==Fundraiser\n\n A member of the campaigns team, who wants to check banners" <<person>> as p2 

rectangle "==Banner Screenshots\n<size:12>[System]</size>" <<boundary>> as c1  {
  rectangle "==Task submitter\n//<size:12>[TypeScript]</size>//\n\n Generate text matrix from config, send messages to queue" <<container>> as submitter 
rectangle "==Docker\n<size:12>[System]</size>" <<boundary>> as c2  {
    rectangle "==Screenshot Worker\n//<size:12>[TypeScript]</size>//\n\n Run tests that generate screenshots for a campaign, writes image files" <<container>> as screenshot_worker 
    rectangle "==Metadata Worker\n//<size:12>[TypeScript]</size>//\n\n Creates and updates metadata and metadata summaries for campaigns" <<container>> as metadata_worker 
    queue "==Message Queue\n//<size:12>[RabbitMQ]</size>//" <<container>> as queue 
  }
}

rectangle "==Selenium Service\n\n webdriver.io compatible service" <<external_system>> as selenium 
rectangle "==Fundraising Banners\n\n Campaign and test setup configuration" <<external_system>> as fr_banners 
rectangle "==Shutterbug\n\n Renders campaign list from metadata summary and screenshots view from metadata and image files" <<external_system>> as shutterbug 

p1 - ->> submitter : **Uses**\n//<size:12>[ts-node CLI]</size>//
p2 - ->> shutterbug : **Uses**\n//<size:12>[Browser, HTTP]</size>//

submitter - ->> queue : **Screenshot and metadata init message**\n//<size:12>[AMPQ]</size>//
queue - ->> screenshot_worker : **Screenshot message**\n//<size:12>[AMPQ]</size>//
screenshot_worker - ->> queue : **Metadata update message**\n//<size:12>[AMPQ]</size>//
queue <<- ->> metadata_worker : **Metadata message**\n//<size:12>[AMPQ]</size>//

fr_banners - ->> submitter : **provides**\n//<size:12>[TOML, filesystem]</size>//
screenshot_worker - ->> selenium : **browser test**\n//<size:12>[Webdriver Protocol]</size>//
c1 - ->> shutterbug : **Metadata and images in folder structure**\n//<size:12>[Filesystem]</size>//
@enduml

PlantUML version 1.2022.1beta3(Unknown compile time)
(GPL source distribution)
Java Runtime: Java(TM) SE Runtime Environment
JVM: Java HotSpot(TM) 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>