Restructure docs

add template and interactive tutorial, update tool runner

1 files changed, 52 insertions, 0 deletions

diff --git a/docs/res/graph/flow.drawio b/docs/res/graph/flow.drawio
new file mode 100644
index 0000000..db162b8
--- /dev/null
+++ b/docs/res/graph/flow.drawio
@@ -0,0 +1,52 @@
+<mxfile host="Electron" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.6.6 Chrome/144.0.7559.236 Electron/40.8.4 Safari/537.36" version="29.6.6">
+  <diagram name="第 1 页" id="k4Qmdujz4_MrBDZmr3JA">
+    <mxGraphModel dx="1899" dy="672" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="waftmcoGh0EoTaqUSBJa-11" edge="1" parent="1" source="waftmcoGh0EoTaqUSBJa-1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fillColor=#d5e8d4;strokeColor=#82b366;" target="waftmcoGh0EoTaqUSBJa-2">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-1" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" value="&lt;font style=&quot;color: rgb(0, 0, 0);&quot;&gt;&lt;font&gt;Vec&lt;/font&gt;&lt;font&gt;&amp;lt;String&amp;gt;&lt;/font&gt;&lt;/font&gt;" vertex="1">
+          <mxGeometry height="40" width="120" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-12" edge="1" parent="1" source="waftmcoGh0EoTaqUSBJa-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fillColor=#d5e8d4;strokeColor=#82b366;" target="waftmcoGh0EoTaqUSBJa-3">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-2" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" value="EntryGreet" vertex="1">
+          <mxGeometry height="40" width="120" y="60" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-13" edge="1" parent="1" source="waftmcoGh0EoTaqUSBJa-3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fillColor=#d5e8d4;strokeColor=#82b366;" target="waftmcoGh0EoTaqUSBJa-4">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-3" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" value="StateNameParse" vertex="1">
+          <mxGeometry height="40" width="120" y="120" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-14" edge="1" parent="1" source="waftmcoGh0EoTaqUSBJa-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fillColor=#d5e8d4;strokeColor=#82b366;" target="waftmcoGh0EoTaqUSBJa-8">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-4" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" value="ResultGreet" vertex="1">
+          <mxGeometry height="40" width="120" y="180" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-18" edge="1" parent="1" source="waftmcoGh0EoTaqUSBJa-8" 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;fillColor=#ffe6cc;strokeColor=#d79b00;" target="waftmcoGh0EoTaqUSBJa-16">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-8" parent="1" style="whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" value="String" vertex="1">
+          <mxGeometry height="40" width="120" y="240" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-9" edge="1" parent="1" source="waftmcoGh0EoTaqUSBJa-8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#d5e8d4;strokeColor=#82b366;" target="waftmcoGh0EoTaqUSBJa-8">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-17" edge="1" parent="1" source="waftmcoGh0EoTaqUSBJa-15" 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;fillColor=#ffe6cc;strokeColor=#d79b00;" target="waftmcoGh0EoTaqUSBJa-1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-15" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" value="INPUT" vertex="1">
+          <mxGeometry height="60" width="120" x="-200" y="110" as="geometry" />
+        </mxCell>
+        <mxCell id="waftmcoGh0EoTaqUSBJa-16" parent="1" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" value="OUTPUT" vertex="1">
+          <mxGeometry height="60" width="120" x="200" y="110" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>