Refactor Channel endpoints and data models: replace jingle functionality with bumper templates, update related commands and handlers, and enhance API routes for managing bumper templates. Remove obsolete jingle-related code and adjust channel data structures to support new bumper template features.

frontend/src/features/admin/channels/api.ts

@@ -70,23 +70,48 @@ export function removeChannelAd(id: string, channelAdId: string) {
   return apiRequest<void>(`/admin/channels/${id}/ads/${channelAdId}`, { method: 'DELETE' })
 }
 
-export function addChannelJingle(id: string, mediaAssetId: string) {
-  return apiRequest<CreatedIdResponse>(`/admin/channels/${id}/jingles`, {
+export type BumperTemplateStyleBody = {
+  name: string
+  backgroundColor: string
+  backgroundColor2: string
+  accentColor: string
+  textColor: string
+}
+
+export function addBumperTemplate(id: string, name: string) {
+  return apiRequest<CreatedIdResponse>(`/admin/channels/${id}/bumper/templates`, {
     method: 'POST',
-    body: { mediaAssetId },
+    body: { name },
   })
 }
 
-export function removeChannelJingle(id: string, channelJingleId: string) {
-  return apiRequest<void>(`/admin/channels/${id}/jingles/${channelJingleId}`, { method: 'DELETE' })
+export function updateBumperTemplate(id: string, templateId: string, body: BumperTemplateStyleBody) {
+  return apiRequest<void>(`/admin/channels/${id}/bumper/templates/${templateId}`, {
+    method: 'PUT',
+    body,
+  })
 }
 
-/** Загрузка сырого файла заставки (фон/музыка): тело — файл, имя — в query (как в uploadMedia). */
-function uploadBumperFile(id: string, kind: 'background' | 'music', file: File): Promise<void> {
+export function removeBumperTemplate(id: string, templateId: string) {
+  return apiRequest<void>(`/admin/channels/${id}/bumper/templates/${templateId}`, {
+    method: 'DELETE',
+  })
+}
+
+/** Загрузка сырого файла блока (звук/фон): тело — файл, имя — в query (как в uploadMedia). */
+function uploadBumperTemplateFile(
+  id: string,
+  templateId: string,
+  kind: 'audio' | 'background',
+  file: File,
+): Promise<void> {
   return new Promise((resolve, reject) => {
     const xhr = new XMLHttpRequest()
     const query = new URLSearchParams({ fileName: file.name })
-    xhr.open('PUT', `/api/admin/channels/${id}/bumper/${kind}?${query.toString()}`)
+    xhr.open(
+      'PUT',
+      `/api/admin/channels/${id}/bumper/templates/${templateId}/${kind}?${query.toString()}`,
+    )
     const token = getAccessToken()
     if (token) xhr.setRequestHeader('Authorization', `Bearer ${token}`)
     xhr.onload = () => {
@@ -108,20 +133,35 @@ function uploadBumperFile(id: string, kind: 'background' | 'music', file: File):
   })
 }
 
-export function uploadBumperBackground(id: string, file: File) {
-  return uploadBumperFile(id, 'background', file)
+export function uploadBumperTemplateAudio(id: string, templateId: string, file: File) {
+  return uploadBumperTemplateFile(id, templateId, 'audio', file)
 }
 
-export function uploadBumperMusic(id: string, file: File) {
-  return uploadBumperFile(id, 'music', file)
+export function uploadBumperTemplateBackground(id: string, templateId: string, file: File) {
+  return uploadBumperTemplateFile(id, templateId, 'background', file)
 }
 
-export function clearBumperBackground(id: string) {
-  return apiRequest<void>(`/admin/channels/${id}/bumper/background`, { method: 'DELETE' })
+export function clearBumperTemplateAudio(id: string, templateId: string) {
+  return apiRequest<void>(`/admin/channels/${id}/bumper/templates/${templateId}/audio`, {
+    method: 'DELETE',
+  })
 }
 
-export function clearBumperMusic(id: string) {
-  return apiRequest<void>(`/admin/channels/${id}/bumper/music`, { method: 'DELETE' })
+export function clearBumperTemplateBackground(id: string, templateId: string) {
+  return apiRequest<void>(`/admin/channels/${id}/bumper/templates/${templateId}/background`, {
+    method: 'DELETE',
+  })
+}
+
+/** Синхронно рендерит пример заставки блока (сервер собирает ffmpeg-клип). */
+export function renderBumperPreview(id: string, templateId: string) {
+  return apiRequest<void>(`/admin/channels/${id}/bumper/templates/${templateId}/preview`, {
+    method: 'POST',
+  })
+}
+
+export function bumperPreviewPlaylistUrl(id: string, templateId: string) {
+  return `/api/admin/channels/${id}/bumper/templates/${templateId}/preview/index.m3u8`
 }
 
 export type OverrideBody = {