From 5d33c0e8a5175d54099026935ec21b9647d49001 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Mon, 29 May 2023 16:43:25 +0000
Subject: [PATCH] use fullscreen

---
 packages/app/src/pages/lyrics/index.jsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/app/src/pages/lyrics/index.jsx b/packages/app/src/pages/lyrics/index.jsx
index ac3c91dd..b6c35c0a 100644
--- a/packages/app/src/pages/lyrics/index.jsx
+++ b/packages/app/src/pages/lyrics/index.jsx
@@ -637,6 +637,18 @@ export default class SyncLyrics extends React.Component {
         app.cores.style.applyVariant("dark")
         app.layout.floatingStack.toogleGlobalVisibility(false)
 
+        // request full screen to browser
+        if (document.fullscreenEnabled) {
+            document.documentElement.requestFullscreen()
+        }
+
+        // listen when user exit full screen to exit cinematic mode
+        document.addEventListener("fullscreenchange", () => {
+            if (!document.fullscreenElement) {
+                app.backLocation()
+            }
+        })
+
         window._hacks = {
             toogleVideoCanvas: this.toogleVideoCanvas,
             toogleCinematicMode: this.toogleCinematicMode,
@@ -663,6 +675,11 @@ export default class SyncLyrics extends React.Component {
         app.cores.style.compactMode(false)
         app.cores.style.applyInitialVariant()
         app.layout.floatingStack.toogleGlobalVisibility(true)
+
+        // exit full screen
+        if (document.fullscreenEnabled) {
+            document.exitFullscreen()
+        }
     }
 
     renderLines() {