ConverseJS: theme settings.

server/lib/routers/webchat.ts

@@ -1,6 +1,8 @@
 import type { Router, RequestHandler, Request, Response, NextFunction } from 'express'
 import type { ProxyOptions } from 'express-http-proxy'
-import type { ChatType, ProsodyListRoomsResult, ProsodyListRoomsResultRoom } from '../../../shared/lib/types'
+import type {
+  ChatType, ProsodyListRoomsResult, ProsodyListRoomsResultRoom
+} from '../../../shared/lib/types'
 import { getBaseRouterRoute, getBaseStaticRoute, isUserAdmin } from '../helpers'
 import { asyncMiddleware } from '../middlewares/async'
 import { getProsodyDomain } from '../prosody/config/domain'
@@ -39,7 +41,8 @@ async function initWebchatRouter (options: RegisterServerOptions): Promise<Route
       const settings = await settingsManager.getSettings([
         'chat-type', 'chat-room', 'chat-server',
         'chat-bosh-uri', 'chat-ws-uri',
-        'prosody-room-type'
+        'prosody-room-type',
+        'converse-theme'
       ])
       const chatType: ChatType = (settings['chat-type'] ?? 'disabled') as ChatType
 
@@ -49,6 +52,10 @@ async function initWebchatRouter (options: RegisterServerOptions): Promise<Route
       let wsUri: string
       let authenticationUrl: string = ''
       let advancedControls: boolean = false
+      let converseJSTheme: string = settings['converse-theme'] as string
+      if (!/^\w+$/.test(converseJSTheme)) {
+        converseJSTheme = 'peertube'
+      }
       if (chatType === 'builtin-prosody') {
         const prosodyDomain = await getProsodyDomain(options)
         jid = 'anon.' + prosodyDomain
@@ -148,6 +155,7 @@ async function initWebchatRouter (options: RegisterServerOptions): Promise<Route
       page = page.replace(/{{WS_SERVICE_URL}}/g, wsUri)
       page = page.replace(/{{AUTHENTICATION_URL}}/g, authenticationUrl)
       page = page.replace(/{{ADVANCEDCONTROLS}}/g, advancedControls ? 'true' : 'false')
+      page = page.replace(/{{CONVERSEJS_THEME}}/g, converseJSTheme)
 
       res.status(200)
       res.type('html')

server/lib/settings.ts

@@ -1,5 +1,5 @@
 import { ensureProsodyRunning, ensureProsodyNotRunning } from './prosody/ctl'
-import type { ChatType } from '../../shared/lib/types'
+import type { ChatType, ConverseJSTheme } from '../../shared/lib/types'
 
 function initSettings (options: RegisterServerOptions): void {
   const { peertubeHelpers, registerSetting, settingsManager } = options
@@ -269,6 +269,28 @@ Example: height:400px;`,
     private: false
   })
 
+  // ********** ConverseJS advanced settings
+  registerSetting({
+    name: 'converse-advanced',
+    type: 'html',
+    private: true,
+    descriptionHTML: '<h3>ConverseJS advanced settings</h3>'
+  })
+
+  registerSetting({
+    name: 'converse-theme',
+    label: 'ConverseJS theme',
+    type: 'select',
+    default: 'peertube' as ConverseJSTheme,
+    private: true,
+    options: [
+      { value: 'peertube', label: 'Peertube theme' },
+      { value: 'default', label: 'Default ConverseJS theme' },
+      { value: 'concord', label: 'ConverseJS concord theme' }
+    ] as Array<{value: ConverseJSTheme, label: string}>,
+    descriptionHTML: 'Please choose the converseJS theme you want to use.'
+  })
+
   // ********** Built-in Prosody advanced settings
   registerSetting({
     name: 'prosody-advanced',