mauicv/genesis-tubs-builder

genesis-tubs-builder's Issues

Movement and zoom very slow

I think the Vuex store adds an observer to every element in the array of points which means when we mutate an element the vuex store triggers re-rendering on the canvas component. If we move each element in the array then this slows the UI down significantly.

If we create a deep copy of the array then it should behave like this but then we loose the dependences other structures in the store have on those points. It perhaps makes sense to store them as a flattened dictionary with uuid's as keys and reference those uuid in the other objects. This means we can make the deep copy and update everything in one without breaking any relations.

#1 might be related

Add memory to Store

Currently if we set the edit selection we have access to focus on state but not memory.

Movement and zoom events after file load

On loading a file with convex sets and then adding a new convex set the new convex will move and size at double the rate on arrow keys and zoom events.

I suspect the issue arrises because we're using window.addEventListener rather than vue event logic.