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

4.20.28

Browse source 
* Added: Support for Twitch's replies and threads system. The experiment is currently disabled, but if it returns we want to support it.
* Added: Option to automatically skip channel trailers.
* Fixed: Incorrect appearance of aspect-ratio controlled elements, due to Twitch removing their aspect ratio CSS.
* Fixed: Incorrect color applied to text buttons with a custom accent color set.
* API Added: `chat:get-tab-commands` event for adding custom chat commands to tab-completion.
* API Added: `reply` icon.
This commit is contained in:
SirStendec 2020-08-12 16:10:06 -04:00
parent 6c0c421d0a
commit 463c9f9a45
30 changed files with 536 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/modules/chat/index.js
View file

@ -50,6 +50,7 @@ export default class Chat extends Module {
// Bind for JSX stuff
this.clickToReveal = this.clickToReveal.bind(this);
this.handleMentionClick = this.handleMentionClick.bind(this);
this.handleReplyClick = this.handleReplyClick.bind(this);
this.style = new ManagedStyle;
@ -1073,6 +1074,19 @@ export default class Chat extends Module {
}
handleReplyClick(event) {
const target = event.target,
fine = this.resolve('site.fine');
if ( ! target || ! fine )
return;
const chat = fine.searchParent(target, n => n.props && n.props.reply && n.setOPCardTray);
if ( chat )
chat.setOPCardTray(chat.props.reply);
}
handleMentionClick(event) {
if ( ! this.context.get('chat.filtering.clickable-mentions') )
return;
@ -1087,7 +1101,7 @@ export default class Chat extends Module {
if ( ! fine )
return;
const chat = fine.searchParent(event.target, n => n.props && n.props.onUsernameClick);
const chat = fine.searchParent(target, n => n.props && n.props.onUsernameClick);
if ( ! chat )
return;
@ -1174,6 +1188,25 @@ export default class Chat extends Module {
}
tokenizeReply(reply) {
if ( ! reply )
return null;
return [
{
type: 'reply',
text: reply.parentDisplayName,
color: this.color_cache ? this.color_cache.get(reply.parentUserLogin) : null,
recipient: reply.parentUserLogin
},
{
type: 'text',
text: ' '
}
];
}
standardizeMessage(msg) { // eslint-disable-line class-methods-use-this
if ( ! msg )
return msg;
@ -1487,7 +1520,7 @@ export default class Chat extends Module {
}
renderTokens(tokens, e) {
renderTokens(tokens, e, reply) {
if ( ! e )
e = createElement;
@ -1505,6 +1538,10 @@ export default class Chat extends Module {
let res;
// If we have a reply, skip the initial mention.
if ( reply && i === 0 && type === 'mention' && token.recipient && token.recipient === reply.parentUserLogin )
continue;
if ( type === 'text' )
res = e('span', {
className: 'text-fragment',
@ -1512,7 +1549,7 @@ export default class Chat extends Module {
}, token.text);
else if ( tk )
res = tk.render.call(this, token, e);
res = tk.render.call(this, token, e, reply);
else
res = e('em', {