Switching MediaManager to using a Svelte store

This allows cleaner and more expressive code, especially regarding whether the webcam should be on or off.

front/src/WebRtc/JitsiFactory.ts

@@ -1,6 +1,7 @@
 import {JITSI_URL} from "../Enum/EnvironmentVariable";
 import {mediaManager} from "./MediaManager";
 import {coWebsiteManager} from "./CoWebsiteManager";
+import {requestedCameraState, requestedMicrophoneState} from "../Stores/MediaStore";
 declare const window:any; // eslint-disable-line @typescript-eslint/no-explicit-any
 
 interface jitsiConfigInterface {
@@ -138,14 +139,18 @@ class JitsiFactory {
         //restore previous config
         if(this.previousConfigMeet?.startWithAudioMuted){
             await mediaManager.disableMicrophone();
+            requestedMicrophoneState.disableMicrophone();
         }else{
             await mediaManager.enableMicrophone();
+            requestedMicrophoneState.enableMicrophone();
         }
 
         if(this.previousConfigMeet?.startWithVideoMuted){
             await mediaManager.disableCamera();
+            requestedCameraState.disableWebcam();
         }else{
             await mediaManager.enableCamera();
+            requestedCameraState.enableWebcam();
         }
     }
 

front/src/WebRtc/MediaManager.ts

@@ -6,6 +6,12 @@ import {localUserStore} from "../Connexion/LocalUserStore";
 import type {UserSimplePeerInterface} from "./SimplePeer";
 import {SoundMeter} from "../Phaser/Components/SoundMeter";
 import {DISABLE_NOTIFICATIONS} from "../Enum/EnvironmentVariable";
+import {
+    gameOverlayVisibilityStore,
+    mediaStreamConstraintsStore,
+    requestedCameraState,
+    requestedMicrophoneState
+} from "../Stores/MediaStore";
 
 declare const navigator:any; // eslint-disable-line @typescript-eslint/no-explicit-any
 
@@ -90,12 +96,14 @@ export class MediaManager {
             e.preventDefault();
             this.enableMicrophone();
             //update tracking
+            requestedMicrophoneState.enableMicrophone();
         });
         this.microphone = HtmlUtils.getElementByIdOrFail<HTMLImageElement>('microphone');
         this.microphone.addEventListener('click', (e: MouseEvent) => {
             e.preventDefault();
             this.disableMicrophone();
             //update tracking
+            requestedMicrophoneState.disableMicrophone();
         });
 
         this.cinemaBtn = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('btn-video');
@@ -105,12 +113,14 @@ export class MediaManager {
             e.preventDefault();
             this.enableCamera();
             //update tracking
+            requestedCameraState.enableWebcam();
         });
         this.cinema = HtmlUtils.getElementByIdOrFail<HTMLImageElement>('cinema');
         this.cinema.addEventListener('click', (e: MouseEvent) => {
             e.preventDefault();
             this.disableCamera();
             //update tracking
+            requestedCameraState.disableWebcam();
         });
 
         this.monitorBtn = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('btn-monitor');
@@ -214,6 +224,8 @@ export class MediaManager {
             this.triggerCloseJitsiFrameButton();
         }
         buttonCloseFrame.removeEventListener('click', functionTrigger);
+
+        gameOverlayVisibilityStore.showGameOverlay();
     }
 
     public hideGameOverlay(): void {
@@ -225,6 +237,8 @@ export class MediaManager {
             this.triggerCloseJitsiFrameButton();
         }
         buttonCloseFrame.addEventListener('click', functionTrigger);
+
+        gameOverlayVisibilityStore.hideGameOverlay();
     }
 
     public isGameOverlayVisible(): boolean {