Chat Designer for Twitch

Chat Designer for Twitch 2.11

Download
Overview Updates (5) Reviews (5) History Discussion
R

Riezae

New Member
Hey everyone I am loving this tool so far but....for some reason any vip who types in a message does not show up on the widget. Anyone know why? Any help would be appreciated because I have spent hours working on this
 
Hexa Iter

Hexa Iter

New Member
Heads up, found a major issue. There are a lot of HTML tags that aren't getting sanitized if sent by chat. Including style and possibly even script.

I first started to notice it when messages with various stuff got nulled out. cases where <text is between less than greater-than signs> as well as anything that would fall behind ;.
It may be worth going for a broad method and sanitize by doing literal conversions. Such as < becoming
Code: 
&lt;
and so on from everything between backticks to semicolons to brackets.

At worse, a workaround may be needed for things like emojis, but the alternatives of not handling it or having to check for all valid html tags would be annoying at best, a security risk at worst. I do however see a lot of griefing potential.

example to powerwash the chat:
Code: 
<style>*{background: white !important; color: white !important;}</style>
(left side shows that twitch's normal chat displays the text all nicely sanitized. Right shows the chat in the chat designer)

1729837472964.png
1729838248325.png


(Side note, in the chat page itself, it actually did try to load the video but failed. It displayed a broken video player which didn't show up in the designer page.)

and to show how it normally looks when it hasn't been powerwashed by the power of chat using CSS.

1729838335099.png


I can very easily imagine a scenario where someone wrote a style that would use CSS's animation ability to turn the chat into a red strobe seizure light. And that isn't even the worse of possible griefing they could do with just the style tag. If someone were to workround the issue with the img and video tags not loading that I ran into, well... I don't think I should explain the myriad of ways that would cause problems for a streamer on twitch.

As is I do not think anyone should be using this. Which sucks, because the tool is really useful! So I hope this gets addressed and fixed ASAP.

And when it does get fix I'll be back up to using it since I like I have more freedom with a local chat engine than you can get with certain 3rd party sites.
 
Captain Howdy

Captain Howdy

New Member
Randomly stopped working completely for no reason. Chat messages won't even show up in browser. Gonna have to stop using this for overlays, way too janky unfortunately.
 
cdutson

cdutson

New Member
Yah the auth code is failing, throwing a 401 now. I really liked this tool, but yeah it's getting too janky for me to continue using :/
 
C

criss_ki

New Member
@MiiRiiCo the auth-process is broken. the Twitchapps TMI Token Generator is Discontinued and via the Twitch Token Generator by swiftyspiffy I can get a auth-key but it doesn't work with my account or someone elses. The chat and the designer show no messages.
Can you please fix it?
 
R

rprm

New Member
criss_ki said:
@MiiRiiCo the auth-process is broken. the Twitchapps TMI Token Generator is Discontinued and via the Twitch Token Generator by swiftyspiffy I can get a auth-key but it doesn't work with my account or someone elses. The chat and the designer show no messages.
Can you please fix it?
Click to expand...
You can use that generator for a bandaid-fix:

In ChatDesigner/Script folder is a file named decompilerFinal.js open it with an editor of your choice (notepad++, or just the windows txt editor), then under headers put your authorisation token behind <Bearer > inside of the single quotation marks, then do the same for client-id, refer to pic.

Thing is, you'll have to do this again after 60 days, because I don't think TMI worked with refresh tokens? There's nothing in the script. Dunno, never looked at twitch api stuff.
Funnily enough without authorization you still could get messages from people without badges, because apparently you don't have to authorize for just the chat message.

I wish I had the motivation to rework it myself, as this isn't complicated to implement, but skimming through the scripts I saw that http responses don't get checked for answer codes and I fear there could be more work hiding underneath.

Idk how to contact Miiriico if he isn't active here or on youtube, but maybe I'll look into this if I get my own projects sorted out.

temp1.png
 
R

rprm

New Member
Brandon_T said:
If you can receive messages without authorization, then perhaps this is just a feature of the WebSocket connection?
Click to expand...
Maybe, I'm not sure about all the scripts in play here as I haven't looked into it too much yet, could be a feature of the api and the script just fails at some point where it expects some badge info without a try-catch block and poops itself.
Which... doesn't sound too reliable, but eh.
 
C

Coygaroo

New Member
I have a bug and can't figure out what is causing it. It doesn't happen to every chat message, either, which makes figuring out the bug that much more difficult.

When a message is leaving the screen, I used the designer to make the message go transparent as it rises vertically off-screen. Most of the time, this works as intended.


Sometimes, though, the message reappears for a millisecond as if it hadn't finished its fading-out transition.


Do you know what could be causing this?

Like I said, not every chat message does this; a majority of them work fine. Both long and short chat messages have the bug happen to them. It also happens when there's one message on screen and also when there are multiple messages on screen at once.

While this bug really isn't a big deal, I'm asking because, when this happens to long messages, the momentary flicker becomes very distracting and noticeable.

I've attached a gif showing a recording of a moment in a stream when it happened. I can find other examples, but this is the consistent behavior. I've attached my data.js file, as well, to help in diagnosing what could be causing the problem.
 

Attachments

  • data.zip
    2.5 KB · Views: 38
  • Flickering Comment.gif
    Flickering Comment.gif
    883.1 KB · Views: 41
MiiRiiCo

MiiRiiCo

Member
MiiRiiCo

MiiRiiCo

Member
MiiRiiCo updated Chat Designer for Twitch with a new update entry:

2.10.1 - Stacking Elements

2.10.1 - Stacking Elements​


NEW FEATURE:
  • Added the new option under "Chatbox" > "Layout" that allows you to change the stacking order of overlapping chatboxes and their elements.
    • You can now decide whether newer chatboxes should appear in front of older ones.
    • Additionally, you can choose whether the username or the message should be displayed on top.
Click to expand...

Read the rest of this update entry...
 
MiiRiiCo

MiiRiiCo

Member
MiiRiiCo updated Chat Designer for Twitch with a new update entry:

2.10.2 - Fixes

2.10.2 - Fixes​


BUG FIXES:
  • Fixed an issue where inactive settings from other roles were incorrectly displayed.
  • Fixed an issue where presets failed to apply newly added settings.
  • Fixed an issue where older messages might not be deleted when the maximum message limit was reached during rapid chat activity.
  • Fixed an issue where messages from users who were recently banned were not being deleted...
Click to expand...

Read the rest of this update entry...
 
MiiRiiCo

MiiRiiCo

Member
MiiRiiCo updated Chat Designer for Twitch with a new update entry:

2.11 - Custom CSS and Test Messages

2.11 - Custom CSS and Test Messages​


NEW FEATURES:
  • Custom CSS: You can now customize your chat with CSS! This feature requires a basic understanding of HTML and CSS. It includes a list showing available elements and attributes, making it easier to customize your chat to match your ideas.
  • Test messages: You can now create pseudo messages with specific conditions to preview them better, without having to send messages in...
Click to expand...

Read the rest of this update entry...
 
C

Coygaroo

New Member
Coygaroo said:
I have a bug and can't figure out what is causing it. It doesn't happen to every chat message, either, which makes figuring out the bug that much more difficult.

When a message is leaving the screen, I used the designer to make the message go transparent as it rises vertically off-screen. Most of the time, this works as intended.


Sometimes, though, the message reappears for a millisecond as if it hadn't finished its fading-out transition.


Do you know what could be causing this?

Like I said, not every chat message does this; a majority of them work fine. Both long and short chat messages have the bug happen to them. It also happens when there's one message on screen and also when there are multiple messages on screen at once.

While this bug really isn't a big deal, I'm asking because, when this happens to long messages, the momentary flicker becomes very distracting and noticeable.

I've attached a gif showing a recording of a moment in a stream when it happened. I can find other examples, but this is the consistent behavior. I've attached my data.js file, as well, to help in diagnosing what could be causing the problem.
Click to expand...
This bug is still happening as of 2.11.
If anyone has any ideas about what could cause it, please give help or advice however you can.

I have discovered that the bug does not appear when viewing my Designer.html file, but it does appear when I open the Chat.html file.

It has something to do with the existence of an Animation Out animation. If I set the chat to not have an Animation Out, then the messages do not sometimes flicker back into existence when they're done vanishing. The bug occurs even if I just have one Animation Out turned on; it's not a result of two Animation Outs conflicting in some way.
 
MiiRiiCo

MiiRiiCo

Member
MiiRiiCo updated Chat Designer for Twitch with a new update entry:

WHAT'S NEXT?

WHAT'S NEXT?​

I’m working on a new v3 of Chat Designer with a complete redesign and restructure. When I started this tool three years ago, I had no idea how much I would end up adding to it. Over time, I introduced so many new features that the code became bloated, with too few comments for clarity.

Now, I’m starting from scratch, keeping all current features in mind, and building toward a new capability that lets users add or remove...
Click to expand...

Read the rest of this update entry...
 
You must log in or register to reply here.
Top