Add configurable zoom shortcuts

Author: adibhanna

apps/desktop/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/desktop",
   "productName": "ZenNotes",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "ZenNotes desktop shell",
   "private": true,
   "main": "./out/main/index.js",

apps/server/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/server",
   "private": true,
-  "version": "1.1.6",
+  "version": "1.1.7",
   "scripts": {
     "dev": "node ../../tooling/scripts/run-go-server-dev.mjs",
     "prepare-web": "node ../../tooling/scripts/prepare-server-web-dist.mjs",

apps/web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/web",
   "private": true,
-  "version": "1.1.6",
+  "version": "1.1.7",
   "type": "module",
   "description": "ZenNotes web client for self-hosted and hosted deployments",
   "homepage": "https://zennotes.org",

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "zennotes-monorepo",
   "private": true,
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "ZenNotes monorepo for desktop, web, and self-hosted server builds",
   "packageManager": "npm@10.9.2",
   "engines": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zennotes/app-core",
   "private": true,
-  "version": "1.1.6",
+  "version": "1.1.7",
   "type": "module",
   "exports": {
     "./main": "./src/main.tsx"

packages/app-core/package.json

@@ -220,6 +220,21 @@ function App(): JSX.Element {
         void state.exportActiveNotePdf()
         return
       }
+      if (matchesShortcut(e, overrides, 'global.zoomIn')) {
+        e.preventDefault()
+        void window.zen.zoomInApp()
+        return
+      }
+      if (matchesShortcut(e, overrides, 'global.zoomOut')) {
+        e.preventDefault()
+        void window.zen.zoomOutApp()
+        return
+      }
+      if (matchesShortcut(e, overrides, 'global.zoomReset')) {
+        e.preventDefault()
+        void window.zen.resetAppZoom()
+        return
+      }
       if (matchesShortcut(e, overrides, 'global.searchNotes')) {
         // ⌘P — note search
         e.preventDefault()

packages/app-core/src/App.tsx

@@ -52,9 +52,10 @@ function resolveShortcutKeys(
     if (action === 'Toggle connections') return shortcut(overrides, 'global.toggleConnections')
     if (action === 'Toggle Zen mode') return shortcut(overrides, 'global.toggleZenMode')
     if (action === 'Close active tab') return shortcut(overrides, 'global.closeActiveTab')
-    if (action === 'Zoom in') return 'Mod+='
-    if (action === 'Zoom out') return 'Mod+-'
-    if (action === 'Reset zoom') return 'Mod+0'
+    if (action === 'Export note as PDF') return shortcut(overrides, 'global.exportNotePdf')
+    if (action === 'Zoom in') return shortcut(overrides, 'global.zoomIn')
+    if (action === 'Zoom out') return shortcut(overrides, 'global.zoomOut')
+    if (action === 'Reset zoom') return shortcut(overrides, 'global.zoomReset')
     if (action === 'Toggle word wrap') return shortcut(overrides, 'global.toggleWordWrap')
   }
 

packages/app-core/src/components/HelpView.tsx

@@ -469,7 +469,7 @@ export function buildCommands(options?: { includeUnavailable?: boolean }): Comma
       id: 'view.zoom.in',
       title: 'Zoom In',
       category: 'View',
-      shortcut: 'Mod+=',
+      shortcut: shortcut('global.zoomIn'),
       keywords: 'bigger larger scale ui app browser',
       run: async () => {
         await window.zen.zoomInApp()
@@ -479,7 +479,7 @@ export function buildCommands(options?: { includeUnavailable?: boolean }): Comma
       id: 'view.zoom.out',
       title: 'Zoom Out',
       category: 'View',
-      shortcut: 'Mod+-',
+      shortcut: shortcut('global.zoomOut'),
       keywords: 'smaller decrease scale ui app browser',
       run: async () => {
         await window.zen.zoomOutApp()
@@ -489,7 +489,7 @@ export function buildCommands(options?: { includeUnavailable?: boolean }): Comma
       id: 'view.zoom.reset',
       title: 'Reset Zoom',
       category: 'View',
-      shortcut: 'Mod+0',
+      shortcut: shortcut('global.zoomReset'),
       keywords: 'actual size normal reset scale ui app browser',
       run: async () => {
         await window.zen.resetAppZoom()

packages/app-core/src/lib/commands.ts

@@ -226,6 +226,7 @@ export const HELP_SHORTCUT_SECTIONS: HelpShortcutSection[] = [
       { keys: 'Mod+2', action: 'Toggle connections', detail: 'Toggle the connections panel for the active editor pane.' },
       { keys: 'Mod+.', action: 'Toggle Zen mode', detail: 'Hide or restore the app chrome so only the active editor, preview, or split view stays on screen.' },
       { keys: 'Mod+W', action: 'Close active tab', detail: 'Close the current note or virtual tab.' },
+      { keys: 'Shift+Mod+E', action: 'Export note as PDF', detail: 'Export the active note as a PDF file.' },
       { keys: 'Mod+=', action: 'Zoom in', detail: 'Scale the whole app up, including chrome, editor, and preview.' },
       { keys: 'Mod+-', action: 'Zoom out', detail: 'Scale the whole app down when the UI feels too large.' },
       { keys: 'Mod+0', action: 'Reset zoom', detail: 'Return the app to its default scale.' },