feat: drop node on edge

Closes #13
2026-01-20 17:46:09 +01:00
parent f98b90dcd3
commit a3d10d6094
13 changed files with 710 additions and 439 deletions
--- a/app/src/lib/graph-interface/graph/Graph.svelte
+++ b/app/src/lib/graph-interface/graph/Graph.svelte
@@ -11,8 +11,10 @@
  import HelpView from "../components/HelpView.svelte";
  import { getGraphManager, getGraphState } from "../graph-state.svelte";
  import { HTML } from "@threlte/extras";
-  import { FileDropEventManager, MouseEventManager } from "./events";
  import { maxZoom, minZoom } from "./constants";
+  import Debug from "../debug/Debug.svelte";
+  import { FileDropEventManager } from "./drop.events";
+  import { MouseEventManager } from "./mouse.events";

  const {
    keymap,
@@ -174,9 +176,18 @@

      {#each graph.edges as edge}
        {@const [x1, y1, x2, y2] = getEdgePosition(edge)}
-        <EdgeEl z={graphState.cameraPosition[2]} {x1} {y1} {x2} {y2} />
+        <EdgeEl
+          id={graph.getEdgeId(edge)}
+          z={graphState.cameraPosition[2]}
+          {x1}
+          {y1}
+          {x2}
+          {y2}
+        />
      {/each}

+      <Debug />
+
      <HTML transform={false}>
        <div
          role="tree"