Skip to content

Commit b3e4687

Browse files
committed
SB 1.0.5, Hype Train, Goals
1 parent 12831fd commit b3e4687

22 files changed

Lines changed: 2058 additions & 560 deletions

CHANGELOG.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# ChatRD Updates
2+
3+
## 🟣 Twitch
4+
5+
- Chat and Events codes edited to be in compliance with the current **Twitch EventSub API** and **Streamer.bot 1.0.5 alpha**.
6+
- Stopped using ```messages``` and now it's relying on ```parts```.
7+
- The "Highlight My Message" channel point reward event will highlight the message. It can come before or after the event shows on ChatRD.
8+
- Hype Train support added. It's off by default so you have to enable it.
9+
- Twitch Goals support added. Shows if you have active goals on Twitch. It's off by default so you have to enable it.
10+
- **GOALS FETCHER:** While not mandatory, if you want your current active goals on Twitch to appear on ChatRD, you **must import chatrd.sb** again. New actions were added.
11+
- **KNOWN ISSUE:** Active "New Bits" and "New Cheerers" goals will be identified as "New Bits/Cheerers" when ChatRD load. Twitch's API doesn't return the proper type indicators for them on active goals. That happens because the "goal type" field for these returns empty when fetching them using Twitch's API. **This is not a ChatRD issue.**
12+
13+
## 🔴 YouTube
14+
15+
- Red color on the Events and Statistics was toned down.
16+
17+
## ⚫ TikTok
18+
19+
- Changed hot pink color to black (#242424)
20+
21+
## 🟢 Kick
22+
23+
- Removed the "Kick Username" field. Now ChatRD gets it from Streamer.bot Kick Integration.
24+
- Kick Viewer Update Event now comes straight from Streamer.bot.
25+
26+
## 🫡 General
27+
28+
- Added a "Scroll Down" button. It only works when the Scroll Bar is enabled.
29+
- The Row Cap was increased from 50 to 100.
30+
- Spacing between messages and events edited. Should feel more uniform.
31+
- ChatRD URL Generation function refactored. Now, if you set a parameter that's default, it won't be on the URL and the system will assume it as default. With this, the URL size should decrease next time you copy it.
32+
- Import Settings updated following the URL Generation.
33+
- Changes to the skins "Bubbles", "Kimballs" and "Nutting".
34+
- Fixed overall bugs.

chat.html

Lines changed: 57 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -13,19 +13,24 @@
1313
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/simple-notify.min.css">
1414
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
1515

16-
<link rel="stylesheet" href="css/chatrd.css?nocache=23">
16+
<link rel="stylesheet" href="css/chatrd.css?nocache=24">
1717
<link id="chatrd-skins" rel="stylesheet" href="css/skin-default.css">
1818
</head>
1919
<body>
2020

21-
<div id="statistics" style="display: none;">
21+
<div id="bars">
22+
<div id="statistics" style="display: none;"></div>
23+
<div id="goals"></div>
2224
</div>
2325

24-
2526
<div id="container">
2627
<div class="wrapper">
2728
<div id="chat">
2829
</div>
30+
31+
<button id="chat-scroll-bottom">
32+
<i class="fa-solid fa-arrow-down"></i>
33+
</button>
2934

3035
<div id="chat-input" style="display: none;">
3136
<div id="chat-autocomplete-list"></div>
@@ -128,44 +133,70 @@
128133

129134
</template>
130135

136+
<template id="hypetrain-template">
137+
138+
<div id="hypetrain" class="animate__animated">
139+
<div class="progressbar-fill" style="width: 0%;"></div>
140+
<div class="logo"><img src="js/modules/twitch/images/logo-twitch.svg" alt=""></div>
141+
<div class="icon"><i class="fa-solid fa-train"></i> <span>Hype Train</span></div>
142+
<div class="level">LVL 1</div>
143+
<div class="timeremaining">00:00</div>
144+
<div class="percentage">0%</div>
145+
<div class="info"></div>
146+
</div>
147+
148+
</template>
149+
150+
<template id="goal-template">
151+
152+
<div class="goal-bar animate__animated">
153+
<div class="progressbar-fill" style="width: 0%;"></div>
154+
<div class="logo"><img src="js/modules/twitch/images/logo-twitch.svg" alt=""></div>
155+
<div class="icon">🎯 <span></span></div>
156+
<div class="percentage"><span></span> <small></small></div>
157+
<div class="info"></div>
158+
</div>
159+
160+
</template>
161+
131162

132163
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/simple-notify.min.js"></script>
133164
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/purify.min.js"></script>
134165
<script src="https://cdn.jsdelivr.net/npm/@streamerbot/[email protected]/dist/streamerbot-client.min.js"></script>
135166

136-
<script src="js/speakerbot.js?nocache=23"></script>
137-
<script src="js/sb.js?nocache=23"></script>
138-
<script src="js/chatrd.js?nocache=23"></script>
167+
<script src="js/speakerbot.js?nocache=24"></script>
168+
<script src="js/sb.js?nocache=24"></script>
169+
<script src="js/chatrd.js?nocache=24"></script>
139170

140-
<link href="js/modules/twitch/module.css?nocache=23" rel="stylesheet">
141-
<script src="js/modules/twitch/module.js?nocache=23"></script>
171+
<link href="js/modules/twitch/module.css?nocache=24" rel="stylesheet">
172+
<script src="js/modules/twitch/module.js?nocache=24"></script>
142173

143-
<link href="js/modules/youtube/module.css?nocache=23" rel="stylesheet">
144-
<script src="js/modules/youtube/module.js?nocache=23"></script>
174+
<link href="js/modules/youtube/module.css?nocache=24" rel="stylesheet">
175+
<script src="js/modules/youtube/module.js?nocache=24"></script>
145176

146-
<link href="js/modules/tiktok/module.css?nocache=23" rel="stylesheet">
147-
<script src="js/modules/tiktok/module.js?nocache=23"></script>
177+
<link href="js/modules/tiktok/module.css?nocache=24" rel="stylesheet">
178+
<script src="js/modules/tiktok/module.js?nocache=24"></script>
148179

149-
<link href="js/modules/kick/module.css?nocache=23" rel="stylesheet">
150-
<script src="js/modules/kick/module.js?nocache=23"></script>
180+
<link href="js/modules/kick/module.css?nocache=24" rel="stylesheet">
181+
<script src="js/modules/kick/module.js?nocache=24"></script>
151182

152-
<link href="js/modules/streamelements/module.css?nocache=23" rel="stylesheet">
153-
<script src="js/modules/streamelements/module.js?nocache=23"></script>
183+
<link href="js/modules/streamelements/module.css?nocache=24" rel="stylesheet">
184+
<script src="js/modules/streamelements/module.js?nocache=24"></script>
154185

155-
<link href="js/modules/streamlabs/module.css?nocache=23" rel="stylesheet">
156-
<script src="js/modules/streamlabs/module.js?nocache=23"></script>
186+
<link href="js/modules/streamlabs/module.css?nocache=24" rel="stylesheet">
187+
<script src="js/modules/streamlabs/module.js?nocache=24"></script>
157188

158-
<link href="js/modules/patreon/module.css?nocache=23" rel="stylesheet">
159-
<script src="js/modules/patreon/module.js?nocache=23"></script>
189+
<link href="js/modules/patreon/module.css?nocache=24" rel="stylesheet">
190+
<script src="js/modules/patreon/module.js?nocache=24"></script>
160191

161-
<link href="js/modules/tipeeestream/module.css?nocache=23" rel="stylesheet">
162-
<script src="js/modules/tipeeestream/module.js?nocache=23"></script>
192+
<link href="js/modules/tipeeestream/module.css?nocache=24" rel="stylesheet">
193+
<script src="js/modules/tipeeestream/module.js?nocache=24"></script>
163194

164-
<link href="js/modules/kofi/module.css?nocache=23" rel="stylesheet">
165-
<script src="js/modules/kofi/module.js?nocache=23"></script>
195+
<link href="js/modules/kofi/module.css?nocache=24" rel="stylesheet">
196+
<script src="js/modules/kofi/module.js?nocache=24"></script>
166197

167-
<link href="js/modules/fourthwall/module.css?nocache=23" rel="stylesheet">
168-
<script src="js/modules/fourthwall/module.js?nocache=23"></script>
198+
<link href="js/modules/fourthwall/module.css?nocache=24" rel="stylesheet">
199+
<script src="js/modules/fourthwall/module.js?nocache=24"></script>
169200

170201
</body>
171202
</html>

0 commit comments

Comments
 (0)