Skip to content

Commit 4aa3325

Browse files
committed
Multilanguage Support
1 parent 16bbfc0 commit 4aa3325

33 files changed

Lines changed: 4218 additions & 1157 deletions

CHANGELOG.md

Lines changed: 6 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,10 @@
11
# ChatRD Updates
22

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-
263
## 🫡 General
274

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.
5+
- Added Multilanguage support.
6+
- Starting with Deutsche, English, Portuguese (Brazil), Polish, Spanish and Filipino.
7+
- Translated JSON files were created using AI from the english JSON files, so expect some discrepancies. If they need manual fix, grab the files needed and make a pull request over Github.
8+
- Translations can be submitted over Pull requests on Github or using AI to translate.
9+
- Fixed a bug on the KoFi and Tipeeestream modules where they didn't send event alerts even when activated.
10+
- Fixed visual issues on the "Kimballs", "Nutting" and "Bubbles" skins.

chat.html

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
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=26">
16+
<link rel="stylesheet" href="css/chatrd.css?nocache=27">
1717
<link id="chatrd-skins" rel="stylesheet" href="css/skin-default.css">
1818
</head>
1919
<body>
@@ -169,40 +169,43 @@
169169
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/simple-notify.min.js"></script>
170170
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/purify.min.js"></script>
171171
<script src="https://cdn.jsdelivr.net/npm/@streamerbot/[email protected]/dist/streamerbot-client.min.js"></script>
172+
173+
<script src="js/i18n.js?nocache=27"></script>
174+
175+
<script src="js/speakerbot.js?nocache=27"></script>
176+
<script src="js/sb.js?nocache=27"></script>
172177

173-
<script src="js/speakerbot.js?nocache=26"></script>
174-
<script src="js/sb.js?nocache=26"></script>
175-
<script src="js/chatrd.js?nocache=26"></script>
178+
<script src="js/chatrd.js?nocache=27"></script>
176179

177-
<link href="js/modules/twitch/module.css?nocache=26" rel="stylesheet">
178-
<script src="js/modules/twitch/module.js?nocache=26"></script>
180+
<link href="js/modules/twitch/module.css?nocache=27" rel="stylesheet">
181+
<script src="js/modules/twitch/module.js?nocache=27"></script>
179182

180-
<link href="js/modules/youtube/module.css?nocache=26" rel="stylesheet">
181-
<script src="js/modules/youtube/module.js?nocache=26"></script>
183+
<link href="js/modules/youtube/module.css?nocache=27" rel="stylesheet">
184+
<script src="js/modules/youtube/module.js?nocache=27"></script>
182185

183-
<link href="js/modules/tiktok/module.css?nocache=26" rel="stylesheet">
184-
<script src="js/modules/tiktok/module.js?nocache=26"></script>
186+
<link href="js/modules/tiktok/module.css?nocache=27" rel="stylesheet">
187+
<script src="js/modules/tiktok/module.js?nocache=27"></script>
185188

186-
<link href="js/modules/kick/module.css?nocache=26" rel="stylesheet">
187-
<script src="js/modules/kick/module.js?nocache=26"></script>
189+
<link href="js/modules/kick/module.css?nocache=27" rel="stylesheet">
190+
<script src="js/modules/kick/module.js?nocache=27"></script>
188191

189-
<link href="js/modules/streamelements/module.css?nocache=26" rel="stylesheet">
190-
<script src="js/modules/streamelements/module.js?nocache=26"></script>
192+
<link href="js/modules/streamelements/module.css?nocache=27" rel="stylesheet">
193+
<script src="js/modules/streamelements/module.js?nocache=27"></script>
191194

192-
<link href="js/modules/streamlabs/module.css?nocache=26" rel="stylesheet">
193-
<script src="js/modules/streamlabs/module.js?nocache=26"></script>
195+
<link href="js/modules/streamlabs/module.css?nocache=27" rel="stylesheet">
196+
<script src="js/modules/streamlabs/module.js?nocache=27"></script>
194197

195-
<link href="js/modules/patreon/module.css?nocache=26" rel="stylesheet">
196-
<script src="js/modules/patreon/module.js?nocache=26"></script>
198+
<link href="js/modules/patreon/module.css?nocache=27" rel="stylesheet">
199+
<script src="js/modules/patreon/module.js?nocache=27"></script>
197200

198-
<link href="js/modules/tipeeestream/module.css?nocache=26" rel="stylesheet">
199-
<script src="js/modules/tipeeestream/module.js?nocache=26"></script>
201+
<link href="js/modules/tipeeestream/module.css?nocache=27" rel="stylesheet">
202+
<script src="js/modules/tipeeestream/module.js?nocache=27"></script>
200203

201-
<link href="js/modules/kofi/module.css?nocache=26" rel="stylesheet">
202-
<script src="js/modules/kofi/module.js?nocache=26"></script>
204+
<link href="js/modules/kofi/module.css?nocache=27" rel="stylesheet">
205+
<script src="js/modules/kofi/module.js?nocache=27"></script>
203206

204-
<link href="js/modules/fourthwall/module.css?nocache=26" rel="stylesheet">
205-
<script src="js/modules/fourthwall/module.js?nocache=26"></script>
207+
<link href="js/modules/fourthwall/module.css?nocache=27" rel="stylesheet">
208+
<script src="js/modules/fourthwall/module.js?nocache=27"></script>
206209

207210
</body>
208211
</html>

css/skin-bubbles.css

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,11 @@
77
#chat.oneline .item.grouped .message { padding: 5px 10px 8px 10px; }
88

99
#chat.horizontal .item.chat:not(.grouped) .message { padding: 5px 10px; }
10-
#chat.horizontal .item.chat.grouped .message { padding: 16px 10px 6px 10px; }
10+
#chat.horizontal .item.chat.grouped .message { padding: 16px 10px 6px 10px; }
11+
12+
#chat.oneline .item.chat .info:has(.avatar),
13+
#chat.oneline .item.chat .info:has(.avatar) .actual-message { top: -5px; }
14+
15+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .first-message,
16+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .info,
17+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .actual-message { top: 0 !important; }

css/skin-kimballs.css

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
}
2323

2424
/* One-lined Vertical Chat */
25-
#chat.oneline .item .info .avatar { position: absolute !important; top: -10px; left: -33px; }
25+
#chat.oneline .item .info .avatar { position: absolute !important; top: -5px; left: -33px; }
2626
#chat.oneline .item:not(.grouped) .message { padding: 10px; }
2727
#chat.oneline .item:not(.grouped):has(.avatar) .message { padding: 10px 10px 0px 38px; }
2828
#chat.oneline .item.grouped .message { padding: 10px 10px 0 10px; }
@@ -33,12 +33,28 @@
3333
}
3434

3535
#chat:not(.horizontal).oneline .item.streamer-mentioned .info .avatar {
36-
top: -9px;
36+
top: -6px;
3737
left: -40px;
3838
}
3939

40+
#chat.oneline .item .avatar {
41+
transform: translateY(0);
42+
}
43+
44+
4045
#chat.oneline .item:not(.grouped):has(.avatar).streamer-mentioned .message { padding: 10px 10px 10px 38px; }
4146

47+
#chat.oneline .item.chat .info:has(.avatar),
48+
#chat.oneline .item.chat .info:has(.avatar) .actual-message { top: -5px; }
49+
50+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .first-message,
51+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .info,
52+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .actual-message { top: 0 !important; }
53+
54+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .first-message,
55+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .info,
56+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .actual-message { top: 0px; }
57+
4258
/* One-lined Horizontal Chat */
4359
#chat.horizontal .item .info .avatar { position: absolute !important; top: -10px; left: -38px; }
4460
#chat.horizontal .item:not(.grouped) .message { padding: 10px !important; }

css/skin-nutting.css

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,20 +19,33 @@
1919
}
2020

2121
/* One-lined Vertical Chat */
22-
#chat.oneline .item .info .avatar { position: absolute !important; top: -9px; left: -38px; }
22+
#chat.oneline .item .info .avatar { position: absolute !important; top: -5px; left: -33px; }
2323
#chat.oneline .item:not(.grouped) .message { padding: 10px; }
24-
#chat.oneline .item:not(.grouped):has(.avatar) .message { padding: 5px 0px 5px 38px; }
25-
#chat.oneline .item.grouped .message { padding: 0px; }
24+
#chat.oneline .item:not(.grouped):has(.avatar) .message { padding: 10px 10px 0px 38px; }
25+
#chat.oneline .item.grouped .message { padding: 10px 10px 0 10px; }
26+
#chat.oneline:not(.horizontal) .item.chat.streamer-mentioned { margin: 0; }
2627

2728
#chat:not(.horizontal).oneline .item.streamer-mentioned .message:has(.avatar) {
2829
padding-left: 48px !important;
2930
}
3031

3132
#chat:not(.horizontal).oneline .item.streamer-mentioned .info .avatar {
32-
top: -9px;
33+
top: -6px;
3334
left: -40px;
3435
}
3536

37+
#chat.oneline .item .avatar {
38+
transform: translateY(0);
39+
}
40+
41+
#chat.oneline .item:not(.grouped):has(.avatar).streamer-mentioned .message { padding: 10px 10px 10px 38px; }
42+
#chat.oneline .item.chat:has(.avatar) .info,
43+
#chat.oneline .item.chat:has(.avatar) .actual-message { top: -5px; }
44+
45+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .first-message,
46+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .info,
47+
#chat.oneline .item.chat.streamer-mentioned:has(.avatar) .actual-message { top: 0px; }
48+
3649
/* One-lined Horizontal Chat */
3750
#chat.horizontal .item .info .avatar { position: absolute !important; top: -10px; left: -38px; }
3851
#chat.horizontal .item:not(.grouped) .message { padding: 15px 10px 10px 10px !important; }

0 commit comments

Comments
 (0)