feat: first working version with parameters

packages/graph-interface/src/lib/Camera.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
-  import { T } from "@threlte/core";
-  import { type OrthographicCamera } from "three";
+	import { T } from '@threlte/core';
+	import { type OrthographicCamera } from 'three';
 
-  export let camera: OrthographicCamera | undefined = undefined;
+	export let camera: OrthographicCamera | undefined = undefined;
 
-  export let position: [number, number, number] = [0, 0, 4];
+	export let position: [number, number, number];
 </script>
 
 <T.OrthographicCamera
-  bind:ref={camera}
-  position.x={0}
-  position.y={10}
-  position.z={0}
-  rotation.x={-Math.PI / 2}
-  zoom={position[2]}
-  makeDefault
+	bind:ref={camera}
+	position.x={position[0]}
+	position.y={10}
+	position.z={position[1]}
+	rotation.x={-Math.PI / 2}
+	zoom={position[2]}
+	makeDefault
 />

packages/graph-interface/src/lib/graph-manager.ts

@@ -393,7 +393,7 @@ export class GraphManager extends EventEmitter<{ "save": Graph, "result": any }>
     const state = this.serialize();
     this.history.save(state);
     this.emit("save", state);
-    logger.log("saving graph");
+    logger.log("saving graphs", state);
   }
 
   getParentsOfNode(node: Node) {

packages/graph-interface/src/lib/graph/Graph.svelte

@@ -47,10 +47,6 @@
 		edges: [number, number, number, string][];
 	} = null;
 
-	$: if (cameraPosition && loaded) {
-		localStorage.setItem('cameraPosition', JSON.stringify(cameraPosition));
-	}
-
 	let width = globalThis?.innerWidth ?? 100;
 	let height = globalThis?.innerHeight ?? 100;
 
@@ -61,12 +57,14 @@
 		cameraPosition[1] - height / cameraPosition[2] / 2,
 		cameraPosition[1] + height / cameraPosition[2] / 2
 	];
-	function setCameraTransform(x: number, y: number, z: number) {
-		if (!camera) return;
-		camera.position.x = x;
-		camera.position.z = y;
-		camera.zoom = z;
+	function setCameraTransform(x = cameraPosition[0], y = cameraPosition[1], z = cameraPosition[2]) {
+		if (camera) {
+			camera.position.x = x;
+			camera.position.z = y;
+			camera.zoom = z;
+		}
 		cameraPosition = [x, y, z];
+		localStorage.setItem('cameraPosition', JSON.stringify(cameraPosition));
 	}
 
 	export let debug = {};
@@ -534,7 +532,7 @@
 			});
 		}
 
-		if (event.key === 'a' && event.ctrlKey) {
+		if (event.key === 'a' && event.ctrlKey && bodyIsFocused) {
 			$selectedNodes = new Set($nodes.keys());
 		}
 
@@ -697,7 +695,6 @@
 				setCameraTransform(cPosition[0], cPosition[1], cPosition[2]);
 			}
 		}
-		loaded = true;
 	});
 </script>