ytptube/ui/app/composables/useDlFields.ts

import { ref, readonly } from 'vue';

import { useNotification } from '~/composables/useNotification';
import { request, parse_list_response, parse_api_response, parse_api_error } from '~/utils';
import type { DLField, DLFieldRequest } from '~/types/dl_fields';
import type { APIResponse, Pagination } from '~/types/responses';

/**
 * List of all dl fields in memory.
 */
const dlFields = ref<Array<DLField>>([]);
/**
 * Pagination state for dl fields list.
 */
const pagination = ref<Pagination>({
  page: 1,
  per_page: 50,
  total: 0,
  total_pages: 0,
  has_next: false,
  has_prev: false,
});
/**
 * Indicates if a request is in progress.
 */
const isLoading = ref<boolean>(false);
/**
 * Indicates if an add/update operation is in progress.
 */
const addInProgress = ref<boolean>(false);
/**
 * Stores the last error message, if any.
 */
const lastError = ref<string | null>(null);
/**
 * If true, methods will throw errors instead of returning null/false (for testing)
 */
const throwInstead = ref(false);
/**
 * Notification composable for showing success/error messages.
 */
const notify = useNotification();

/**
 * Sorts dl fields by order (ascending), then name (A-Z).
 * @param items Array of DLField
 * @returns Sorted array of DLField
 */
const sortDlFields = (items: Array<DLField>): Array<DLField> => {
  return [...items].sort((a, b) => {
    if (a.order === b.order) {
      return a.name.localeCompare(b.name);
    }

    return a.order - b.order;
  });
};

/**
 * Safely reads JSON from a Response, returns null on error.
 * @param response Fetch Response object
 * @returns Parsed JSON or null
 */
const readJson = async (response: Response): Promise<unknown> => {
  try {
    const clone = response.clone();
    return await clone.json();
  } catch {
    return null;
  }
};

/**
 * Throws an error if the response is not OK, using API error message if available.
 * @param response Fetch Response object
 * @throws Error with message from API or status code
 */
const ensureSuccess = async (response: Response): Promise<void> => {
  if (response.ok) {
    return;
  }

  const payload = await readJson(response);
  const message = await parse_api_error(payload);
  throw new Error(message);
};

/**
 * Handles errors by updating lastError and showing a notification.
 * @param error Error object or unknown
 */
const handleError = (error: unknown): void => {
  const message = error instanceof Error ? error.message : 'Unexpected error occurred.';
  lastError.value = message;
  notify.error(message);
};

/**
 * Updates or adds a dl field in the dlFields list, keeping sort order.
 * Also increments pagination.total if it's a new dl field.
 * @param field DLField to update/add
 */
const updateDlFields = (field: DLField): void => {
  const isNew = !dlFields.value.some((item) => item.id === field.id);
  dlFields.value = sortDlFields([...dlFields.value.filter((item) => item.id !== field.id), field]);
  if (isNew) {
    pagination.value.total++;
  }
};

/**
 * Removes a dl field from the dlFields list by ID.
 * Also decrements pagination.total.
 * @param id DLField ID
 */
const removeDlField = (id: number) => {
  const initialLength = dlFields.value.length;
  dlFields.value = dlFields.value.filter((item) => item.id !== id);
  if (dlFields.value.length < initialLength) {
    pagination.value.total = Math.max(0, pagination.value.total - 1);
  }
};

/**
 * Loads all dl fields from the API with pagination support.
 * Updates dlFields, pagination, and lastError.
 * @param page Page number
 * @param perPage Items per page
 */
const loadDlFields = async (
  page: number = 1,
  perPage: number | undefined = undefined,
): Promise<void> => {
  isLoading.value = true;
  try {
    let url = `/api/dl_fields/?page=${page}`;
    if (perPage !== undefined) {
      url += `&per_page=${perPage}`;
    }
    const response = await request(url);
    await ensureSuccess(response);

    const json = await response.json();
    const { items, pagination: paginationData } = await parse_list_response<DLField>(json);

    dlFields.value = sortDlFields(items);
    pagination.value = paginationData;
    lastError.value = null;
  } catch (error) {
    handleError(error);
    if (throwInstead.value) throw error;
  } finally {
    isLoading.value = false;
  }
};

/**
 * Fetches a single dl field by ID from the API.
 * @param id DLField ID
 * @returns DLField or null on error
 */
const getDlField = async (id: number): Promise<DLField | null> => {
  try {
    const response = await request(`/api/dl_fields/${id}`);
    await ensureSuccess(response);

    const json = await response.json();
    const field = await parse_api_response<DLField>(json);

    lastError.value = null;
    return field;
  } catch (error) {
    handleError(error);
    if (throwInstead.value) throw error;
    return null;
  }
};

/**
 * Creates a new dl field via API.
 * @param field DLFieldRequest to create
 * @param callback Optional callback with APIResponse result
 * @returns Created DLField or null on error
 */
const createDlField = async (
  field: DLFieldRequest,
  callback?: (response: APIResponse<DLField>) => void,
): Promise<DLField | null> => {
  addInProgress.value = true;
  try {
    const response = await request('/api/dl_fields/', {
      method: 'POST',
      body: JSON.stringify(field),
    });

    await ensureSuccess(response);

    const json = await response.json();
    const created = await parse_api_response<DLField>(json);

    updateDlFields(created);
    notify.success('DL field created.');
    lastError.value = null;

    if (callback) {
      callback({ success: true, error: null, detail: null, data: created });
    }

    return created;
  } catch (error) {
    const errorMessage = error instanceof Error ? error.message : 'Unexpected error occurred.';
    handleError(error);

    if (callback) {
      callback({ success: false, error: errorMessage, detail: error, data: undefined });
    }

    if (throwInstead.value) throw error;
    return null;
  } finally {
    addInProgress.value = false;
  }
};

/**
 * Updates an existing dl field via API (PUT - full update).
 * @param id DLField ID
 * @param field Updated DLField data
 * @param callback Optional callback with APIResponse result
 * @returns Updated DLField or null on error
 */
const updateDlField = async (
  id: number,
  field: DLField,
  callback?: (response: APIResponse<DLField>) => void,
): Promise<DLField | null> => {
  addInProgress.value = true;
  try {
    if (field.id) {
      field.id = undefined;
    }
    const response = await request(`/api/dl_fields/${id}`, {
      method: 'PUT',
      body: JSON.stringify(field),
    });

    await ensureSuccess(response);

    const json = await response.json();
    const updated = await parse_api_response<DLField>(json);

    updateDlFields(updated);
    notify.success(`DL field '${updated.name}' updated.`);
    lastError.value = null;

    if (callback) {
      callback({ success: true, error: null, detail: null, data: updated });
    }

    return updated;
  } catch (error) {
    const errorMessage = error instanceof Error ? error.message : 'Unexpected error occurred.';
    handleError(error);

    if (callback) {
      callback({ success: false, error: errorMessage, detail: error, data: undefined });
    }

    if (throwInstead.value) throw error;
    return null;
  } finally {
    addInProgress.value = false;
  }
};

/**
 * Partially updates an existing dl field via API (PATCH).
 * @param id DLField ID
 * @param patch Partial DLField data to update
 * @param callback Optional callback with APIResponse result
 * @returns Updated DLField or null on error
 */
const patchDlField = async (
  id: number,
  patch: Partial<DLField>,
  callback?: (response: APIResponse<DLField>) => void,
): Promise<DLField | null> => {
  addInProgress.value = true;
  try {
    if (patch.id) {
      patch.id = undefined;
    }
    const response = await request(`/api/dl_fields/${id}`, {
      method: 'PATCH',
      body: JSON.stringify(patch),
    });

    await ensureSuccess(response);

    const json = await response.json();
    const updated = await parse_api_response<DLField>(json);

    updateDlFields(updated);
    notify.success(`DL field '${updated.name}' updated.`);
    lastError.value = null;

    if (callback) {
      callback({ success: true, error: null, detail: null, data: updated });
    }

    return updated;
  } catch (error) {
    const errorMessage = error instanceof Error ? error.message : 'Unexpected error occurred.';
    handleError(error);

    if (callback) {
      callback({ success: false, error: errorMessage, detail: error, data: undefined });
    }

    if (throwInstead.value) throw error;
    return null;
  } finally {
    addInProgress.value = false;
  }
};

/**
 * Deletes a dl field by ID via API.
 * @param id DLField ID
 * @param callback Optional callback with APIResponse result
 * @returns true if deleted, false on error
 */
const deleteDlField = async (
  id: number,
  callback?: (response: APIResponse<boolean>) => void,
): Promise<boolean> => {
  try {
    const response = await request(`/api/dl_fields/${id}`, { method: 'DELETE' });
    await ensureSuccess(response);

    removeDlField(id);
    notify.success('DL field deleted.');
    lastError.value = null;

    if (callback) {
      callback({ success: true, error: null, detail: null, data: true });
    }

    return true;
  } catch (error) {
    const errorMessage = error instanceof Error ? error.message : 'Unexpected error occurred.';
    handleError(error);

    if (callback) {
      callback({ success: false, error: errorMessage, detail: error, data: false });
    }

    if (throwInstead.value) throw error;
    return false;
  }
};

/**
 * Clears the last error message.
 */
const clearError = () => (lastError.value = null);

/**
 * useDlFields composable
 *
 * Returns reactive state and CRUD methods for dl fields.
 * @returns Object with state and API methods
 */
export const useDlFields = () => ({
  dlFields: readonly(dlFields),
  pagination: readonly(pagination),
  isLoading: readonly(isLoading),
  addInProgress: readonly(addInProgress),
  lastError: readonly(lastError),
  loadDlFields,
  getDlField,
  createDlField,
  updateDlField,
  patchDlField,
  deleteDlField,
  clearError,
  throwInstead,
});