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>([]) /** * Pagination state for dl fields list. */ const pagination = ref({ 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(false) /** * Indicates if an add/update operation is in progress. */ const addInProgress = ref(false) /** * Stores the last error message, if any. */ const lastError = ref(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): Array => { 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 => { 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 => { 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 => { 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(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 => { try { const response = await request(`/api/dl_fields/${id}`) await ensureSuccess(response) const json = await response.json() const field = await parse_api_response(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) => void, ): Promise => { 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(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) => void, ): Promise => { 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(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, callback?: (response: APIResponse) => void, ): Promise => { 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(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) => void, ): Promise => { 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, })