oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-08-10 16:10:55 +00:00
Code Wiki Activity

4.20.89

Browse source 
* Added: Setting to display timestamps on additional types of chat messages. (Closes #983)
* Changed: Do not set a Chat Width by default.
* Changed: Have WebMunch dump a list of possible webpack bundle names when failing to find webpack.
* Fixed: Appearance issues caused by Twitch's continual migration to procedural CSS class names, requiring duplicate CSS to achieve a native look.
* Fixed: Ambiguous input field names in some FFZ Control Center widgets. (Closes #1017)
* Fixed: Stop using Algolia for tag search.
This commit is contained in:
SirStendec 2021-04-01 12:05:29 -04:00
parent fa33491eec
commit ae90b8e4fe
35 changed files with 306 additions and 222 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/sites/twitch-twilight/modules/chat/index.js
View file

@ -440,7 +440,7 @@ export default class ChatHook extends Module {
});
this.settings.add('chat.width', {
default: 340,
default: null,
ui: {
path: 'Chat > Appearance >> General @{"sort": -1}',
title: 'Width',
@ -449,20 +449,28 @@ export default class ChatHook extends Module {
process(val) {
val = parseInt(val, 10);
if ( isNaN(val) || ! isFinite(val) || val <= 0 )
return 340;
return null;
return val;
}
}
});
this.settings.add('chat.effective-width', {
requires: ['chat.width', 'context.ui.rightColumnWidth'],
process(ctx) {
const val = ctx.get('chat.width');
return val == null ? (ctx.get('context.ui.rightColumnWidth') || 340) : val;
}
});
this.settings.add('chat.use-width', {
requires: ['chat.width', 'context.ui.rightColumnExpanded', 'context.isWatchParty'],
process(ctx) {
if ( ! ctx.get('context.ui.rightColumnExpanded') || ctx.get('context.isWatchParty') )
return false;
return ctx.get('chat.width') != 340;
return ctx.get('chat.width') != null;
}
});
@ -511,6 +519,16 @@ export default class ChatHook extends Module {
}
});
this.settings.add('chat.extra-timestamps', {
default: true,
ui: {
path: 'Chat > Appearance >> Chat Lines',
title: 'Display timestamps on notices.',
description: 'When enabled, timestamps will be displayed on point redemptions, subscriptions, etc.',
component: 'setting-check-box'
}
});
this.settings.add('chat.subs.show', {
default: 3,
ui: {
@ -670,7 +688,7 @@ export default class ChatHook extends Module {
cancelAnimationFrame(this._update_css_waiter);
this._update_css_waiter = null;
const width = this.chat.context.get('chat.width'),
const width = this.chat.context.get('chat.effective-width'),
action_size = this.chat.context.get('chat.actions.size'),
ts_size = this.chat.context.get('chat.timestamp-size'),
size = this.chat.context.get('chat.font-size'),
@ -808,7 +826,7 @@ export default class ChatHook extends Module {
this.chat.context.on('changed:chat.banners.prediction', this.cleanHighlights, this);
this.chat.context.on('changed:chat.subs.gift-banner', () => this.GiftBanner.forceUpdate(), this);
this.chat.context.on('changed:chat.width', this.updateChatCSS, this);
this.chat.context.on('changed:chat.effective-width', this.updateChatCSS, this);
this.settings.main_context.on('changed:chat.use-width', this.updateChatCSS, this);
this.chat.context.on('changed:chat.actions.size', this.updateChatCSS, this);
this.chat.context.on('changed:chat.font-size', this.updateChatCSS, this);