feat: shortcut for fullscreen in tab

Author: YuxinZhaozyx

README.md

@@ -81,6 +81,8 @@ The label of a draw.io image block can be configured in the plugin settings.
 
 ## Changelog
 
++ v0.5.4
+    + Feature: fullscreen support for shortcut in Tab
 + v0.5.3
     + Fix: unable to save when saving large content
 + v0.5.2

README_zh_CN.md

@@ -70,6 +70,8 @@
 
 ## 更新日志
 
++ v0.5.4
+    + 新增功能：Tab支持快捷键全屏
 + v0.5.3
     + 修复缺陷：内容过多时无法保存
 + v0.5.2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "siyuan-embed-drawio",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "type": "module",
   "description": "This is a plugin for siyuan",
   "author": "",

plugin.json

@@ -2,7 +2,7 @@
   "name": "siyuan-embed-drawio",
   "author": "Yuxin Zhao",
   "url": "https://github.com/YuxinZhaozyx/siyuan-embed-drawio",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "minAppVersion": "3.0.0",
   "disabledInPublish": true,
   "backends": [

src/index.ts

@@ -544,9 +544,24 @@ export default class DrawioPlugin extends Plugin {
           }
         };
 
+        const switchFullscreen = () => {
+          if (document.fullscreenElement) {
+            document.exitFullscreen();
+          } else {
+            this.element.requestFullscreen();
+          }
+        }
+        const keydownEventHandleer = (event: KeyboardEvent) => {
+          if (event.key.toLowerCase() === 'y' && (event.altKey || event.metaKey)) {
+            switchFullscreen();
+          }
+        };
+
         window.addEventListener("message", messageEventHandler);
+        iframe.contentWindow.addEventListener("keydown", keydownEventHandleer);
         this.beforeDestroy = () => {
           window.removeEventListener("message", messageEventHandler);
+          iframe.contentWindow.removeEventListener("keydown", keydownEventHandleer);
         };
       }
     });