117 lines
3.9 KiB
TypeScript
117 lines
3.9 KiB
TypeScript
import type { RegisterClientOptions } from '@peertube/peertube-types/client'
|
|
import type { InitConverseJSParams } from 'shared/lib/types'
|
|
import { renderConfigurationHome } from './templates/home'
|
|
import { renderConfigurationChannel } from './templates/channel'
|
|
import { getBaseRoute } from '../../utils/uri'
|
|
import { loadConverseJS } 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 response = await fetch(
|
|
getBaseRoute(clientOptions) + '/api/configuration/room/' + encodeURIComponent(roomKey),
|
|
{
|
|
method: 'GET',
|
|
headers: peertubeHelpers.getAuthHeader()
|
|
}
|
|
)
|
|
if (!response.ok) {
|
|
throw new Error('Can\'t get channel configuration options.')
|
|
}
|
|
|
|
const converseJSParams: InitConverseJSParams = await (response).json()
|
|
|
|
const container = document.createElement('div')
|
|
container.classList.add('livechat-embed-fullpage')
|
|
rootEl.append(container)
|
|
|
|
const converseRoot = document.createElement('converse-root')
|
|
converseRoot.classList.add('theme-peertube')
|
|
container.append(converseRoot)
|
|
|
|
const spinner = document.createElement('div')
|
|
spinner.classList.add('livechat-spinner')
|
|
spinner.setAttribute('id', 'livechat-loading-spinner')
|
|
spinner.innerHTML = '<div></div>'
|
|
container.prepend(spinner)
|
|
// spinner will be removed by a converse plugin
|
|
|
|
const authHeader = peertubeHelpers.getAuthHeader()
|
|
|
|
await loadConverseJS(converseJSParams)
|
|
window.initConverse(converseJSParams, 'peertube-fullpage', authHeader ?? null)
|
|
} catch (err) {
|
|
console.error('[peertube-plugin-livechat] ' + (err as string))
|
|
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
|
|
}
|