Canvas

[Xenon27]

[michelguerin]

Next steps will be to make your code dynamic : a lot is hard coded.

[michelguerin]

this default state can be passed as initialization of the $state variable like this :

let connections = $state<Connection[]>([
		{
			from: { node: 'DO X', side: 'right' },
			to: { node: 'Logical Component X', side: 'left' }
		},
		{
			from: { node: 'DO Y', side: 'right' },
			to: { node: 'Logical Component X', side: 'left' }
		}
	])

[michelguerin]

If this is intended to be dynamic in the future, you'll be able to initialize it in an action and a centralized store (like I did here to init a plugin). I can show you how if you are interested.

[Xenon27]

In the future, this should be dynamic. Currently, I implemented it this way because I don't yet receive data from the SCD, and I needed an initial reactive action to trigger the drawing. However, a function or action will likely be needed to initialize the default view, ensuring that something is always displayed immediately.

[trusz]

it probably does not belong to this PR but we shouldn't add event listeners manually.
in this case we should use: https://svelte.dev/docs/svelte/svelte-window