52 lines
1.8 KiB
TypeScript
52 lines
1.8 KiB
TypeScript
|
import { derived, get, writable } from "svelte/store";
|
||
|
import type { CoWebsite } from "../WebRtc/CoWebsiteManager";
|
||
|
import { LayoutMode } from "../WebRtc/LayoutManager";
|
||
|
import { coWebsites } from "./CoWebsiteStore";
|
||
|
import { Streamable, streamableCollectionStore } from "./StreamableCollectionStore";
|
||
|
|
||
|
export type EmbedScreen =
|
||
|
| {
|
||
|
type: "streamable";
|
||
|
embed: Streamable;
|
||
|
}
|
||
|
| {
|
||
|
type: "cowebsite";
|
||
|
embed: CoWebsite;
|
||
|
};
|
||
|
|
||
|
function createHighlightedEmbedScreenStore() {
|
||
|
const { subscribe, set, update } = writable<EmbedScreen | null>(null);
|
||
|
|
||
|
return {
|
||
|
subscribe,
|
||
|
highlight: (embedScreen: EmbedScreen) => {
|
||
|
set(embedScreen);
|
||
|
},
|
||
|
removeHighlight: () => {
|
||
|
set(null);
|
||
|
},
|
||
|
toggleHighlight: (embedScreen: EmbedScreen) => {
|
||
|
update((currentEmbedScreen) =>
|
||
|
!currentEmbedScreen ||
|
||
|
embedScreen.type !== currentEmbedScreen.type ||
|
||
|
(embedScreen.type === "cowebsite" &&
|
||
|
currentEmbedScreen.type === "cowebsite" &&
|
||
|
embedScreen.embed.iframe.id !== currentEmbedScreen.embed.iframe.id) ||
|
||
|
(embedScreen.type === "streamable" &&
|
||
|
currentEmbedScreen.type === "streamable" &&
|
||
|
embedScreen.embed.uniqueId !== currentEmbedScreen.embed.uniqueId)
|
||
|
? embedScreen
|
||
|
: null
|
||
|
);
|
||
|
},
|
||
|
};
|
||
|
}
|
||
|
|
||
|
export const highlightedEmbedScreen = createHighlightedEmbedScreenStore();
|
||
|
export const embedScreenLayout = writable<LayoutMode>(LayoutMode.Presentation);
|
||
|
|
||
|
export const hasEmbedScreen = derived(
|
||
|
[streamableCollectionStore],
|
||
|
($values) => get(streamableCollectionStore).size + get(coWebsites).length > 0
|
||
|
);
|