feat: some moving around

app/src/lib/graph-interface/debug/Debug.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { MeshLineGeometry, MeshLineMaterial } from '@threlte/extras';
+	import { points, lines } from './store.js';
+	import { T } from '@threlte/core';
+</script>
+
+{#each $points as point}
+	<T.Mesh position.x={point.x} position.y={point.y} position.z={point.z} rotation.x={-Math.PI / 2}>
+		<T.CircleGeometry args={[0.2, 32]} />
+		<T.MeshBasicMaterial color="red" />
+	</T.Mesh>
+{/each}
+
+{#each $lines as line}
+	<T.Mesh>
+		<MeshLineGeometry points={line} />
+		<MeshLineMaterial color="red" linewidth={1} attenuate={false} />
+	</T.Mesh>
+{/each}

app/src/lib/graph-interface/debug/index.ts

@@ -0,0 +1,25 @@
+import { Vector3 } from "three/src/math/Vector3.js";
+import { lines, points } from "./store";
+
+export function debugPosition(x: number, y: number) {
+  points.update((p) => {
+    p.push(new Vector3(x, 1, y));
+    return p;
+  });
+}
+
+export function clear() {
+  points.set([]);
+  lines.set([]);
+}
+
+export function debugLine(line: Vector3[]) {
+  lines.update((l) => {
+    l.push(line);
+    return l;
+  });
+}
+
+import Component from "./Debug.svelte";
+
+export default Component

app/src/lib/graph-interface/debug/store.ts

@@ -0,0 +1,6 @@
+import { writable } from "svelte/store";
+import { Vector3 } from "three/src/math/Vector3.js";
+
+export const points = writable<Vector3[]>([]);
+
+export const lines = writable<Vector3[][]>([]);