ontime/apps/client/src/common/api/customViews.ts

import axios from 'axios';
import { type CustomViewsListResponse, type MessageResponse } from 'ontime-types';

import { apiEntryUrl } from './constants';
import type { RequestOptions } from './requestOptions';
import { axiosConfig } from './requestTimeouts';
import { downloadBlob } from './utils';

const customViewsPath = `${apiEntryUrl}/custom-views`;

export async function getCustomViews(options?: RequestOptions): Promise<CustomViewsListResponse> {
  const response = await axios.get<CustomViewsListResponse>(customViewsPath, {
    signal: options?.signal,
    timeout: options?.timeout ?? axiosConfig.shortTimeout,
  });
  return response.data;
}

export async function uploadCustomView(slug: string, file: File, options?: RequestOptions): Promise<MessageResponse> {
  const formData = new FormData();
  formData.append('indexHtml', file);

  return (
    await axios.post<MessageResponse>(`${customViewsPath}/${encodeURIComponent(slug)}/upload`, formData, {
      signal: options?.signal,
      timeout: options?.timeout ?? axiosConfig.longTimeout,
      headers: {
        'Content-Type': 'multipart/form-data',
      },
    })
  ).data;
}

export async function downloadCustomView(slug: string, options?: RequestOptions): Promise<void> {
  const response = await axios.get(`${customViewsPath}/${encodeURIComponent(slug)}/download`, {
    signal: options?.signal,
    timeout: options?.timeout ?? axiosConfig.longTimeout,
    responseType: 'blob',
  });

  downloadBlob(response.data, `${slug}-index.html`);
}

export async function restoreDemoView(options?: RequestOptions): Promise<MessageResponse> {
  return (
    await axios.post<MessageResponse>(`${customViewsPath}/restore-demo`, null, {
      signal: options?.signal,
      timeout: options?.timeout ?? axiosConfig.longTimeout,
    })
  ).data;
}

export async function deleteCustomView(slug: string, options?: RequestOptions): Promise<void> {
  await axios.delete(`${customViewsPath}/${encodeURIComponent(slug)}`, {
    signal: options?.signal,
    timeout: options?.timeout ?? axiosConfig.longTimeout,
  });
}