UPDATE icons
This commit is contained in:
123
frontend/src/utils/endpoints.ts
Normal file
123
frontend/src/utils/endpoints.ts
Normal file
@@ -0,0 +1,123 @@
|
||||
import type {VideoMetadata} from "./types.ts";
|
||||
|
||||
/**
|
||||
* Uploads a file to the backend.
|
||||
*/
|
||||
const uploadFile = async (file: File): Promise<string> => {
|
||||
const formData = new FormData();
|
||||
formData.append('file', file);
|
||||
|
||||
try {
|
||||
const response = await fetch('/api/v1/upload', {
|
||||
method: 'POST',
|
||||
body: formData,
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
console.error('File upload failed with status:', response.status);
|
||||
return '';
|
||||
}
|
||||
|
||||
return await response.text();
|
||||
} catch (error: unknown) {
|
||||
console.error('Error uploading file:', error);
|
||||
return '';
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Submits metadata changes to the backend.
|
||||
*/
|
||||
const editFile = async (
|
||||
uuid: string,
|
||||
videoMetadata: VideoMetadata
|
||||
): Promise<boolean> => {
|
||||
const formData = new URLSearchParams();
|
||||
|
||||
for (const [key, value] of Object.entries(videoMetadata)) {
|
||||
if (value !== undefined && value !== null) {
|
||||
formData.append(key, value.toString());
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await fetch(`/api/v1/edit/${uuid}`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
},
|
||||
body: formData.toString(),
|
||||
});
|
||||
|
||||
return response.ok;
|
||||
} catch (error: unknown) {
|
||||
console.error('Error editing file:', error);
|
||||
return false;
|
||||
}
|
||||
};
|
||||
/**
|
||||
* Triggers file processing.
|
||||
*/
|
||||
const processFile = async (uuid: string): Promise<boolean> => {
|
||||
try {
|
||||
const response = await fetch(`/api/v1/process/${uuid}`);
|
||||
return response.ok;
|
||||
} catch (error: unknown) {
|
||||
console.error('Error processing file:', error);
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Fetches the processing progress percentage.
|
||||
*/
|
||||
const getProgress = async (uuid: string): Promise<number> => {
|
||||
try {
|
||||
const response = await fetch(`/api/v1/progress/${uuid}`);
|
||||
|
||||
if (!response.ok) {
|
||||
console.error('Failed to fetch progress:', response.status);
|
||||
return 0;
|
||||
}
|
||||
|
||||
const result = await response.json();
|
||||
return parseFloat(result);
|
||||
} catch (error: unknown) {
|
||||
console.error('Error getting progress:', error);
|
||||
return 0;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Fetches original metadata from the backend.
|
||||
*/
|
||||
const getMetadata = async (uuid: string): Promise<VideoMetadata> => {
|
||||
try {
|
||||
const response = await fetch(`/api/v1/metadata/original/${uuid}`);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`Failed to fetch metadata: ${response.status}`);
|
||||
}
|
||||
|
||||
return await response.json();
|
||||
} catch (error: unknown) {
|
||||
console.error('Error fetching metadata:', error);
|
||||
|
||||
return {
|
||||
startPoint: 0,
|
||||
endPoint: 0,
|
||||
fps: 0,
|
||||
width: 0,
|
||||
height: 0,
|
||||
fileSize: 0,
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
export {
|
||||
uploadFile,
|
||||
editFile,
|
||||
processFile,
|
||||
getProgress,
|
||||
getMetadata,
|
||||
};
|
||||
Reference in New Issue
Block a user