Emoji only mode WIP

conversejs/lib/plugins/livechat-specific.ts

@@ -9,6 +9,7 @@ import { chatRoomOverrides } from './livechat-specific/chatroom'
 import { chatRoomMessageOverrides } from './livechat-specific/chatroom-message'
 import { customizeMessageAction } from './livechat-specific/message-action'
 import { customizeProfileModal } from './livechat-specific/profile'
+import { customizeMUCBottomPanel } from './livechat-specific/muc-bottom-panel'
 
 export const livechatSpecificsPlugin = {
   dependencies: ['converse-muc', 'converse-muc-views'],
@@ -26,6 +27,7 @@ export const livechatSpecificsPlugin = {
     customizeToolbar(this)
     customizeMessageAction(this)
     customizeProfileModal(this)
+    customizeMUCBottomPanel(this)
 
     _converse.api.listen.on('chatRoomViewInitialized', function (this: any, _model: any): void {
       // Remove the spinner if present...

conversejs/lib/plugins/livechat-specific/muc-bottom-panel.ts

@@ -0,0 +1,23 @@
+// SPDX-FileCopyrightText: 2024 John Livingston <https://www.john-livingston.fr/>
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+/**
+ * Override the MUCBottomPanel custom element
+ */
+export function customizeMUCBottomPanel (plugin: any): void {
+  const _converse = plugin._converse
+  const MUCBottomPanel = _converse.api.elements.registry['converse-muc-bottom-panel']
+  if (MUCBottomPanel) {
+    class MUCBottomPanelOverloaded extends MUCBottomPanel {
+      async initialize (): Promise<any> {
+        await super.initialize()
+        // We must refresh the bottom panel when these features changes (to display the infobox)
+        // FIXME: the custom muc-bottom-panel template should be used here, in an overloaded render method, instead
+        //    of using webpack to overload the original file.
+        this.listenTo(this.model.features, 'change:x_peertubelivechat_emoji_only_mode', () => this.requestUpdate())
+      }
+    }
+    _converse.api.elements.define('converse-muc-bottom-panel', MUCBottomPanelOverloaded)
+  }
+}