zneix / perplex-chat

Twitch Wild Chat Browser Remake

Perplex Chat

Remake of Wild Chat

What it does

A normal Twitch chat.

How to try it out

Browse to [https://alremahy.com/perplex-chat.html?channel=harmfulopinions], and watch the magic happen. By changing the ?channel=<channel_name_goes_here> part of the url, you connect to the specified streamer's chat.

What it uses

• dank-twitch-irc for retrieving Twitch messages.
• uHTML for rendering HTML templates.
• Sfc32 for PRNG.
• xmur3 for seeding the PRNG.
• node-sass for stylesheet management.
• Parcel 2 for packing the files for use in the browser.

How to build it yourself

1. Make sure you have NodeJS (Latest LTS works).
2. npm i to install modules.
3. npm build to build it.
4. You can now host the contents of the /dist folder wherever you'd like.

• For testing purposes you can try it out locally with python3:
  • npm run python3-http-server

Ideas for the future

• Settings modal:
  • Text colors to be changed.
  • Customization of the text shadow.
  • Font changer (?).
  • Change font sizes.
  • Enable / Disable emotes (Twitch, BTTV, FFZ).
  • Enable / Disable AutoMod filter (IDENTITY, AGGRESSIVE, SEXUAL, PROFANITY).
• Add bits & cheer emotes.

Thanks to Twitch users @idmgroup & @miaam for the inspiration & the original Wild Chat software for the idea.