Added zoom to selection command

Author: Developer-Mike

README.md

@@ -69,6 +69,8 @@ All features can be enabled/disabled in the settings.
 ## Canvas Commands
 - `Advanced Canvas: Create text node`
   - Create a new text node
+- `Advanced Canvas: Zoom to selection`
+  - Zoom to the bounding box of the selected nodes
 - `Advanced Canvas: Clone node up/down/left/right`
   - Clone the selected node in the direction of the arrow keys
   - The cloned node will have the same dimensions and color as the original node

src/@types/Canvas.d.ts

@@ -45,6 +45,7 @@ export interface Canvas {
 
   getViewportBBox(): BBox
   zoomToBbox(bbox: BBox): void
+  zoomToSelection(): void
 
   undo(): void
   redo(): void

src/canvas-extensions/commands-canvas-extension.ts

@@ -29,6 +29,16 @@ export default class CommandsCanvasExtension {
       )
     })
 
+    this.plugin.addCommand({
+      id: 'zoom-to-selection',
+      name: 'Zoom to selection',
+      checkCallback: CanvasHelper.canvasCommand(
+        this.plugin,
+        (canvas: Canvas) => canvas.selection.size > 0,
+        (canvas: Canvas) => canvas.zoomToSelection()
+      )
+    })
+
     for (const direction of DRIECTIONS) {
       this.plugin.addCommand({
         id: `clone-node-${direction}`,