52 lines
4.7 KiB
Plaintext
52 lines
4.7 KiB
Plaintext
<mxfile host="Codex" agent="wiki-workflow + diagram-standards v2 minimalist" version="24.0.0" type="device">
|
|
<diagram name="ca-skeleton-frontend-deployment" id="frontend-deployment">
|
|
<mxGraphModel dx="1000" dy="680" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1000" pageHeight="680" math="0" shadow="0">
|
|
<root>
|
|
<mxCell id="0" />
|
|
<mxCell id="1" parent="0" />
|
|
|
|
<mxCell id="title" value="<b>ca-skeleton frontend — static delivery</b> How does the browser receive immutable assets and mutable /config.json?" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=18;fontStyle=0;fontFamily=Pretendard,Helvetica;fontColor=#57606A;" vertex="1" parent="1">
|
|
<mxGeometry x="50" y="20" width="900" height="58" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="browser" value="<b>User Browser</b> External client" style="rounded=8;whiteSpace=wrap;html=1;fillColor=#F6F8FA;strokeColor=#D0D7DE;strokeWidth=1.5;dashed=1;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
|
|
<mxGeometry x="60" y="240" width="190" height="100" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="cdn" value="<b>CDN / Static Host</b> Serves both artifacts" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#57606A;strokeWidth=2.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
|
|
<mxGeometry x="390" y="240" width="220" height="100" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="build-artifact" value="<b>Build Artifact</b> Immutable hashed assets" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#57606A;strokeWidth=1.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
|
|
<mxGeometry x="700" y="170" width="200" height="80" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="config-artifact" value="<b>/config.json</b> Mutable · no-store" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#57606A;strokeWidth=1.5;fontSize=12;fontFamily=Pretendard,Helvetica;fontColor=#57606A;align=center;verticalAlign=middle;" vertex="1" parent="1">
|
|
<mxGeometry x="700" y="350" width="200" height="80" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="publish-build" value="publish assets" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;entryX=1;entryY=0.3;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;fontSize=11;fontFamily=Pretendard,Helvetica;fontColor=#57606A;" edge="1" parent="1" source="build-artifact" target="cdn">
|
|
<mxGeometry relative="1" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="publish-config" value="publish config" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;entryX=1;entryY=0.7;strokeColor=#57606A;strokeWidth=1.5;endArrow=open;endFill=0;fontSize=11;fontFamily=Pretendard,Helvetica;fontColor=#57606A;" edge="1" parent="1" source="config-artifact" target="cdn">
|
|
<mxGeometry relative="1" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="serve-assets" value="serve immutable assets" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.3;entryX=1;entryY=0.3;strokeColor=#57606A;strokeWidth=2.5;endArrow=block;endFill=1;fontSize=11;fontStyle=1;fontFamily=Pretendard,Helvetica;fontColor=#57606A;" edge="1" parent="1" source="cdn" target="browser">
|
|
<mxGeometry relative="1" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="serve-config" value="serve /config.json" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.7;entryX=1;entryY=0.7;strokeColor=#57606A;strokeWidth=2.5;endArrow=block;endFill=1;fontSize=11;fontStyle=1;fontFamily=Pretendard,Helvetica;fontColor=#57606A;" edge="1" parent="1" source="cdn" target="browser">
|
|
<mxGeometry relative="1" as="geometry" />
|
|
</mxCell>
|
|
|
|
<mxCell id="legend" value="Open arrow = artifact publish Filled arrow = browser delivery" style="text;html=1;strokeColor=none;fillColor=none;align=right;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=11;fontFamily=Pretendard,Helvetica;fontColor=#57606A;" vertex="1" parent="1">
|
|
<mxGeometry x="650" y="570" width="300" height="42" as="geometry" />
|
|
</mxCell>
|
|
|
|
</root>
|
|
</mxGraphModel>
|
|
</diagram>
|
|
</mxfile>
|