peertube-plugin-livechat/conversejs/lib/plugins/slow-mode.ts

46 lines
1.9 KiB
TypeScript

/**
* Slow Mode plugin definition.
* This code should be published to ConverseJS upstream once the XEP for the slow mode feature is proposed.
* Note: part of the code is also in the custom muc-bottom-panel template.
*/
export const slowModePlugin = {
dependencies: ['converse-muc', 'converse-muc-views'],
async initialize (this: any) {
const _converse = this._converse
_converse.api.listen.on('sendMessage', function (this: any, options: any): void {
// disabling the message form/textarea after each new message, for X seconds.
const { chatbox } = options
// bypass for moderators.
const self = chatbox.getOwnOccupant()
if (self.isModerator()) {
return
}
const slowModeDuration = parseInt(chatbox?.config?.get('slow_mode_duration'))
if (!(slowModeDuration > 0)) { // undefined, NaN, ... are not considered > 0.
return
}
console.log(`Slow mode is enabled, disabling the message field for ${slowModeDuration} seconds.`)
// FIXME: we should search the chat-textarea related to chatbox.
// I did not find how to get it. As for now there is only one chatbox, we can ignore.
// FIXME: we disable the field after 100ms, because otherwise ConverseJS will re-enable it before.
setTimeout(() => {
document.querySelectorAll('.chat-textarea').forEach((textarea) => {
// FIXME: field could be enabled by something else (another event in ConverseJS).
// This is not very important: the server will reject messages anyway.
textarea.setAttribute('readonly', 'readonly')
// Note: we are adding a 100ms delay.
// To minimize the risk that user can send a message before the server will accept it
// (if the first message lagged for example)
setTimeout(() => {
textarea.removeAttribute('readonly')
}, slowModeDuration * 1000 + 100)
})
}, 100)
})
}
}