doc/structure.svg

<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-8 -8 773.5625 165.14852905273438" style="max-width: 773.5625px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-svg-3804222"><style>#mermaid-svg-3804222{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-svg-3804222 .error-icon{fill:#a44141;}#mermaid-svg-3804222 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-svg-3804222 .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-3804222 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-3804222 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-3804222 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-3804222 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-3804222 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-svg-3804222 .marker.cross{stroke:lightgrey;}#mermaid-svg-3804222 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-3804222 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#mermaid-svg-3804222 .cluster-label text{fill:#F9FFFE;}#mermaid-svg-3804222 .cluster-label span,#mermaid-svg-3804222 p{color:#F9FFFE;}#mermaid-svg-3804222 .label text,#mermaid-svg-3804222 span,#mermaid-svg-3804222 p{fill:#ccc;color:#ccc;}#mermaid-svg-3804222 .node rect,#mermaid-svg-3804222 .node circle,#mermaid-svg-3804222 .node ellipse,#mermaid-svg-3804222 .node polygon,#mermaid-svg-3804222 .node path{fill:#1f2020;stroke:#81B1DB;stroke-width:1px;}#mermaid-svg-3804222 .flowchart-label text{text-anchor:middle;}#mermaid-svg-3804222 .node .label{text-align:center;}#mermaid-svg-3804222 .node.clickable{cursor:pointer;}#mermaid-svg-3804222 .arrowheadPath{fill:lightgrey;}#mermaid-svg-3804222 .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-svg-3804222 .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-svg-3804222 .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-svg-3804222 .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-svg-3804222 .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-svg-3804222 .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-svg-3804222 .cluster text{fill:#F9FFFE;}#mermaid-svg-3804222 .cluster span,#mermaid-svg-3804222 p{color:#F9FFFE;}#mermaid-svg-3804222 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-3804222 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-svg-3804222 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="mermaid-svg-3804222_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="mermaid-svg-3804222_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="mermaid-svg-3804222_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="mermaid-svg-3804222_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="mermaid-svg-3804222_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="mermaid-svg-3804222_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#mermaid-svg-3804222_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-handler LE-services" id="L-handler-services-0" d="M106.65,62.063L116.614,57.896C126.579,53.729,146.508,45.396,166.724,41.229C186.939,37.063,207.441,37.063,217.691,37.063L227.942,37.063"></path><path marker-end="url(#mermaid-svg-3804222_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-services LE-db" id="L-services-db-0" d="M309.602,37.063L318.365,37.063C327.128,37.063,344.654,37.063,358.85,37.063C373.046,37.063,383.912,37.063,389.345,37.063L394.778,37.063"></path><path marker-end="url(#mermaid-svg-3804222_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-db LE-dynamodb" id="L-db-dynamodb-0" d="M576.953,37.063L583.936,37.063C590.919,37.063,604.885,37.063,617.968,37.063C631.051,37.063,643.251,37.063,649.35,37.063L655.45,37.063"></path><path marker-end="url(#mermaid-svg-3804222_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-handler LE-components" id="L-handler-components-0" d="M106.65,103.453L116.614,107.62C126.579,111.787,146.508,120.12,164.277,124.287C182.046,128.453,197.654,128.453,205.458,128.453L213.263,128.453"></path></g><g class="edgeLabels"><g transform="translate(166.4375, 37.062599182128906)" class="edgeLabel"><g transform="translate(-16.8984375, -13.1953125)" class="label"><foreignObject height="26.390625" width="33.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">uses</span></div></foreignObject></g></g><g transform="translate(362.1796875, 37.062599182128906)" class="edgeLabel"><g transform="translate(-12.8984375, -13.1953125)" class="label"><foreignObject height="26.390625" width="25.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">use</span></div></foreignObject></g></g><g transform="translate(618.8515625, 37.062599182128906)" class="edgeLabel"><g transform="translate(-16.8984375, -13.1953125)" class="label"><foreignObject height="26.390625" width="33.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">uses</span></div></foreignObject></g></g><g transform="translate(166.4375, 128.4532241821289)" class="edgeLabel"><g transform="translate(-27.125, -13.1953125)" class="label"><foreignObject height="26.390625" width="54.25"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">renders</span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(57.15625, 82.7579116821289)" id="flowchart-handler-0" class="node default flowchart-label"><rect height="41.390625" width="114.3125" y="-20.6953125" x="-57.15625" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-49.65625, -13.1953125)" style="" class="label"><rect></rect><foreignObject height="26.390625" width="99.3125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">HTTP handler</span></div></foreignObject></g></g><g transform="translate(271.421875, 37.062599182128906)" id="flowchart-services-1" class="node default flowchart-label"><rect height="41.390625" width="76.359375" y="-20.6953125" x="-38.1796875" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-30.6796875, -13.1953125)" style="" class="label"><rect></rect><foreignObject height="26.390625" width="61.359375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Services</span></div></foreignObject></g></g><g transform="translate(488.515625, 37.062599182128906)" id="flowchart-db-3" class="node default flowchart-label"><rect height="41.390625" width="176.875" y="-20.6953125" x="-88.4375" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-80.9375, -13.1953125)" style="" class="label"><rect></rect><foreignObject height="26.390625" width="161.875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Database access code</span></div></foreignObject></g></g><g transform="translate(709.15625, 37.062599182128906)" id="flowchart-dynamodb-5" class="node default default flowchart-label"><path transform="translate(-48.40625,-37.06259905959425)" d="M 0,10.911524373062834 a 48.40625,10.911524373062834 0,0,0 96.8125 0 a 48.40625,10.911524373062834 0,0,0 -96.8125 0 l 0,52.30214937306283 a 48.40625,10.911524373062834 0,0,0 96.8125 0 l 0,-52.30214937306283" style=""></path><g transform="translate(-40.90625, -13.1953125)" style="" class="label"><rect></rect><foreignObject height="26.390625" width="81.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">SQLite3</span></div></foreignObject></g></g><g transform="translate(271.421875, 128.4532241821289)" id="flowchart-components-7" class="node default flowchart-label"><rect height="41.390625" width="105.71875" y="-20.6953125" x="-52.859375" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-45.359375, -13.1953125)" style="" class="label"><rect></rect><foreignObject height="26.390625" width="90.71875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Components</span></div></foreignObject></g></g></g></g></g></svg>