Notes2/design.drawio
Magnus Åhall 13d0b15fd9 wip
2024-12-03 22:08:45 +01:00

253 lines
19 KiB
Plaintext

<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36" version="25.0.1">
<diagram name="Page-1" id="G2-a1oUG1H-bwT7ce2_Y">
<mxGraphModel dx="698" dy="423" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" style="" parent="0" />
<mxCell id="rRo1dadeA1uCrzt-e38k-26" value="&lt;b&gt;Webserver&lt;/b&gt;&lt;div&gt;golang&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
<mxGeometry x="520" y="40" width="100" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-27" value="&lt;b&gt;Backend&lt;/b&gt;&lt;div&gt;PostgreSQL&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
<mxGeometry x="680" y="40" width="100" height="40" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=classic;endFill=1;" edge="1" parent="1" source="rRo1dadeA1uCrzt-e38k-28" target="_PY1-sNXTUqCv9qV1nWE-1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-28" value="&lt;b&gt;Notes2 Component&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
<mxGeometry x="1200" y="40" width="150" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-29" value="&lt;b&gt;NodeStore&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
<mxGeometry x="200" y="40" width="100" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-30" value="" style="endArrow=none;html=1;rounded=0;strokeColor=#B3B3B3;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="90" y="480" as="sourcePoint" />
<mxPoint x="89.5" y="80" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-31" value="" style="endArrow=none;html=1;rounded=0;strokeColor=#B3B3B3;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="250" y="480" as="sourcePoint" />
<mxPoint x="249.5" y="80" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-32" value="" style="endArrow=none;html=1;rounded=0;strokeColor=#B3B3B3;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="570" y="480" as="sourcePoint" />
<mxPoint x="570" y="80" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-33" value="" style="endArrow=none;html=1;rounded=0;strokeColor=#B3B3B3;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="730" y="480" as="sourcePoint" />
<mxPoint x="729.5" y="80" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-58" value="&lt;b&gt;IndexedDB&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
<mxGeometry x="360" y="40" width="100" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-59" value="" style="endArrow=none;html=1;rounded=0;strokeColor=#B3B3B3;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="410" y="480" as="sourcePoint" />
<mxPoint x="409.5" y="80" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;startArrow=classic;startFill=1;" edge="1" parent="1" source="_PY1-sNXTUqCv9qV1nWE-1" target="_PY1-sNXTUqCv9qV1nWE-3">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-7" value="&amp;nbsp;nodeStore.getTreeNodes()&amp;nbsp;&lt;div&gt;First level of tree nodes&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="_PY1-sNXTUqCv9qV1nWE-4">
<mxGeometry x="-0.0383" y="-3" relative="1" as="geometry">
<mxPoint x="8" y="-28" as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-11" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="_PY1-sNXTUqCv9qV1nWE-1" target="_PY1-sNXTUqCv9qV1nWE-10">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-1" value="&lt;b&gt;Tree Component&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="1215" y="150" width="120" height="50" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-3" value="&lt;b&gt;NodeStore&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
<mxGeometry x="1620" y="150" width="90" height="50" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-9" value="[]Nodes" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="1450" y="178" width="60" height="30" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="_PY1-sNXTUqCv9qV1nWE-10" target="_PY1-sNXTUqCv9qV1nWE-12">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-10" value="&lt;b&gt;TreeNode Component&lt;/b&gt;" style="whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;rounded=1;" vertex="1" parent="1">
<mxGeometry x="1215" y="270" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="_PY1-sNXTUqCv9qV1nWE-12" target="_PY1-sNXTUqCv9qV1nWE-3">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-17" value="getTreeNodes()&lt;div&gt;for children of node&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="_PY1-sNXTUqCv9qV1nWE-16">
<mxGeometry x="0.0125" y="1" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-12" value="&lt;b&gt;Node&lt;/b&gt;" style="whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;rounded=1;" vertex="1" parent="1">
<mxGeometry x="1605" y="270" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="_PY1-sNXTUqCv9qV1nWE-15" value="When rendered, and parent is expanded,&lt;div&gt;fetchChildren()&lt;/div&gt;" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="1340" y="263" width="240" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-44" value="Floats" style="" parent="0" />
<mxCell id="rRo1dadeA1uCrzt-e38k-54" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="rRo1dadeA1uCrzt-e38k-44" vertex="1">
<mxGeometry x="240" y="120" width="20" height="140" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-55" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="rRo1dadeA1uCrzt-e38k-44" vertex="1">
<mxGeometry x="80" y="120" width="20" height="320" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-60" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="rRo1dadeA1uCrzt-e38k-44" vertex="1">
<mxGeometry x="400" y="120" width="20" height="80" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-87" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="rRo1dadeA1uCrzt-e38k-44" vertex="1">
<mxGeometry x="560" y="300" width="20" height="80" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-92" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="rRo1dadeA1uCrzt-e38k-44" vertex="1">
<mxGeometry x="720" y="290" width="20" height="80" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-98" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="rRo1dadeA1uCrzt-e38k-44" vertex="1">
<mxGeometry x="240" y="280" width="20" height="160" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-73" value="Connections" style="" parent="0" />
<mxCell id="rRo1dadeA1uCrzt-e38k-74" value="" style="endArrow=classic;html=1;rounded=0;entryX=0;entryY=0.098;entryDx=0;entryDy=0;entryPerimeter=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="100" y="140" as="sourcePoint" />
<mxPoint x="240" y="140.18000000000006" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-75" value="Always access&lt;div&gt;nodes from&lt;/div&gt;&lt;div&gt;the NodeStore&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-74" vertex="1" connectable="0">
<mxGeometry x="0.0143" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-76" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="260" y="140" as="sourcePoint" />
<mxPoint x="400" y="140" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-77" value="Check if already&lt;div&gt;in IndexedDB&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-76" vertex="1" connectable="0">
<mxGeometry x="-0.1143" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-78" value="" style="endArrow=classic;html=1;rounded=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;edgeStyle=orthogonalEdgeStyle;" parent="rRo1dadeA1uCrzt-e38k-73" target="rRo1dadeA1uCrzt-e38k-96" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="400" y="180" as="sourcePoint" />
<mxPoint x="260" y="181" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-79" value="&amp;nbsp;Reply&amp;nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-78" vertex="1" connectable="0">
<mxGeometry x="0.0602" y="-1" relative="1" as="geometry">
<mxPoint x="18" as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-83" value="Data&lt;div&gt;exist?&lt;/div&gt;" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="rRo1dadeA1uCrzt-e38k-73" vertex="1">
<mxGeometry x="340" y="195" width="50" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-84" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="310" y="239.71" as="sourcePoint" />
<mxPoint x="260" y="240" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-85" value="&amp;nbsp;Yes&amp;nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-84" vertex="1" connectable="0">
<mxGeometry x="-0.1033" y="2" relative="1" as="geometry">
<mxPoint x="2" y="-2" as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-91" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="580" y="320" as="sourcePoint" />
<mxPoint x="720" y="321" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-103" value="&amp;nbsp;Fetch from&lt;div&gt;Postgres&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-91" vertex="1" connectable="0">
<mxGeometry x="-0.3315" relative="1" as="geometry">
<mxPoint x="17" as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-93" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="720" y="360" as="sourcePoint" />
<mxPoint x="580" y="360" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-96" value="" style="rhombus;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="rRo1dadeA1uCrzt-e38k-73" vertex="1">
<mxGeometry x="310" y="220" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-97" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="240" y="240" as="sourcePoint" />
<mxPoint x="100" y="240" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-108" value="Response from&lt;div&gt;NodeStore and&lt;/div&gt;&lt;div&gt;IndexedDB&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-97" vertex="1" connectable="0">
<mxGeometry x="-0.0653" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-99" value="" style="endArrow=classic;html=1;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="rRo1dadeA1uCrzt-e38k-73" source="rRo1dadeA1uCrzt-e38k-96" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="310" y="320" as="sourcePoint" />
<mxPoint x="260" y="300" as="targetPoint" />
<Array as="points">
<mxPoint x="330" y="300" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-100" value="&amp;nbsp;No&amp;nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-99" vertex="1" connectable="0">
<mxGeometry x="0.382" relative="1" as="geometry">
<mxPoint x="6" as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-101" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="260" y="320" as="sourcePoint" />
<mxPoint x="560" y="320" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-102" value="&amp;nbsp;Fetch from backend&amp;nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-101" vertex="1" connectable="0">
<mxGeometry x="-0.018" y="2" relative="1" as="geometry">
<mxPoint x="3" y="2" as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-104" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="560" y="360" as="sourcePoint" />
<mxPoint x="260" y="360" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-106" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="260" y="400" as="sourcePoint" />
<mxPoint x="400" y="400" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-109" value="Store for future&lt;div&gt;use in IndexedDB&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-106" vertex="1" connectable="0">
<mxGeometry x="-0.0898" y="-1" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-107" value="" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="rRo1dadeA1uCrzt-e38k-73" vertex="1">
<mxGeometry x="400" y="380" width="20" height="40" as="geometry" />
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-110" value="" style="endArrow=classic;html=1;rounded=0;" parent="rRo1dadeA1uCrzt-e38k-73" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="240" y="420" as="sourcePoint" />
<mxPoint x="100" y="420" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="rRo1dadeA1uCrzt-e38k-111" value="Response from&lt;div&gt;NodeStore and&lt;/div&gt;&lt;div&gt;PostgreSQL&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="rRo1dadeA1uCrzt-e38k-110" vertex="1" connectable="0">
<mxGeometry x="0.2449" relative="1" as="geometry">
<mxPoint x="17" as="offset" />
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>