Send graph to backend.

main.py

@@ -1,6 +1,33 @@
 from typing import Union
-
 import fastapi
+import pydantic
+
+class Position(pydantic.BaseModel):
+    x: float
+    y: float
+
+class WorkspaceNode(pydantic.BaseModel):
+    id: str
+    title: str
+    type: str
+    position: Position
+
+class WorkspaceConnection(pydantic.BaseModel):
+    id: str
+    # Baklava.js calls it "from", but that's a reserved keyword in Python.
+    src: str = pydantic.Field(None, alias='from')
+    dst: str = pydantic.Field(None, alias='to')
+
+class WorkspaceGraph(pydantic.BaseModel):
+    nodes: list[WorkspaceNode]
+    connections: list[WorkspaceConnection]
+    panning: Position
+    scaling: float
+    nodes: list[WorkspaceNode]
+
+class Workspace(pydantic.BaseModel):
+    graph: WorkspaceGraph
+
 
 app = fastapi.FastAPI()
 
@@ -13,3 +40,9 @@ def read_root():
 @app.get("/items/{item_id}")
 def read_item(item_id: int, q: Union[str, None] = None):
     return {"item_id": item_id, "q": q}
+
+
+@app.post("/api/save")
+def save(ws: Workspace):
+    print(ws)
+    return {"status": "ok"}

requirements.txt

@@ -2,3 +2,4 @@ fastapi
 networkx
 numpy
 pandas
+uvicorn

web/src/App.vue

@@ -79,4 +79,21 @@ engine.events.afterRun.subscribe(token, (result) => {
     applyResult(result, baklava.editor);
     engine.resume();
 });
+let lastSave;
+baklava.editor.nodeEvents.update.subscribe(token, async (result) => {
+  const s = JSON.stringify(baklava.editor.save());
+  if (s !== lastSave) {
+    lastSave = s;
+    console.log('save', JSON.parse(s));
+    const res = await fetch('/api/save', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: s,
+    });
+    const j = await res.json();
+    console.log('save response', j);
+  }
+});
 </script>

web/vite.config.ts

@@ -4,4 +4,7 @@ import vue from '@vitejs/plugin-vue'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  server: {
+    proxy: { '/api': 'http://127.0.0.1:8000' },
+  },
 })