feat: true fullscreen support at browser level

CHANGELOG.md

@@ -9,7 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
-*
+* Support for true fullscreen at a browser level
 
 ### Changed
 

examples/web/index.ts

@@ -279,7 +279,6 @@ class GameboyEmulator extends EmulatorBase implements Emulator {
             case "neo":
                 this.gameBoy = new GameBoy();
                 break;
-
             default:
                 if (!this.gameBoy) {
                     throw new Error("No engine requested");

examples/web/react/app.tsx

@@ -333,13 +333,11 @@ export const App: FC<AppProps> = ({
                     event.stopPropagation();
                     event.preventDefault();
                     break;
-
                 case "-":
                     setKeyaction("Minus");
                     event.stopPropagation();
                     event.preventDefault();
                     break;
-
                 case "Escape":
                     setKeyaction("Escape");
                     event.stopPropagation();

examples/web/react/components/display/display.tsx

@@ -92,6 +92,10 @@ export const Display: FC<DisplayProps> = ({
             resizeRef.current();
             document.getElementsByTagName("body")[0].style.overflow = "hidden";
             window.addEventListener("resize", resizeRef.current);
+
+            // requests the browser to go fullscreen using the
+            // body of the document as the entry HTML element
+            document.body.requestFullscreen();
         } else {
             setWidth(undefined);
             setHeight(undefined);
@@ -99,6 +103,10 @@ export const Display: FC<DisplayProps> = ({
                 .getElementsByTagName("body")[0]
                 .style.removeProperty("overflow");
             window.removeEventListener("resize", resizeRef.current);
+
+            // restores the window mode, returning from the
+            // fullscreen browser
+            document.exitFullscreen();
         }
         return () => {
             window.removeEventListener("resize", resizeRef.current);

src/mmu.rs

@@ -26,8 +26,8 @@ pub struct Mmu {
     rom: Cartridge,
 
     /// Flag that control the access to the boot section in the
-    /// 0x0000-0x00fe memory area, this flag should be unset after
-    /// the bool sequence has been finished.
+    /// 0x0000-0x00FE memory area, this flag should be unset after
+    /// the boot sequence has been finished.
     boot_active: bool,
 
     boot: [u8; BOOT_SIZE],