89 lines
2.9 KiB
TypeScript
89 lines
2.9 KiB
TypeScript
import type { RegisterClientOptions } from '@peertube/peertube-types/client'
|
|
import { renderConfigurationHome } from './templates/home'
|
|
import { renderConfigurationChannel } from './templates/channel'
|
|
import { displayConverseJS } from '../../utils/conversejs'
|
|
|
|
/**
|
|
* Registers stuff related to the user's configuration pages.
|
|
* @param clientOptions Peertube client options
|
|
*/
|
|
async function registerConfiguration (clientOptions: RegisterClientOptions): Promise<void> {
|
|
const { peertubeHelpers, registerClientRoute, registerHook } = clientOptions
|
|
|
|
const settings = await peertubeHelpers.getSettings()
|
|
if (settings['disable-channel-configuration']) { return }
|
|
|
|
registerClientRoute({
|
|
route: 'livechat/room',
|
|
onMount: async ({ rootEl }) => {
|
|
try {
|
|
const urlParams = new URLSearchParams(window.location.search)
|
|
const roomKey = urlParams.get('room')
|
|
if (!roomKey) {
|
|
throw new Error('missing room parameter')
|
|
}
|
|
|
|
const container = document.createElement('div')
|
|
container.classList.add('livechat-embed-fullpage')
|
|
rootEl.append(container)
|
|
|
|
await displayConverseJS(clientOptions, container, roomKey, 'peertube-fullpage')
|
|
} catch (err) {
|
|
console.error('[peertube-plugin-livechat] ' + (err as string))
|
|
// FIXME: do a better error page.
|
|
rootEl.innerText = await peertubeHelpers.translate(LOC_NOT_FOUND)
|
|
}
|
|
}
|
|
})
|
|
|
|
registerClientRoute({
|
|
route: 'livechat/configuration',
|
|
onMount: async ({ rootEl }) => {
|
|
rootEl.innerHTML = await renderConfigurationHome(clientOptions)
|
|
}
|
|
})
|
|
|
|
registerClientRoute({
|
|
route: 'livechat/configuration/channel',
|
|
onMount: async ({ rootEl }) => {
|
|
const urlParams = new URLSearchParams(window.location.search)
|
|
const channelId = urlParams.get('channelId') ?? ''
|
|
await renderConfigurationChannel(clientOptions, channelId, rootEl)
|
|
}
|
|
})
|
|
|
|
registerHook({
|
|
target: 'filter:left-menu.links.create.result',
|
|
handler: async (links: any) => {
|
|
// Adding the links to livechat/configuration for logged users.
|
|
if (!peertubeHelpers.isLoggedIn()) { return links }
|
|
|
|
if (!Array.isArray(links)) { return links }
|
|
let myLibraryLinks
|
|
// Searching the 'in-my-library' entry.
|
|
for (const link of links) {
|
|
if (typeof link !== 'object') { continue }
|
|
if (!('key' in link)) { continue }
|
|
if (link.key !== 'in-my-library') { continue }
|
|
myLibraryLinks = link
|
|
break
|
|
}
|
|
if (!myLibraryLinks) { return links }
|
|
if (!Array.isArray(myLibraryLinks.links)) { return links }
|
|
|
|
const label = await peertubeHelpers.translate(LOC_MENU_CONFIGURATION_LABEL)
|
|
myLibraryLinks.links.push({
|
|
label,
|
|
shortLabel: label,
|
|
path: '/p/livechat/configuration',
|
|
icon: 'live'
|
|
})
|
|
return links
|
|
}
|
|
})
|
|
}
|
|
|
|
export {
|
|
registerConfiguration
|
|
}
|