Feature: zoom in and out support (#45)

* Feature: zoom in and out support * Minor version bump, new feature backwards compat
johnnyshankman · Jan 14, 2025 · 4da88d2 · 4da88d2
1 parent 8cc5424
commit 4da88d2
Show file tree

Hide file tree

Showing 3 changed files with 84 additions and 32 deletions.
diff --git a/release/app/package-lock.json b/release/app/package-lock.json
diff --git a/release/app/package.json b/release/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hihat",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "A minimalist offline music player for OSX audiophiles :: Based on iTunes circa 2002 :: by White Lights",
   "license": "MIT",
   "author": {

diff --git a/src/main/menu.ts b/src/main/menu.ts
@@ -200,29 +200,22 @@ export default class MenuBuilder {
       label: 'View',
       submenu: [
         {
-          label: 'Reload',
+          label: 'reload',
           accelerator: 'Command+R',
           click: () => {
             this.mainWindow.webContents.reload();
           },
         },
         {
-          label: 'Toggle Full Screen',
-          accelerator: 'Ctrl+Command+F',
-          click: () => {
-            this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
-          },
-        },
-        {
-          label: 'Toggle Developer Tools',
+          label: 'toggle dev tools',
           accelerator: 'Alt+Command+I',
           click: () => {
             this.mainWindow.webContents.toggleDevTools();
           },
         },
         { type: 'separator' },
         {
-          label: 'Toggle Browser View',
+          label: 'toggle browser view',
           accelerator: 'Command+B',
           click: () => {
             this.mainWindow.webContents.send('menu-toggle-browser');
@@ -234,58 +227,117 @@ export default class MenuBuilder {
             this.mainWindow.webContents.send('menu-reset-library');
           },
         },
+        { type: 'separator' },
+        {
+          label: 'zoom in',
+          accelerator: 'CmdOrCtrl+Plus',
+          click: () => {
+            const focusedWindow = BrowserWindow.getFocusedWindow();
+            if (focusedWindow) {
+              const currentZoom = focusedWindow.webContents.getZoomFactor();
+              focusedWindow.webContents.setZoomFactor(currentZoom + 0.1);
+            }
+          },
+        },
+        {
+          label: 'zoom out',
+          accelerator: 'CmdOrCtrl+-',
+          click: () => {
+            const focusedWindow = BrowserWindow.getFocusedWindow();
+            if (focusedWindow) {
+              const currentZoom = focusedWindow.webContents.getZoomFactor();
+              focusedWindow.webContents.setZoomFactor(currentZoom - 0.1);
+            }
+          },
+        },
+        {
+          label: 'reset zoom',
+          accelerator: 'CmdOrCtrl+0',
+          click: () => {
+            const focusedWindow = BrowserWindow.getFocusedWindow();
+            if (focusedWindow) {
+              focusedWindow.webContents.setZoomFactor(1);
+            }
+          },
+        },
       ],
     };
-    const subMenuAdvanced: DarwinMenuItemConstructorOptions = {
-      label: 'Advanced',
+    const subMenuViewProd: MenuItemConstructorOptions = {
+      label: 'View',
       submenu: [
         {
-          label: 'change library folder',
+          label: 'toggle browser view',
+          accelerator: 'Command+B',
           click: () => {
-            this.mainWindow.webContents.send('menu-select-library');
+            this.mainWindow.webContents.send('menu-toggle-browser');
           },
         },
+        { type: 'separator' },
         {
-          label: 'backup / sync library',
+          label: 'zoom in',
+          accelerator: 'CmdOrCtrl+Plus',
           click: () => {
-            this.mainWindow.webContents.send('menu-backup-library');
+            const focusedWindow = BrowserWindow.getFocusedWindow();
+            if (focusedWindow) {
+              const currentZoom = focusedWindow.webContents.getZoomFactor();
+              focusedWindow.webContents.setZoomFactor(currentZoom + 0.1);
+            }
           },
         },
-        { type: 'separator' },
         {
-          label: 'hide duplicate songs',
+          label: 'zoom out',
+          accelerator: 'CmdOrCtrl+-',
           click: () => {
-            this.mainWindow.webContents.send('menu-hide-dupes');
+            const focusedWindow = BrowserWindow.getFocusedWindow();
+            if (focusedWindow) {
+              const currentZoom = focusedWindow.webContents.getZoomFactor();
+              focusedWindow.webContents.setZoomFactor(currentZoom - 0.1);
+            }
           },
         },
         {
-          label: 'delete duplicate songs',
+          label: 'reset zoom',
+          accelerator: 'CmdOrCtrl+0',
           click: () => {
-            this.mainWindow.webContents.send('menu-delete-dupes');
+            const focusedWindow = BrowserWindow.getFocusedWindow();
+            if (focusedWindow) {
+              focusedWindow.webContents.setZoomFactor(1);
+            }
           },
         },
       ],
     };
-    const subMenuViewProd: MenuItemConstructorOptions = {
-      label: 'View',
+    const subMenuAdvanced: DarwinMenuItemConstructorOptions = {
+      label: 'Advanced',
       submenu: [
         {
-          label: 'Toggle Full Screen',
-          accelerator: 'Ctrl+Command+F',
+          label: 'change library folder',
+          click: () => {
+            this.mainWindow.webContents.send('menu-select-library');
+          },
+        },
+        {
+          label: 'backup / sync library',
           click: () => {
-            this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
+            this.mainWindow.webContents.send('menu-backup-library');
           },
         },
         { type: 'separator' },
         {
-          label: 'Toggle Browser View',
-          accelerator: 'Command+B',
+          label: 'hide duplicate songs',
           click: () => {
-            this.mainWindow.webContents.send('menu-toggle-browser');
+            this.mainWindow.webContents.send('menu-hide-dupes');
+          },
+        },
+        {
+          label: 'delete duplicate songs',
+          click: () => {
+            this.mainWindow.webContents.send('menu-delete-dupes');
           },
         },
       ],
     };
+
     const subMenuWindow: DarwinMenuItemConstructorOptions = {
       label: 'Window',
       submenu: [