import type { RegisterClientOptions } from '@peertube/peertube-types/client' import { localizedHelpUrl } from '../../../utils/help' import { helpButtonSVG } from '../../../videowatch/buttons' // Must use require for mustache, import seems buggy. const Mustache = require('mustache') /** * Renders the livechat configuration setup home page. * @param registerClientOptions Peertube client options * @returns The page content */ async function renderConfigurationHome (registerClientOptions: RegisterClientOptions): Promise { const { peertubeHelpers } = registerClientOptions try { // Getting the current username in localStorage. Don't know any cleaner way to do. const username = window.localStorage.getItem('username') if (!username) { throw new Error('Can\'t get the current username.') } // FIXME: if more than 100 channels, loop (or add a pagination) const channels = await (await fetch( '/api/v1/accounts/' + encodeURIComponent(username) + '/video-channels?start=0&count=100&sort=name', { method: 'GET', headers: peertubeHelpers.getAuthHeader() } )).json() if (!channels || !('data' in channels) || !Array.isArray(channels.data)) { throw new Error('Can\'t get the channel list.') } for (const channel of channels.data) { channel.livechatConfigurationUri = '/p/livechat/configuration/channel?channelId=' + encodeURIComponent(channel.id) } const view = { title: await peertubeHelpers.translate(LOC_LIVECHAT_CONFIGURATION_TITLE), description: await peertubeHelpers.translate(LOC_LIVECHAT_CONFIGURATION_DESC), please_select: await peertubeHelpers.translate(LOC_LIVECHAT_CONFIGURATION_PLEASE_SELECT), channels: channels.data } await _fillViewHelpButtons(registerClientOptions, view) return Mustache.render(MUSTACHE_CONFIGURATION_HOME, view) as string } catch (err: any) { peertubeHelpers.notifier.error(err.toString()) return '' } } async function _fillViewHelpButtons ( // TODO: refactor with the similar function in channel.ts registerClientOptions: RegisterClientOptions, view: any ): Promise { const title = await registerClientOptions.peertubeHelpers.translate(LOC_ONLINE_HELP) const button = async (page: string): Promise => { const helpUrl = await localizedHelpUrl(registerClientOptions, { page }) const helpIcon = helpButtonSVG() return `${helpIcon}` } view.helpButton = await button('documentation/user/streamers/channel') } export { renderConfigurationHome }