feat: support zoom in out (#123)

Author: wrongsahil

src/main/main.ts

@@ -195,6 +195,8 @@ const createWindow = async () => {
       preload: path.join(__dirname, "preload.js"),
     },
   });
+  webAppWindow.webContents.setVisualZoomLevelLimits(1, 3)
+
   new AutoUpdate(webAppWindow);
   remote.enable(webAppWindow.webContents);
 

src/main/menu.ts

@@ -124,6 +124,33 @@ export default class MenuBuilder {
             this.mainWindow.webContents.toggleDevTools();
           },
         },
+        {
+          type: "separator",
+        },
+        {
+          label: "Zoom In",
+          accelerator: "Command+Plus",
+          click: () => {
+            this.mainWindow.webContents.setZoomLevel(
+              this.mainWindow.webContents.getZoomLevel() + 1
+            );
+          },
+        },
+        {
+          label: "Zoom Out",
+          accelerator: "Command+-",
+          click: () => {
+            this.mainWindow.webContents.setZoomLevel(
+              this.mainWindow.webContents.getZoomLevel() - 1
+            );
+          },
+        },
+        {
+          label: "Reset Zoom",
+          click: () => {
+            this.mainWindow.webContents.setZoomLevel(0);
+          },
+        },
       ],
     };
     const subMenuViewProd: MenuItemConstructorOptions = {
@@ -143,6 +170,33 @@ export default class MenuBuilder {
             this.enableBGWindowDebug();
           },
         },
+        {
+          type: "separator",
+        },
+        {
+          label: "Zoom In",
+          accelerator: "Command+Plus",
+          click: () => {
+            this.mainWindow.webContents.setZoomLevel(
+              this.mainWindow.webContents.getZoomLevel() + 1
+            );
+          },
+        },
+        {
+          label: "Zoom Out",
+          accelerator: "Command+-",
+          click: () => {
+            this.mainWindow.webContents.setZoomLevel(
+              this.mainWindow.webContents.getZoomLevel() - 1
+            );
+          },
+        },
+        {
+          label: "Reset Zoom",
+          click: () => {
+            this.mainWindow.webContents.setZoomLevel(0);
+          },
+        },
       ],
     };
     const subMenuWindow: DarwinMenuItemConstructorOptions = {
@@ -200,7 +254,7 @@ export default class MenuBuilder {
   }
 
   buildDefaultTemplate() {
-    const templateDefault = [
+    const templateDefault: MenuItemConstructorOptions[] = [
       {
         label: "&File",
         submenu: [
@@ -245,6 +299,33 @@ export default class MenuBuilder {
                     this.mainWindow.webContents.toggleDevTools();
                   },
                 },
+                {
+                  type: "separator",
+                },
+                {
+                  label: "Zoom In",
+                  accelerator: "Ctrl+Plus",
+                  click: () => {
+                    this.mainWindow.webContents.setZoomLevel(
+                      this.mainWindow.webContents.getZoomLevel() + 1
+                    );
+                  },
+                },
+                {
+                  label: "Zoom Out",
+                  accelerator: "Ctrl+-",
+                  click: () => {
+                    this.mainWindow.webContents.setZoomLevel(
+                      this.mainWindow.webContents.getZoomLevel() - 1
+                    );
+                  },
+                },
+                {
+                  label: "Reset Zoom",
+                  click: () => {
+                    this.mainWindow.webContents.setZoomLevel(0);
+                  },
+                },
               ]
             : [
                 {
@@ -263,6 +344,33 @@ export default class MenuBuilder {
                     this.mainWindow.webContents.toggleDevTools();
                   },
                 },
+                {
+                  type: "separator",
+                },
+                {
+                  label: "Zoom In",
+                  accelerator: "Ctrl+Plus",
+                  click: () => {
+                    this.mainWindow.webContents.setZoomLevel(
+                      this.mainWindow.webContents.getZoomLevel() + 1
+                    );
+                  },
+                },
+                {
+                  label: "Zoom Out",
+                  accelerator: "Ctrl+-",
+                  click: () => {
+                    this.mainWindow.webContents.setZoomLevel(
+                      this.mainWindow.webContents.getZoomLevel() - 1
+                    );
+                  },
+                },
+                {
+                  label: "Reset Zoom",
+                  click: () => {
+                    this.mainWindow.webContents.setZoomLevel(0);
+                  },
+                },
               ],
       },
       {