d10d0d7953
-> Timestamps have been simple added as prefix in front of the entire message, having the classifying <span class="..."> behind it what prevented message filtering. So instead of adding it in front, we are inserting it with a regex replace after the first <span...> -> Underlining breaks fromatting. This issue happens as _ is used as a character in labels. It never should be used in labels as it's a marking character being parsed. Using it in a label causes the label to partially be parsed and therefore the message breaks. I've removed the underline in "emote_sublte" to at least have that working again. But likely all labels should be reworked to no longer use underlines. -> Known issue: Absorb messages are not having timestamps. The way absorb messages are implemented prevents the current "client.prefs.chat_timestamp" from being used as it would rely to the speaking client to have it enabled. I haven't looked enough into to code, but if there's a way, it might be best to move the entire timestapmping to the code/modules/vchat/vchat_client.dm using a regex to insert them behing the classifying span.
VChat
(Please add to this file as you learn how this thing works. Thank you!)
Development
To implement changes to VChat, one must modify either vchat.js or vchat_client, where vchat.js corresponds to what actually appears to the user. Not all of the logic is isolated within vchat_client, vchat.js handles a significant amount of processing as well.
vchat.js
vchat.js is a development file - it is not actually included in the actual game code. Instead, what the game expects is the minified version "vchat.min.js"
Therefore, to have your changes in "vchat.js" apply to the game for either PR or testing - you must first minify your script. If you are unfamiliar how to, simply you copy the file contants in vchat.js, paste them into https://codebeautify.org/minify-js or any similar tool and paste its output into vchat.min.js .
As of 2023/08/05, no tool is provided by the codebase to handle minification for the developer.
ss13styles.css
Handles chat colours, background colours, filtering.
Please keep this file synchronized with code\stylesheet.dm where possible (filters, lightmode colours).