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();