Merge remote-tracking branch 'remotes/upstream/develop' into tiles-start-positions

front/src/Stores/VideoFocusStore.ts

@@ -0,0 +1,49 @@
+import { writable } from "svelte/store";
+import type { RemotePeer, SimplePeer } from "../WebRtc/SimplePeer";
+import { VideoPeer } from "../WebRtc/VideoPeer";
+import { ScreenSharingPeer } from "../WebRtc/ScreenSharingPeer";
+import type { Streamable } from "./StreamableCollectionStore";
+
+/**
+ * A store that contains the peer / media that has currently the "importance" focus.
+ */
+function createVideoFocusStore() {
+    const { subscribe, set, update } = writable<Streamable | null>(null);
+
+    let focusedMedia: Streamable | null = null;
+
+    return {
+        subscribe,
+        focus: (media: Streamable) => {
+            focusedMedia = media;
+            set(media);
+        },
+        removeFocus: () => {
+            focusedMedia = null;
+            set(null);
+        },
+        toggleFocus: (media: Streamable) => {
+            if (media !== focusedMedia) {
+                focusedMedia = media;
+            } else {
+                focusedMedia = null;
+            }
+            set(focusedMedia);
+        },
+        connectToSimplePeer: (simplePeer: SimplePeer) => {
+            simplePeer.registerPeerConnectionListener({
+                onConnect(peer: RemotePeer) {},
+                onDisconnect(userId: number) {
+                    if (
+                        (focusedMedia instanceof VideoPeer || focusedMedia instanceof ScreenSharingPeer) &&
+                        focusedMedia.userId === userId
+                    ) {
+                        set(null);
+                    }
+                },
+            });
+        },
+    };
+}
+
+export const videoFocusStore = createVideoFocusStore();