80ac08bd18
* Builtin Prosody, Share chat url: option to have a transparent background (for streaming integration). * Builtin Prosody, Share chat url: fixed new day hidding when no scrollbar in readonly mode.
101 lines
3.3 KiB
TypeScript
101 lines
3.3 KiB
TypeScript
import type { RegisterClientOptions } from '@peertube/peertube-types/client'
|
|
import type { Video } from '@peertube/peertube-types'
|
|
import type { ChatType } from 'shared/lib/types'
|
|
import { AutoColors, isAutoColorsAvailable } from 'shared/lib/autocolors'
|
|
import { logger } from './logger'
|
|
import { computeAutoColors } from './colors'
|
|
|
|
interface UriOptions {
|
|
readonly?: boolean | 'noscroll'
|
|
transparent?: boolean
|
|
ignoreAutoColors?: boolean
|
|
permanent?: boolean
|
|
}
|
|
|
|
function getBaseRoute ({ peertubeHelpers }: RegisterClientOptions, permanent: boolean = false): string {
|
|
if (permanent) {
|
|
return '/plugins/livechat/router'
|
|
}
|
|
// NB: this will come with Peertube > 3.2.1 (3.3.0?)
|
|
if (peertubeHelpers.getBaseRouterRoute) {
|
|
return peertubeHelpers.getBaseRouterRoute()
|
|
}
|
|
// We are guessing the route with the correct plugin version with this trick:
|
|
const staticBase = peertubeHelpers.getBaseStaticRoute()
|
|
return staticBase.replace(/\/static.*$/, '/router')
|
|
}
|
|
|
|
function getIframeUri (
|
|
registerOptions: RegisterClientOptions, settings: any, video: Video, uriOptions: UriOptions = {}
|
|
): string | null {
|
|
if (!settings) {
|
|
logger.error('Settings are not initialized, too soon to compute the iframeUri')
|
|
return null
|
|
}
|
|
let iframeUriStr = ''
|
|
const chatType: ChatType = (settings['chat-type'] ?? 'disabled') as ChatType
|
|
if (chatType === 'builtin-prosody' || chatType === 'builtin-converse') {
|
|
// Using the builtin converseJS
|
|
iframeUriStr = getBaseRoute(registerOptions, uriOptions.permanent)
|
|
iframeUriStr += '/webchat/room/' + encodeURIComponent(video.uuid)
|
|
} else if (chatType === 'external-uri') {
|
|
iframeUriStr = settings['chat-uri'] || ''
|
|
iframeUriStr = iframeUriStr.replace(/{{VIDEO_UUID}}/g, encodeURIComponent(video.uuid))
|
|
if (iframeUriStr.includes('{{CHANNEL_ID}}')) {
|
|
if (!video.channel || !video.channel.id) {
|
|
logger.error('Missing channel info in video object.')
|
|
return null
|
|
}
|
|
iframeUriStr = iframeUriStr.replace(/{{CHANNEL_ID}}/g, encodeURIComponent(video.channel.id))
|
|
}
|
|
if (!/^https?:\/\//.test(iframeUriStr)) {
|
|
logger.error('The webchaturi must begin with https://')
|
|
return null
|
|
}
|
|
} else {
|
|
logger.error('Chat disabled.')
|
|
return null
|
|
}
|
|
if (iframeUriStr === '') {
|
|
logger.error('No iframe uri')
|
|
return null
|
|
}
|
|
|
|
const iFrameUri = new URL(iframeUriStr, window.location.origin)
|
|
|
|
if (
|
|
!uriOptions.ignoreAutoColors &&
|
|
settings['converse-autocolors'] &&
|
|
isAutoColorsAvailable(settings['chat-type'] as ChatType, settings['converse-theme'])
|
|
) {
|
|
logger.info('We have to try to compute autocolors.')
|
|
try {
|
|
const autocolors = computeAutoColors()
|
|
if (autocolors) {
|
|
for (const p in autocolors) {
|
|
iFrameUri.searchParams.set('_ac_' + p, autocolors[p as keyof AutoColors])
|
|
}
|
|
}
|
|
} catch (err) {
|
|
logger.error(`Failed computing autocolors: '${err as string}'`)
|
|
}
|
|
}
|
|
|
|
if (uriOptions.readonly) {
|
|
iFrameUri.searchParams.set('_readonly', (typeof uriOptions.readonly === 'string') ? uriOptions.readonly : 'true')
|
|
}
|
|
|
|
if (uriOptions.transparent) {
|
|
iFrameUri.searchParams.set('_transparent', 'true')
|
|
}
|
|
|
|
iframeUriStr = iFrameUri.href
|
|
return iframeUriStr
|
|
}
|
|
|
|
export {
|
|
UriOptions,
|
|
getBaseRoute,
|
|
getIframeUri
|
|
}
|