Add commands for zoom to fit

[jackgriffiths]

I have added three new commands:

• Zoom to fit rect
• Zoom to fit nodes
• Zoom to fit graph (closes Fit view to all nodes / Calculate panning to align with (X, Y) #197)

The "zoom to fit graph" command can be activated from a new toolbar button and with the f hotkey.

There are also some new settings that control how much padding to use when fitting the rect/nodes/graph.

• zoomToFit.paddingLeft (default = 300)
• zoomToFit.paddingRight (default = 50)
• zoomToFit.paddingTop (default = 110)
• zoomToFit.paddingBottom (default = 50)

The commands do not take palette.enabled and toolbar.enabled into account. That is why the left padding and the top padding are larger - they account for the width of the palette and the height of the toolbar.

I did consider making the commands check if the palette and the toolbar are enabled, and automatically adding extra padding if necessary. However, because the components and styles for the palette and toolbar can easily be changed, I didn't think we could assume their positions or sizes.

It means that if the palette or the toolbar is disabled, then the padding settings will also need to be adjusted to ensure the nodes are still positioned in the center of the editor. Likewise, if the palette or the toolbar is repositioned or resized, the padding settings will need to be adjusted.

It's not ideal that disabling the palette or the toolbar also requires the padding settings to be adjusted. But I think overall this solution is the simplest and most flexible. What do you think?

[newcat]

Impressive, thank you!

[newcat]

Regarding the padding: I think your solution is the best. As you mentioned, there are too many factors that influence the padding when taking into account toolbar/palette and it would also create a lot of coupling to those components. So having them separate and configurable is probably the better approach.