docs/HighLevel.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 Microsoft Visio, SVG Export HighLevel.svg High-Level -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"
		xmlns:v="http://schemas.microsoft.com/visio/2003/SVGExtensions/" width="10.8785in" height="4.63194in"
		viewBox="0 0 783.25 333.5" xml:space="preserve" color-interpolation-filters="sRGB" class="st11">
	<v:documentProperties v:langID="1033" v:viewMarkup="false">
		<v:userDefs>
			<v:ud v:nameU="msvSubprocessMaster" v:prompt="" v:val="VT4(Rectangle)"/>
			<v:ud v:nameU="msvNoAutoConnect" v:val="VT0(1):26"/>
		</v:userDefs>
	</v:documentProperties>

	<style type="text/css">
	<![CDATA[
		.st1 {fill:#4672c4;stroke:#c7c8c8;stroke-width:0.25}
		.st2 {fill:#feffff;font-family:Calibri;font-size:0.833336em}
		.st3 {font-size:1em}
		.st4 {fill:#70ad47;stroke:#c7c8c8;stroke-width:0.25}
		.st5 {baseline-shift:32.4947%;font-size:0.649894em}
		.st6 {marker-end:url(#mrkr4-20);stroke:#4672c4;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}
		.st7 {fill:#4672c4;fill-opacity:1;stroke:#4672c4;stroke-opacity:1;stroke-width:0.28409090909091}
		.st8 {baseline-shift:50%;font-size:1em}
		.st9 {fill:none;stroke:none;stroke-width:0.25}
		.st10 {fill:#4672c4;font-family:Calibri;font-size:0.833336em}
		.st11 {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3}
	]]>
	</style>

	<defs id="Markers">
		<g id="lend4">
			<path d="M 2 1 L 0 0 L 2 -1 L 2 1 " style="stroke:none"/>
		</g>
		<marker id="mrkr4-20" class="st7" v:arrowType="4" v:arrowSize="2" v:setback="7.04" refX="-7.04" orient="auto"
				markerUnits="strokeWidth" overflow="visible">
			<use xlink:href="#lend4" transform="scale(-3.52,-3.52) "/>
		</marker>
	</defs>
	<g v:mID="0" v:index="1" v:groupContext="foregroundPage">
		<v:userDefs>
			<v:ud v:nameU="msvThemeOrder" v:val="VT0(0):26"/>
		</v:userDefs>
		<title>High-Level</title>
		<v:pageProperties v:drawingScale="1" v:pageScale="1" v:drawingUnits="0" v:shadowOffsetX="9" v:shadowOffsetY="-9"/>
		<v:layer v:name="Connector" v:index="0"/>
		<g id="shape1-1" v:mID="1" v:groupContext="shape" transform="translate(657,-18.25)">
			<title>Rectangle</title>
			<desc>Backend Service Go App</desc>
			<v:userDefs>
				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
				<v:ud v:nameU="visMasterStencil" v:prompt="" v:val="VT4(Basic_U.vssx)"/>
			</v:userDefs>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="54" cy="297.5" width="108" height="72"/>
			<rect x="0" y="261.5" width="108" height="72" class="st1"/>
			<text x="21.09" y="294.5" class="st2" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Backend Service<v:lf/><tspan
						x="38.93" dy="1.2em" class="st3">Go App</tspan></text>		</g>
		<g id="shape2-5" v:mID="2" v:groupContext="shape" transform="translate(418.5,-140.8)">
			<title>Rectangle.2</title>
			<desc>Frontend Service Go App</desc>
			<v:userDefs>
				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
				<v:ud v:nameU="visMasterStencil" v:prompt="" v:val="VT4(Basic_U.vssx)"/>
			</v:userDefs>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="54" cy="297.5" width="108" height="72"/>
			<rect x="0" y="261.5" width="108" height="72" class="st1"/>
			<text x="19.61" y="294.5" class="st2" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Frontend Service<v:lf/><tspan
						x="38.93" dy="1.2em" class="st3">Go App</tspan></text>		</g>
		<g id="shape3-9" v:mID="3" v:groupContext="shape" transform="translate(657,-140.7)">
			<title>Rectangle.3</title>
			<desc>NATS Server 3rd Party App</desc>
			<v:userDefs>
				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
				<v:ud v:nameU="visMasterStencil" v:prompt="" v:val="VT4(Basic_U.vssx)"/>
			</v:userDefs>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="54" cy="297.5" width="108" height="72"/>
			<rect x="0" y="261.5" width="108" height="72" class="st4"/>
			<text x="29" y="294.5" class="st2" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>NATS Server<v:lf/><tspan
						x="27.56" dy="1.2em" class="st3">3</tspan><tspan dy="-0.234em" class="st5" v:baseFontSize="10">rd</tspan><tspan
						dy="0.152em" class="st3"> </tspan>Party App</text>		</g>
		<g id="shape6-15" v:mID="6" v:groupContext="shape" v:layerMember="0" transform="translate(702,-90.25)">
			<title>Dynamic connector</title>
			<path d="M9 333.5 L9 290.09" class="st6"/>
		</g>
		<g id="shape7-21" v:mID="7" v:groupContext="shape" v:layerMember="0" transform="translate(526.5,-185.75)">
			<title>Dynamic connector.7</title>
			<path d="M0 342.45 L123.46 342.54" class="st6"/>
		</g>
		<g id="shape9-26" v:mID="9" v:groupContext="shape" transform="translate(418.5,-243.25)">
			<title>Rectangle.9</title>
			<desc>Web Application Vue 3 JavaScript App</desc>
			<v:userDefs>
				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
				<v:ud v:nameU="visMasterStencil" v:prompt="" v:val="VT4(Basic_U.vssx)"/>
			</v:userDefs>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="54" cy="297.5" width="108" height="72"/>
			<rect x="0" y="261.5" width="108" height="72" class="st1"/>
			<text x="20.27" y="294.5" class="st2" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Web Application<v:lf/><tspan
						x="11.73" dy="1.2em" class="st3">Vue 3 JavaScript App</tspan></text>		</g>
		<g id="shape10-30" v:mID="10" v:groupContext="shape" v:layerMember="0" transform="translate(71.6536,-167.8)">
			<title>Dynamic connector.10</title>
			<path d="M0 324.5 L130.56 324.5" class="st6"/>
		</g>
		<g id="shape11-35" v:mID="11" v:groupContext="shape" transform="translate(209.25,-140.8)">
			<title>Rectangle.11</title>
			<desc>Caddy HTTP Server 3rd Party App</desc>
			<v:userDefs>
				<v:ud v:nameU="visVersion" v:val="VT0(15):26"/>
				<v:ud v:nameU="visMasterStencil" v:prompt="" v:val="VT4(Basic_U.vssx)"/>
			</v:userDefs>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="54" cy="297.5" width="108" height="72"/>
			<rect x="0" y="261.5" width="108" height="72" class="st4"/>
			<text x="41.42" y="288.5" class="st2" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Caddy<v:lf/><tspan
						x="29.28" dy="1.2em" class="st3">HTTP Server<v:lf/></tspan><tspan x="27.56" dy="1.2em" class="st3">3</tspan><tspan
						dy="-0.234em" class="st5" v:baseFontSize="10">rd</tspan><tspan dy="0.651em" class="st8" v:baseFontSize="10"> </tspan><tspan
						dy="-0.499em" class="st3">Party App</tspan></text>		</g>
		<g id="shape12-43" v:mID="12" v:groupContext="shape" v:layerMember="0" transform="translate(317.25,-167.8)">
			<title>Dynamic connector.12</title>
			<path d="M0 324.5 L94.21 324.5" class="st6"/>
		</g>
		<g id="group13-48" transform="translate(18,-140.8)" v:mID="13" v:groupContext="group">
			<v:custProps>
				<v:cp v:nameU="Name" v:lbl="Name" v:prompt="" v:type="0" v:format="" v:sortKey="" v:invis="false" v:ask="false"
						v:langID="1033" v:cal="0"/>
				<v:cp v:nameU="Location" v:lbl="Location" v:prompt="" v:type="0" v:format="" v:sortKey="" v:invis="false"
						v:ask="false" v:langID="1033" v:cal="0"/>
				<v:cp v:nameU="Building" v:lbl="Building" v:prompt="" v:type="0" v:format="" v:sortKey="" v:invis="false"
						v:ask="false" v:langID="1033" v:cal="0"/>
				<v:cp v:nameU="Room" v:lbl="Room" v:prompt="" v:type="0" v:format="" v:sortKey="" v:invis="false" v:ask="false"
						v:langID="1033" v:cal="0"/>
				<v:cp v:nameU="Department" v:lbl="Department" v:prompt="" v:type="0" v:format="" v:sortKey="" v:invis="false"
						v:ask="false" v:langID="1033" v:cal="0"/>
				<v:cp v:nameU="ShapeClass" v:lbl="ShapeClass" v:prompt="" v:type="0" v:format="" v:sortKey="" v:invis="true"
						v:ask="false" v:langID="1033" v:cal="0" v:val="VT4(Connectivity)"/>
				<v:cp v:nameU="ShapeType" v:lbl="ShapeType" v:prompt="" v:type="0" v:format="" v:sortKey="" v:invis="true"
						v:ask="false" v:langID="1033" v:cal="0" v:val="VT4(User)"/>
			</v:custProps>
			<v:userDefs>
				<v:ud v:nameU="visVersion" v:prompt="" v:val="VT0(15):26"/>
				<v:ud v:nameU="ShapeClass" v:prompt="" v:val="VT0(5):26"/>
				<v:ud v:nameU="SolSH" v:prompt="" v:val="VT15({BF0433D9-CD73-4EB5-8390-8653BE590246}):41"/>
				<v:ud v:nameU="visLegendShape" v:prompt="" v:val="VT0(2):26"/>
			</v:userDefs>
			<title>User</title>
			<g id="shape14-49" v:mID="14" v:groupContext="shape" transform="translate(18.3464,5.68434E-14)">
				<title>Sheet.14</title>
				<path d="M26.71 270.45 A8.95096 8.95096 -180 1 0 8.81 270.45 A8.95096 8.95096 -180 1 0 26.71 270.45 ZM28.02 281.82
							 L7.28 281.82 C3.27 281.82 0 285.09 0 289.1 L0 314.51 L5.68 314.51 L5.68 299.72 L7.57 299.72 L7.57 333.5
							 L16.81 333.5 L16.81 318.4 C16.81 317.88 17.24 317.46 17.76 317.46 C18.29 317.46 18.71 317.88 18.71 318.4
							 L18.71 333.5 L28.49 333.5 L28.49 299.67 L30.38 299.67 L30.38 314.51 L35.31 314.51 L35.31 289.1 C35.31
							 285.09 32.04 281.82 28.02 281.82 Z" class="st1"/>
			</g>
		</g>
		<g id="shape15-51" v:mID="15" v:groupContext="shape" v:layerMember="0" transform="translate(263.25,-212.8)">
			<title>Dynamic connector.15</title>
			<path d="M0 333.5 L0 267.05 L148.21 267.05" class="st6"/>
		</g>
		<g id="shape18-56" v:mID="18" v:groupContext="shape" transform="translate(262,-279)">
			<title>Sheet.18</title>
			<desc>HTTP (Port 8080)</desc>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="76" cy="323.5" width="152" height="20"/>
			<rect x="0" y="313.5" width="152" height="20" class="st9"/>
			<text x="41.36" y="327.1" class="st10" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>HTTP (Port 8080)</text>		</g>
		<g id="shape22-59" v:mID="22" v:groupContext="shape" transform="translate(289,-178)">
			<title>Sheet.22</title>
			<desc>SSE (Port 8090)</desc>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="76" cy="323.5" width="152" height="20"/>
			<rect x="0" y="313.5" width="152" height="20" class="st9"/>
			<text x="44.9" y="327.1" class="st10" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>SSE (Port 8090)</text>		</g>
		<g id="shape24-62" v:mID="24" v:groupContext="shape" transform="translate(64,-182.4)">
			<title>Sheet.24</title>
			<desc>HTTP, SSE (Port 8070) * Docker maps port to 8000</desc>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="76" cy="323.5" width="152" height="20"/>
			<rect x="0" y="313.5" width="152" height="20" class="st9"/>
			<text x="31.95" y="319.3" class="st10" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>HTTP, SSE (Port 8070)<v:lf/><tspan
						x="19.43" dy="1.38em" class="st3">* Docker maps port to 8000</tspan></text>		</g>
		<g id="shape26-66" v:mID="26" v:groupContext="shape" transform="translate(514,-182.4)">
			<title>Sheet.26</title>
			<desc>NATS Async Pub/Sub (Port 44222)</desc>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="76" cy="323.5" width="152" height="20"/>
			<rect x="0" y="313.5" width="152" height="20" class="st9"/>
			<text x="33.71" y="319.3" class="st10" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>NATS Async Pub/Sub<v:lf/><tspan
						x="50.53" dy="1.38em" class="st3">(Port 44222)</tspan></text>		</g>
		<g id="shape29-70" v:mID="29" v:groupContext="shape" transform="translate(589.2,-102.6)">
			<title>Sheet.29</title>
			<desc>NATS Async Pub/Sub (Port 44222)</desc>
			<v:textBlock v:margins="rect(4,4,4,4)"/>
			<v:textRect cx="76" cy="323.5" width="152" height="20"/>
			<rect x="0" y="313.5" width="152" height="20" class="st9"/>
			<text x="33.71" y="319.3" class="st10" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>NATS Async Pub/Sub<v:lf/><tspan
						x="50.53" dy="1.38em" class="st3">(Port 44222)</tspan></text>		</g>
	</g>
</svg>