Merge pull request #231 from pathsim/feature/grid-aligned-routing

Fix node bounding boxes by using SvelteFlow nodeOrigin

Author: milanofthe

src/lib/components/FlowCanvas.svelte

@@ -773,6 +773,7 @@
 		onnodecontextmenu={handleNodeContextMenu}
 		onedgecontextmenu={handleEdgeContextMenu}
 		onpanecontextmenu={handlePaneContextMenu}
+		nodeOrigin={[0.5, 0.5]}
 		{...{ snapToGrid: true, snapGrid: SNAP_GRID } as any}
 		deleteKeyCode={['Delete', 'Backspace']}
 		selectionKeyCode={['Shift']}

src/lib/components/nodes/BaseNode.svelte

@@ -391,9 +391,8 @@
 <style>
 	.node {
 		position: relative;
-		/* Center node on its position point (node center = local origin) */
-		transform: translate(-50%, -50%);
 		/* Dimensions set via inline style using grid constants */
+		/* Note: center-origin handled by SvelteFlow's nodeOrigin={[0.5, 0.5]} */
 		display: flex;
 		flex-direction: column;
 		background: var(--surface-raised);
@@ -417,8 +416,7 @@
 
 	.shape-diamond {
 		border-radius: 4px;
-		/* Compose with center transform */
-		transform: translate(-50%, -50%) rotate(45deg);
+		transform: rotate(45deg);
 	}
 
 	.shape-diamond .node-content {

src/lib/components/nodes/EventNode.svelte

@@ -45,8 +45,7 @@
 <style>
 	.event-node {
 		position: relative;
-		/* Center event on its position point (center = local origin) */
-		transform: translate(-50%, -50%);
+		/* Note: center-origin handled by SvelteFlow's nodeOrigin={[0.5, 0.5]} */
 		cursor: pointer;
 	}