4.75.5

* Fixed: Chat not appearing correctly when using the Separator appearance options.
* API Added: Channel-specific emote sets can set a `title_is_channel` flag to have the FFZ emote menu automatically rename the emote set to show the source channel's name when using Shared Chat.

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "frankerfacez",
 	"author": "Dan Salvato LLC",
-	"version": "4.75.4",
+	"version": "4.75.5",
 	"description": "FrankerFaceZ is a Twitch enhancement suite.",
 	"private": true,
 	"license": "Apache-2.0",

src/modules/chat/emotes.js

@@ -1644,9 +1644,9 @@ export default class Emotes extends Module {
 
 		const out = [], seen = new Set;
 
-		this._withSources(out, seen, room.emote_sets);
+		this._withSources(out, seen, room.emote_sets, room.id);
 		if ( room_user )
-			this._withSources(out, seen, room_user.emote_sets);
+			this._withSources(out, seen, room_user.emote_sets, room.id);
 
 		// Shared Chats
 		if ( room?.shared_chats?.size > 0 )

src/sites/twitch-twilight/index.js

@@ -416,6 +416,11 @@ Twilight.ROUTES = {
 	'front-page': '/',
 	'collection': '/directory/collection/:collectionID',
 	'dir': '/directory',
+	'dir-gaming': '/directory/gaming',
+	'dir-irl': '/directory/irl',
+	'dir-music': '/directory/music',
+	'dir-creative': '/directory/creative',
+	'dir-esports': '/directory/esports',
 	//'dir-community': '/communities/:communityName',
 	//'dir-community-index': '/directory/communities',
 	//'dir-creative': '/directory/creative',

src/sites/twitch-twilight/modules/chat/emote_menu.jsx

@@ -2368,7 +2368,7 @@ export default class EmoteMenu extends Module {
 							continue;
 						seen_sets.add(emote_set);
 
-						const section = this.processFFZSet(emote_set, provider, favorites, seen_favorites, grouped_sets, false, undefined, source_id);
+						const section = this.processFFZSet(emote_set, provider, favorites, seen_favorites, grouped_sets, false, undefined, source_id, props.channel_id);
 						if ( section ) {
 							section.emotes.sort(sort_emotes);
 
@@ -2466,7 +2466,7 @@ export default class EmoteMenu extends Module {
 			}
 
 
-			processFFZSet(emote_set, provider, favorites, seen_favorites, grouped_sets, locked = false, state, source_id) { // eslint-disable-line class-methods-use-this
+			processFFZSet(emote_set, provider, favorites, seen_favorites, grouped_sets, locked = false, state, source_id, host_id = null) { // eslint-disable-line class-methods-use-this
 				if ( ! emote_set || ! emote_set.emotes )
 					return null;
 
@@ -2489,7 +2489,7 @@ export default class EmoteMenu extends Module {
 							pdata.name) :
 						emote_set.source || 'FFZ',
 
-					title = provider === 'main'
+					title = (provider === 'main' || emote_set.title_is_channel)
 						? source_name
 								? t.i18n.t('emote-menu.source-set', '{channel}\'s Emotes', {channel: source_name})
 								: t.i18n.t('emote-menu.main-set', 'Channel Emotes')
@@ -2502,7 +2502,7 @@ export default class EmoteMenu extends Module {
 						: 0;
 
 				// Shared Chat emote sets always come after.
-				if (source_id)
+				if (source_id && source_id !== host_id)
 					sort_key += 50;
 
 				let section, emotes, locks;

src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d-inset.scss

@@ -21,9 +21,9 @@
 		border-bottom-color: rgba(255,255,255,0.1);
 	}
 
-	&:first-child {
+	/*&:first-child {
 		border-top-color: transparent !important;
-	}
+	}*/
 }
 
 .vod-message {

src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-3d.scss

@@ -18,9 +18,9 @@
 		border-bottom-color: #000;
 	}
 
-	&:first-child {
+	/*&:first-child {
 		border-top-color: transparent !important;
-	}
+	}*/
 }
 
 .vod-message {
@@ -47,4 +47,4 @@
 	& > .tw-pd-y-05 {
 		padding-top: calc(.5rem - 1px) !important;
 	}
-}
+}

src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders-wide.scss

@@ -11,9 +11,9 @@
 	padding-top: calc(.5rem - 1px) !important;
 	border-top: 1px solid var(--ffz-border-color);
 
-	&:first-child {
+	/*&:first-child {
 		border-top-color: transparent !important;
-	}
+	}*/
 }
 
 .vod-message {
@@ -33,4 +33,4 @@
 	& > .tw-pd-y-05 {
 		padding-top: calc(.5rem - 1px) !important;
 	}
-}
+}

src/sites/twitch-twilight/modules/css_tweaks/styles/chat-borders.scss

@@ -11,9 +11,9 @@
 	padding-bottom: calc(.5rem - 1px) !important;
 	border-bottom: 1px solid var(--ffz-border-color);
 
-	&:last-child:nth-child(odd) {
+	/*&:last-child:nth-child(odd) {
 		border-bottom-color: transparent !important;
-	}
+	}*/
 }
 
 .vod-message {
@@ -33,4 +33,4 @@
 	& > .tw-pd-y-05 {
 		padding-bottom: calc(.5rem - 1px) !important;
 	}
-}
+}