feat(twitch): load emote sets from shared channels

Author: GordiNoki

src/app/chat/ChatData.vue

@@ -15,6 +15,7 @@ import { v4 as uuidv4 } from "uuid";
 const { target } = useWorker();
 const ctx = useChannelContext();
 const channelID = toRef(ctx, "id");
+const peerChannelIDs = toRef(ctx, "peerChannelIds");
 const messages = useChatMessages(ctx);
 const emotes = useChatEmotes(ctx);
 const { providers } = useStore();
@@ -24,12 +25,12 @@ const channelSets = useLiveQuery(
 	() =>
 		db.channels
 			.where("id")
-			.equals(ctx.id)
-			.first()
-			.then((c) => c?.set_ids ?? []),
+			.anyOf([ctx.id, ...ctx.peerChannelIds])
+			.toArray()
+			.then((res) => res.flatMap((c) => c?.set_ids ?? [])),
 	undefined,
 	{
-		reactives: [channelID],
+		reactives: [channelID, peerChannelIDs],
 	},
 );
 

src/composable/channel/useChannelContext.ts

@@ -13,6 +13,7 @@ export class ChannelContext implements CurrentChannel {
 	id = "";
 	username = "";
 	displayName = "";
+	peerChannelIds: string[] = [];
 	user?: SevenTV.User;
 	loaded = false;
 	setsFetched = false;
@@ -56,6 +57,10 @@ export class ChannelContext implements CurrentChannel {
 		return true;
 	}
 
+	setPeerChannelIds(ids: string[] | MapIterator<string>) {
+		this.peerChannelIds = [...ids];
+	}
+
 	leave(): void {
 		this.active = false;
 

src/site/twitch.tv/modules/chat/ChatController.vue

@@ -298,6 +298,9 @@ watch(
 						sharedChannels.set(channelID, useChannelContext(channelID, true));
 					}
 				}
+
+				// Update host channel context
+				ctx.setPeerChannelIds(sharedChannels.keys());
 			},
 		});
 	},