Merge pull request #5015 from overleaf/ae-recompile-on-save

Recompile on save key press when PDF preview is focused

GitOrigin-RevId: 9f2c2c5de44c665c9d4c240fb418b9dc321e3523

services/web/app/views/project/editor.pug

@@ -98,6 +98,8 @@ block content
 					custom-toggler-pane=hasFeature('custom-togglers') ? "west" : false
 					custom-toggler-msg-when-open=hasFeature('custom-togglers') ? translate("tooltip_hide_filetree") : false
 					custom-toggler-msg-when-closed=hasFeature('custom-togglers') ? translate("tooltip_show_filetree") : false
+					ng-keydown="handleKeyDown($event)"
+					tabindex="0"
 				)
 					.ui-layout-west
 						include ./editor/file-tree-react

services/web/frontend/js/ide.js

@@ -314,6 +314,18 @@ If the project has been renamed please look in your project list for a new proje
       $scope.switchToSideBySideLayout()
     }
 
+    $scope.handleKeyDown = event => {
+      if (event.shiftKey || event.altKey) {
+        return
+      }
+
+      // Ctrl+s or Cmd+s => recompile
+      if (event.key === 's' && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault()
+        $scope.recompileViaKey()
+      }
+    }
+
     try {
       ;({ userAgent } = navigator)
       ide.browserIsSafari =