Better structure + channel home in LitElement format

client/common/configuration/services/channel-details.ts

@@ -0,0 +1,91 @@
+import type { RegisterClientOptions } from "@peertube/peertube-types/client"
+import { ChannelLiveChatInfos, ChannelConfiguration, ChannelConfigurationOptions } from "shared/lib/types"
+import { getBaseRoute } from "../../../utils/uri"
+
+
+export class ChannelDetailsService {
+
+  public _registerClientOptions: RegisterClientOptions
+
+  private _headers : any = {}
+
+  constructor(registerClientOptions: RegisterClientOptions) {
+    this._registerClientOptions = registerClientOptions
+
+    this._headers = this._registerClientOptions.peertubeHelpers.getAuthHeader() ?? {}
+    this._headers['content-type'] = 'application/json;charset=UTF-8'
+  }
+
+  validateOptions = (channelConfigurationOptions: ChannelConfigurationOptions) => {
+    return true
+  }
+
+  saveOptions = async (channelId: number, channelConfigurationOptions: ChannelConfigurationOptions) => {
+    if (!await this.validateOptions(channelConfigurationOptions)) {
+      throw new Error('Invalid form data')
+    }
+
+
+    const response = await fetch(
+      getBaseRoute(this._registerClientOptions) + '/api/configuration/channel/' + encodeURIComponent(channelId),
+      {
+        method: 'POST',
+        headers: this._headers,
+        body: JSON.stringify(channelConfigurationOptions)
+      }
+    )
+
+    if (!response.ok) {
+      throw new Error('Failed to save configuration options.')
+    }
+
+    return await response.json()
+  }
+
+  fetchUserChannels = async (username: string): Promise<ChannelLiveChatInfos[]> => {
+    // 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: this._headers
+      }
+    )).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)
+
+      // Note: since Peertube v6.0.0, channel.avatar is dropped, and we have to use channel.avatars.
+      // So, if !channel.avatar, we will search a suitable one in channel.avatars, and fill channel.avatar.
+      if (!channel.avatar && channel.avatars && Array.isArray(channel.avatars)) {
+        for (const avatar of channel.avatars) {
+          if (avatar.width === 120) {
+            channel.avatar = avatar
+            break
+          }
+        }
+      }
+    }
+
+    return channels.data
+  }
+
+  fetchConfiguration = async (channelId: number): Promise<ChannelConfiguration> => {
+    const response = await fetch(
+      getBaseRoute(this._registerClientOptions) + '/api/configuration/channel/' + encodeURIComponent(channelId),
+      {
+        method: 'GET',
+        headers: this._headers
+      }
+    )
+
+    if (!response.ok) {
+      throw new Error('Can\'t get channel configuration options.')
+    }
+
+    return await response.json()
+  }
+}