import type { InitConverseJSParams, ChatIncludeMode } from 'shared/lib/types' import { inIframe } from './lib/utils' import { initDom } from './lib/dom' import { defaultConverseParams, localRoomAnonymousParams, localRoomAuthenticatedParams, remoteRoomAnonymousParams, remoteRoomAuthenticatedParams } from './lib/converse-params' import { getLocalAuthentInfos } from './lib/auth' import { randomNick } from './lib/nick' import { slowModePlugin } from './lib/plugins/slow-mode' import { windowTitlePlugin } from './lib/plugins/window-title' import { livechatSpecificsPlugin } from './lib/plugins/livechat-specific' import { livechatViewerModePlugin } from './lib/plugins/livechat-viewer-mode' import { livechatMiniMucHeadPlugin } from './lib/plugins/livechat-mini-muc-head' declare global { interface Window { converse: { initialize: (args: any) => void plugins: { add: (name: string, plugin: any) => void } livechatDisconnect?: Function } initConversePlugins: typeof initConversePlugins initConverse: typeof initConverse reconnectConverse?: (room: string) => void } } /** * Initilialize ConverseJS plugins. * @param peertubeEmbedded true if we are embedded in Peertube, false if it is the old full page mode. */ function initConversePlugins (peertubeEmbedded: boolean): void { const converse = window.converse if (!peertubeEmbedded) { // When in full page mode, this plugin ensure the window title is equal to the room title. converse.plugins.add('livechatWindowTitlePlugin', windowTitlePlugin) } // Slow mode converse.plugins.add('converse-slow-mode', slowModePlugin) // livechatSpecifics plugins add some customization for the livechat plugin. converse.plugins.add('livechatSpecifics', livechatSpecificsPlugin) if (peertubeEmbedded) { // This plugins handles some buttons that are generated by Peertube, to include them in the MUC menu. converse.plugins.add('livechatMiniMucHeadPlugin', livechatMiniMucHeadPlugin) } // Viewer mode (anonymous accounts, before they have chosen their nickname). converse.plugins.add('livechatViewerModePlugin', livechatViewerModePlugin) } window.initConversePlugins = initConversePlugins /** * Init ConverseJS * @param initConverseParams ConverseJS init Params * @param chatIncludeMode How the chat is included in the html page * @param peertubeAuthHeader when embedded in Peertube, we can get the header from peertubeHelpers */ async function initConverse ( initConverseParams: InitConverseJSParams, chatIncludeMode: ChatIncludeMode = 'chat-only', peertubeAuthHeader?: { [header: string]: string } | null ): Promise { // First, fixing relative websocket urls. if (initConverseParams.localWebsocketServiceUrl?.startsWith('/')) { initConverseParams.localWebsocketServiceUrl = new URL( initConverseParams.localWebsocketServiceUrl, (window.location.protocol === 'http:' ? 'ws://' : 'wss://') + window.location.host ).toString() } const { isRemoteChat, remoteAnonymousXMPPServer, remoteAuthenticatedXMPPServer, authenticationUrl, autoViewerMode, forceReadonly } = initConverseParams const converse = window.converse const isInIframe = inIframe() initDom(initConverseParams, isInIframe) // Autofocus: false if besides video, or if an external iframe initConverseParams.autofocus = (chatIncludeMode === 'peertube-fullpage') || (chatIncludeMode === 'chat-only' && !isInIframe) // hide participant if in an external iframe, or besides video. initConverseParams.forceDefaultHideMucParticipants = (isInIframe || chatIncludeMode === 'peertube-video') const params = defaultConverseParams(initConverseParams) params.view_mode = chatIncludeMode === 'chat-only' ? 'fullscreen' : 'embedded' params.allow_url_history_change = chatIncludeMode === 'chat-only' let isAuthenticated: boolean = false let isRemoteWithNicknameSet: boolean = false const auth = await getLocalAuthentInfos(authenticationUrl, peertubeAuthHeader) if (auth) { if (!isRemoteChat) { localRoomAuthenticatedParams(initConverseParams, auth, params) isAuthenticated = true } else if (remoteAuthenticatedXMPPServer) { remoteRoomAuthenticatedParams(initConverseParams, auth, params) isAuthenticated = true } else if (remoteAnonymousXMPPServer) { // remote server does not allow remote authenticated users, falling back to anonymous mode remoteRoomAnonymousParams(initConverseParams, auth, params) isRemoteWithNicknameSet = true } else { console.error('Remote server does not allow remote connection') params.jid = null } } else { if (!isRemoteChat) { localRoomAnonymousParams(initConverseParams, params) } else if (remoteAnonymousXMPPServer) { remoteRoomAnonymousParams(initConverseParams, null, params) } else { console.error('Remote server does not allow remote connection') params.jid = null } } if (params.jid === null) { if (chatIncludeMode === 'chat-only') { // Special use case: when mode=chat-only, and no params.jid: display an error page. // Note: this can happen if anonymous users are not allowed on the server. console.error('Seems that anonymous users are not allowed on the target server') // FIXME: localize? document.body.innerHTML = '

This chatroom does not exist, or is not accessible to you.

' return } else { throw new Error('Can\'t connect, no JID') } } if (!isAuthenticated) { console.log('User is not authenticated.') if (forceReadonly) { params.nickname = randomNick('Viewer') } // TODO: try to make these params work // params.muc_nickname_from_jid = true => compute the muc nickname from the jid (will be random here) // params.auto_register_muc_nickname = true => maybe not relevant here (dont do what i thought) // params.muc_show_logs_before_join = true => displays muc history on top of nickname form. But it's not updated. } // no viewer mode if authenticated. params.livechat_enable_viewer_mode = autoViewerMode && !isAuthenticated && !isRemoteWithNicknameSet if (chatIncludeMode === 'peertube-video') { params.livechat_mini_muc_head = true // we must replace the muc-head by the custom buttons toolbar. } try { if (window.reconnectConverse) { // this is set in the livechatSpecificsPlugin window.reconnectConverse(params) } else { converse.initialize(params) } } catch (error) { console.error('Failed initializing converseJS', error) } } window.initConverse = initConverse