Files
warren/frontend/lib/api/warrens.ts
2025-07-19 13:39:28 +02:00

269 lines
6.4 KiB
TypeScript

import { toast } from 'vue-sonner';
import type { DirectoryEntry } from '~/types';
import type { ApiResponse } from '~/types/api';
import type { Warren } from '~/types/warrens';
import { getApiHeaders } from '.';
export async function getWarrens(): Promise<Record<string, Warren>> {
const { data, error } = await useFetch<ApiResponse<{ warrens: Warren[] }>>(
getApiUrl('warrens'),
{
method: 'GET',
headers: getApiHeaders(),
}
);
if (data.value == null) {
throw error.value?.name;
}
const warrens: Record<string, Warren> = {};
for (const warren of data.value.data.warrens) {
warrens[warren.id] = warren;
}
return warrens;
}
export async function getWarrenDirectory(
warrenId: string,
path: string
): Promise<DirectoryEntry[]> {
const { data, error } = await useFetch<
ApiResponse<{ files: DirectoryEntry[] }>
>(getApiUrl(`warrens/files`), {
method: 'POST',
headers: getApiHeaders(),
body: JSON.stringify({
warrenId,
path,
}),
});
if (data.value == null) {
throw error.value?.name;
}
const { files } = data.value.data;
return files;
}
export async function createDirectory(
warrenId: string,
path: string,
directoryName: string
): Promise<{ success: boolean }> {
if (!path.endsWith('/')) {
path += '/';
}
path += directoryName;
const { status } = await useFetch(getApiUrl(`warrens/files/directory`), {
method: 'POST',
headers: getApiHeaders(),
body: JSON.stringify({
warrenId,
path,
}),
});
if (status.value !== 'success') {
toast.error('Directory', {
id: 'CREATE_DIRECTORY_TOAST',
description: `Failed to create directory`,
});
return { success: false };
}
await refreshNuxtData('current-directory');
toast.success('Directory', {
id: 'CREATE_DIRECTORY_TOAST',
description: `Successfully created directory: ${directoryName}`,
});
return { success: true };
}
export async function deleteWarrenDirectory(
warrenId: string,
path: string,
directoryName: string,
force: boolean
): Promise<{ success: boolean }> {
if (!path.endsWith('/')) {
path += '/';
}
path += directoryName;
const { status } = await useFetch(getApiUrl(`warrens/files/directory`), {
method: 'DELETE',
headers: getApiHeaders(),
body: JSON.stringify({
warrenId,
path,
force,
}),
});
const TOAST_TITLE = 'Directory';
if (status.value !== 'success') {
toast.error(TOAST_TITLE, {
id: 'DELETE_DIRECTORY_TOAST',
description: `Failed to delete directory`,
});
return { success: false };
}
await refreshNuxtData('current-directory');
toast.success(TOAST_TITLE, {
id: 'DELETE_DIRECTORY_TOAST',
description: `Successfully deleted ${directoryName}`,
});
return { success: true };
}
export async function deleteWarrenFile(
warrenId: string,
path: string,
fileName: string
): Promise<{ success: boolean }> {
if (!path.endsWith('/')) {
path += '/';
}
path += fileName;
const { status } = await useFetch(getApiUrl(`warrens/files/file`), {
method: 'DELETE',
headers: getApiHeaders(),
body: JSON.stringify({
warrenId,
path,
}),
});
const TOAST_TITLE = 'File';
if (status.value !== 'success') {
toast.error(TOAST_TITLE, {
id: 'DELETE_FILE_TOAST',
description: `Failed to delete file`,
});
return { success: false };
}
await refreshNuxtData('current-directory');
toast.success(TOAST_TITLE, {
id: 'DELETE_FILE_TOAST',
description: `Successfully deleted ${fileName}`,
});
return { success: true };
}
export async function uploadToWarren(
warrenId: string,
path: string,
files: FileList,
onProgress: ((loaded: number, total: number) => void) | undefined
): Promise<{ success: boolean }> {
const xhr = new XMLHttpRequest();
xhr.open('POST', getApiUrl(`warrens/files/upload`));
xhr.upload.onprogress = (e) => {
onProgress?.(e.loaded, e.total);
};
const promise = new Promise<void>((res, rej) => {
xhr.onreadystatechange = (_) => {
if (xhr.readyState !== 4) {
return;
}
if (xhr.status >= 200 && xhr.status <= 300) {
res();
} else {
rej();
}
};
});
const body = new FormData();
body.set('warrenId', warrenId);
body.set('path', path);
for (const file of files) {
body.append('files', file);
}
const headers = getApiHeaders();
for (const [key, value] of Object.entries(headers)) {
xhr.setRequestHeader(key, value);
}
xhr.send(body);
try {
await promise;
} catch {
toast.error('Upload', {
id: 'UPLOAD_FILE_TOAST',
description: `Failed to upload`,
});
return { success: false };
}
await refreshNuxtData('current-directory');
toast.success('Upload', {
id: 'UPLOAD_FILE_TOAST',
description: `Successfully uploaded ${files.length} file${files.length !== 1 ? 's' : ''}`,
});
return { success: true };
}
export async function renameWarrenEntry(
warrenId: string,
path: string,
currentName: string,
newName: string
): Promise<{ success: boolean }> {
if (!path.endsWith('/')) {
path += '/';
}
path += currentName;
const { status } = await useFetch(getApiUrl(`warrens/files/rename`), {
method: 'PATCH',
headers: getApiHeaders(),
body: JSON.stringify({
warrenId,
path,
newName,
}),
});
if (status.value !== 'success') {
toast.error('Rename', {
id: 'RENAME_FILE_TOAST',
description: `Failed to rename ${currentName}`,
});
return { success: false };
}
await refreshNuxtData('current-directory');
toast.success('Rename', {
id: 'RENAME_FILE_TOAST',
description: `Successfully renamed ${currentName} to ${newName}`,
});
return { success: true };
}