69 lines
2.1 KiB
TypeScript
69 lines
2.1 KiB
TypeScript
import type { RegisterClientOptions } from '@peertube/peertube-types/client'
|
|
import type { RegisterClientFormFieldOptions } from '@peertube/peertube-types'
|
|
import { registerConfiguration } from './common/configuration/register'
|
|
import { registerRoom } from './common/room/register'
|
|
|
|
async function register (clientOptions: RegisterClientOptions): Promise<void> {
|
|
const { peertubeHelpers, registerHook, registerVideoField } = clientOptions
|
|
|
|
registerHook({
|
|
target: 'action:router.navigation-end',
|
|
handler: () => {
|
|
const container = document.querySelector('#peertube-plugin-livechat-container')
|
|
if (container) {
|
|
const url = container.getAttribute('peertube-plugin-livechat-current-url')
|
|
if (url && url === window.location.href) {
|
|
console.warn(
|
|
'[peertube-plugin-livechat navigation-end] ' +
|
|
'It seems that action:router.navigation-end was called after action:video-watch.video.loaded. ' +
|
|
'Not removing the chat from the DOM.'
|
|
)
|
|
return
|
|
}
|
|
container.remove()
|
|
}
|
|
|
|
if (window.converse?.livechatDisconnect) {
|
|
window.converse.livechatDisconnect()
|
|
}
|
|
}
|
|
})
|
|
|
|
const [label, description, settings] = await Promise.all([
|
|
peertubeHelpers.translate(LOC_USE_CHAT),
|
|
peertubeHelpers.translate(LOC_USE_CHAT_HELP),
|
|
peertubeHelpers.getSettings()
|
|
])
|
|
const webchatFieldOptions: RegisterClientFormFieldOptions = {
|
|
name: 'livechat-active',
|
|
label: label,
|
|
descriptionHTML: description,
|
|
type: 'input-checkbox',
|
|
default: true,
|
|
hidden: ({ liveVideo }) => {
|
|
if (!liveVideo) {
|
|
return true
|
|
}
|
|
if (!settings['chat-per-live-video']) {
|
|
return true
|
|
}
|
|
if (settings['chat-all-lives']) {
|
|
// No need to add this field if live is active for all live videos
|
|
return true
|
|
}
|
|
return false
|
|
}
|
|
}
|
|
registerVideoField(webchatFieldOptions, { type: 'update' })
|
|
registerVideoField(webchatFieldOptions, { type: 'go-live' })
|
|
|
|
await Promise.all([
|
|
registerRoom(clientOptions),
|
|
registerConfiguration(clientOptions)
|
|
])
|
|
}
|
|
|
|
export {
|
|
register
|
|
}
|