mirror of
https://github.com/Bubberstation/Bubberstation.git
synced 2026-01-27 01:21:30 +00:00
Replaces goonchat with a tgui based chat panel
Fixes #52898
Fixes #52663
It is as fast as goonchat was (if not faster in certain circumstances), and is very extensible. It has all the necessary code for sorting messages into categories, which means that one of the next features will be multiple tab support.
Additional features that you will get with tgchat right now:
Massively faster server-side performance compared to goonchat, especially if batching multiple messages to one client.
Message persistence across rounds and reconnects. (All messages are stored client-side in IndexedDB)
More robust scroll tracking. If you scroll up, it will not change the scroll position on new messages like goonchat did.
Multiple message combining. (Currently set to combine up to 5 messages over last 5 seconds).
If using the highlighting feature, it highlights the whole message as well as the matching word.
"Now playing" widget, with preview of the song title, a knob for adjusting the volume and a stop button.
Architecture is as following:
```
to_chat() -+
|
SSchat
(queue, batching)
|
window.send_message()
|
v
+-------------+
| tgui-panel |
|+-----------+|
|| tgchat ||
|+-----------+|
+-------------+
```
Subsystem is basically goonchat, but without all the garbage that slows the servers down (string concatenation, double urlencoding, sanitizing, etc). Now, instead of all that, it's being slowed down by json_encode in /datum/tgui_window/proc/send_message, which IMO is completely worth it, and allows sending various templates and widgets to tgchat.
/datum/tgui_window abstracts the whole window away from you, establishes a nice message-passing interface between DM and JS, with two message queues on each side, automatically loads js/css assets for you, basically does everything. You as a developer only have to worry about sending/receiving messages and write javascript.
tgui-panel is a slimmed down version of tgui, and functions as a container for various widgets, and tgchat is one of them. It of course can be expanded with more stuff.
It's also a separate entry point and a JS bundle, so it's not bloating the main tgui bundle, and is currently sitting at about 230kB.
307 lines
7.8 KiB
Plaintext
307 lines
7.8 KiB
Plaintext
/**
|
|
* Copyright (c) 2020 Aleksej Komarov
|
|
* SPDX-License-Identifier: MIT
|
|
*/
|
|
|
|
/**
|
|
* tgui datum (represents a UI).
|
|
*/
|
|
/datum/tgui
|
|
/// The mob who opened/is using the UI.
|
|
var/mob/user
|
|
/// The object which owns the UI.
|
|
var/datum/src_object
|
|
/// The title of te UI.
|
|
var/title
|
|
/// The window_id for browse() and onclose().
|
|
var/datum/tgui_window/window
|
|
/// Key that is used for remembering the window geometry.
|
|
var/window_key
|
|
/// Deprecated: Window size.
|
|
var/window_size
|
|
/// The interface (template) to be used for this UI.
|
|
var/interface
|
|
/// Update the UI every MC tick.
|
|
var/autoupdate = TRUE
|
|
/// If the UI has been initialized yet.
|
|
var/initialized = FALSE
|
|
/// Time of opening the window.
|
|
var/opened_at
|
|
/// Stops further updates when close() was called.
|
|
var/closing = FALSE
|
|
/// The status/visibility of the UI.
|
|
var/status = UI_INTERACTIVE
|
|
/// Topic state used to determine status/interactability.
|
|
var/datum/ui_state/state = null
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Create a new UI.
|
|
*
|
|
* required user mob The mob who opened/is using the UI.
|
|
* required src_object datum The object or datum which owns the UI.
|
|
* required interface string The interface used to render the UI.
|
|
* optional title string The title of the UI.
|
|
* optional ui_x int Deprecated: Window width.
|
|
* optional ui_y int Deprecated: Window height.
|
|
*
|
|
* return datum/tgui The requested UI.
|
|
*/
|
|
/datum/tgui/New(mob/user, datum/src_object, interface, title, ui_x, ui_y)
|
|
log_tgui(user, "new [interface] fancy [user.client.prefs.tgui_fancy]")
|
|
src.user = user
|
|
src.src_object = src_object
|
|
src.window_key = "[REF(src_object)]-main"
|
|
src.interface = interface
|
|
if(title)
|
|
src.title = title
|
|
src.state = src_object.ui_state()
|
|
// Deprecated
|
|
if(ui_x && ui_y)
|
|
src.window_size = list(ui_x, ui_y)
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Open this UI (and initialize it with data).
|
|
*/
|
|
/datum/tgui/proc/open()
|
|
if(!user.client)
|
|
return null
|
|
if(window)
|
|
return null
|
|
process_status()
|
|
if(status < UI_UPDATE)
|
|
return null
|
|
window = SStgui.request_pooled_window(user)
|
|
if(!window)
|
|
return null
|
|
opened_at = world.time
|
|
window.acquire_lock(src)
|
|
if(!window.is_ready())
|
|
window.initialize(
|
|
fancy = user.client.prefs.tgui_fancy,
|
|
inline_assets = list(
|
|
get_asset_datum(/datum/asset/simple/tgui_common),
|
|
get_asset_datum(/datum/asset/simple/tgui),
|
|
))
|
|
else
|
|
window.send_message("ping")
|
|
var/flush_queue = window.send_asset(get_asset_datum(
|
|
/datum/asset/simple/namespaced/fontawesome))
|
|
for(var/datum/asset/asset in src_object.ui_assets(user))
|
|
flush_queue |= window.send_asset(asset)
|
|
if (flush_queue)
|
|
user.client.browse_queue_flush()
|
|
window.send_message("update", get_payload(
|
|
with_data = TRUE,
|
|
with_static_data = TRUE))
|
|
SStgui.on_open(src)
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Close the UI.
|
|
*
|
|
* optional can_be_suspended bool
|
|
*/
|
|
/datum/tgui/proc/close(can_be_suspended = TRUE)
|
|
if(closing)
|
|
return
|
|
closing = TRUE
|
|
// If we don't have window_id, open proc did not have the opportunity
|
|
// to finish, therefore it's safe to skip this whole block.
|
|
if(window)
|
|
// Windows you want to keep are usually blue screens of death
|
|
// and we want to keep them around, to allow user to read
|
|
// the error message properly.
|
|
window.release_lock()
|
|
window.close(can_be_suspended)
|
|
src_object.ui_close(user)
|
|
SStgui.on_close(src)
|
|
state = null
|
|
qdel(src)
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Enable/disable auto-updating of the UI.
|
|
*
|
|
* required value bool Enable/disable auto-updating.
|
|
*/
|
|
/datum/tgui/proc/set_autoupdate(autoupdate)
|
|
src.autoupdate = autoupdate
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Replace current ui.state with a new one.
|
|
*
|
|
* required state datum/ui_state/state Next state
|
|
*/
|
|
/datum/tgui/proc/set_state(datum/ui_state/state)
|
|
src.state = state
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Makes an asset available to use in tgui.
|
|
*
|
|
* required asset datum/asset
|
|
*
|
|
* return bool - true if an asset was actually sent
|
|
*/
|
|
/datum/tgui/proc/send_asset(datum/asset/asset)
|
|
if(!window)
|
|
CRASH("send_asset() can only be called after open().")
|
|
return window.send_asset(asset)
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Send a full update to the client (includes static data).
|
|
*
|
|
* optional custom_data list Custom data to send instead of ui_data.
|
|
* optional force bool Send an update even if UI is not interactive.
|
|
*/
|
|
/datum/tgui/proc/send_full_update(custom_data, force)
|
|
if(!user.client || !initialized || closing)
|
|
return
|
|
var/should_update_data = force || status >= UI_UPDATE
|
|
window.send_message("update", get_payload(
|
|
custom_data,
|
|
with_data = should_update_data,
|
|
with_static_data = TRUE))
|
|
|
|
/**
|
|
* public
|
|
*
|
|
* Send a partial update to the client (excludes static data).
|
|
*
|
|
* optional custom_data list Custom data to send instead of ui_data.
|
|
* optional force bool Send an update even if UI is not interactive.
|
|
*/
|
|
/datum/tgui/proc/send_update(custom_data, force)
|
|
if(!user.client || !initialized || closing)
|
|
return
|
|
var/should_update_data = force || status >= UI_UPDATE
|
|
window.send_message("update", get_payload(
|
|
custom_data,
|
|
with_data = should_update_data))
|
|
|
|
/**
|
|
* private
|
|
*
|
|
* Package the data to send to the UI, as JSON.
|
|
*
|
|
* return list
|
|
*/
|
|
/datum/tgui/proc/get_payload(custom_data, with_data, with_static_data)
|
|
var/list/json_data = list()
|
|
json_data["config"] = list(
|
|
"title" = title,
|
|
"status" = status,
|
|
"interface" = interface,
|
|
"window" = list(
|
|
"key" = window_key,
|
|
"size" = window_size,
|
|
"fancy" = user.client.prefs.tgui_fancy,
|
|
"locked" = user.client.prefs.tgui_lock,
|
|
),
|
|
"client" = list(
|
|
"ckey" = user.client.ckey,
|
|
"address" = user.client.address,
|
|
"computer_id" = user.client.computer_id,
|
|
),
|
|
"user" = list(
|
|
"name" = "[user]",
|
|
"observer" = isobserver(user),
|
|
),
|
|
)
|
|
var/data = custom_data || with_data && src_object.ui_data(user)
|
|
if(data)
|
|
json_data["data"] = data
|
|
var/static_data = with_static_data && src_object.ui_static_data(user)
|
|
if(static_data)
|
|
json_data["static_data"] = static_data
|
|
if(src_object.tgui_shared_states)
|
|
json_data["shared"] = src_object.tgui_shared_states
|
|
return json_data
|
|
|
|
/**
|
|
* private
|
|
*
|
|
* Run an update cycle for this UI. Called internally by SStgui
|
|
* every second or so.
|
|
*/
|
|
/datum/tgui/process(force = FALSE)
|
|
if(closing)
|
|
return
|
|
var/datum/host = src_object.ui_host(user)
|
|
// If the object or user died (or something else), abort.
|
|
if(!src_object || !host || !user || !window)
|
|
close(can_be_suspended = FALSE)
|
|
return
|
|
// Validate ping
|
|
if(!initialized && world.time - opened_at > TGUI_PING_TIMEOUT)
|
|
log_tgui(user, \
|
|
"Error: Zombie window detected, killing it with fire.\n" \
|
|
+ "window_id: [window.id]\n" \
|
|
+ "opened_at: [opened_at]\n" \
|
|
+ "world.time: [world.time]")
|
|
close(can_be_suspended = FALSE)
|
|
return
|
|
// Update through a normal call to ui_interact
|
|
if(status != UI_DISABLED && (autoupdate || force))
|
|
src_object.ui_interact(user, src)
|
|
return
|
|
// Update status only
|
|
var/needs_update = process_status()
|
|
if(status <= UI_CLOSE)
|
|
close()
|
|
return
|
|
if(needs_update)
|
|
window.send_message("update", get_payload())
|
|
|
|
/**
|
|
* private
|
|
*
|
|
* Updates the status, and returns TRUE if status has changed.
|
|
*/
|
|
/datum/tgui/proc/process_status()
|
|
var/prev_status = status
|
|
status = src_object.ui_status(user, state)
|
|
return prev_status != status
|
|
|
|
/**
|
|
* private
|
|
*
|
|
* Callback for handling incoming tgui messages.
|
|
*/
|
|
/datum/tgui/proc/on_message(type, list/payload, list/href_list)
|
|
// Pass act type messages to ui_act
|
|
if(type && copytext(type, 1, 5) == "act/")
|
|
process_status()
|
|
if(src_object.ui_act(copytext(type, 5), payload, src, state))
|
|
SStgui.update_uis(src_object)
|
|
return FALSE
|
|
switch(type)
|
|
if("ready")
|
|
initialized = TRUE
|
|
if("pingReply")
|
|
initialized = TRUE
|
|
if("suspend")
|
|
close(can_be_suspended = TRUE)
|
|
if("close")
|
|
close(can_be_suspended = FALSE)
|
|
if("log")
|
|
if(href_list["fatal"])
|
|
close(can_be_suspended = FALSE)
|
|
if("setSharedState")
|
|
if(status != UI_INTERACTIVE)
|
|
return
|
|
LAZYINITLIST(src_object.tgui_shared_states)
|
|
src_object.tgui_shared_states[href_list["key"]] = href_list["value"]
|
|
SStgui.update_uis(src_object)
|