feat: toggle live preview play button on f8 key

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/LiveDevProtocolRemote.js

@@ -477,6 +477,15 @@
                 saveCurrentDocument: true
             });
         }
+
+        // for preview button (play icon) toggle
+        if (e.key === 'F8') {
+            e.preventDefault();
+            MessageBroker.send({
+                livePreviewEditEnabled: true,
+                toggleLivePreviewMode: true
+            });
+        }
     });
 
 }(this));

src/LiveDevelopment/LivePreviewEdit.js

@@ -1283,6 +1283,17 @@ define(function (require, exports, module) {
         }
     }
 
+    /**
+     * This function is responsible to toggle the live preview Preview mode (play icon)
+     * this is done when user presses F8 key in the live preview
+     */
+    function _handlePreviewModeToggle() {
+        const $previewBtn = $("#previewModeLivePreviewButton");
+        if ($previewBtn.length > 0) {
+            $previewBtn.trigger("click");
+        }
+    }
+
     /**
      * This is the main function that is exported.
      * it will be called by LiveDevProtocol when it receives a message from RemoteFunctions.js
@@ -1313,6 +1324,12 @@ define(function (require, exports, module) {
             return;
         }
 
+        // toggle live preview mode using F8 key
+        if (message.toggleLivePreviewMode) {
+            _handlePreviewModeToggle();
+            return;
+        }
+
         // handle reset image folder selection
         if (message.resetImageFolderSelection) {
             _handleResetImageFolderSelection();

src/extensionsIntegrated/Phoenix-live-preview/main.js

@@ -1146,6 +1146,13 @@ define(function (require, exports, module) {
         $(document).on("click", "#livePreviewModeBtn", function (e) {
             _handleLPModeBtnClick(e);
         });
+
+        $(document).on("keydown", function (e) {
+            if (e.key === "F8") {
+                e.preventDefault();
+                _handlePreviewBtnClick();
+            }
+        });
     }
 
     AppInit.appReady(function () {