upload

frontend/src/services/files.ts

@@ -0,0 +1,119 @@
+import axios from 'axios';
+
+const API_URL = process.env.REACT_APP_API_URL || 'http://localhost:8080/api/v1';
+
+export interface FileInfo {
+  id: number;
+  filename: string;
+  file_path: string;
+  file_url: string;
+  url: string;
+  file_size: number;
+  size: number;
+  mime_type: string;
+  uploaded_by?: {
+    id: number;
+    email: string;
+    first_name: string;
+    last_name: string;
+  };
+  created_at: string;
+  usages?: FileUsage[];
+  usage_count: number;
+  md5_hash?: string;
+}
+
+export interface FileUsage {
+  id: number;
+  file_id: number;
+  entity_type: string;
+  entity_id: number;
+  field_name: string;
+  entity_info?: {
+    type: string;
+    id: number;
+    title?: string;
+    name?: string;
+    slug?: string;
+    url?: string;
+    position?: string;
+  };
+}
+
+export interface DuplicateFiles {
+  [hash: string]: FileInfo[];
+}
+
+export const getAllFiles = async (params?: {
+  search?: string;
+  mime_type?: string;
+  sort_by?: string;
+  sort_order?: string;
+}): Promise<FileInfo[]> => {
+  const response = await axios.get(`${API_URL}/admin/files`, {
+    params,
+    withCredentials: true,
+  });
+  return response.data;
+};
+
+export const getUnusedFiles = async (): Promise<FileInfo[]> => {
+  const response = await axios.get(`${API_URL}/admin/files/unused`, {
+    withCredentials: true,
+  });
+  return response.data;
+};
+
+export const getDuplicateFiles = async (): Promise<DuplicateFiles> => {
+  const response = await axios.get(`${API_URL}/admin/files/duplicates`, {
+    withCredentials: true,
+  });
+  return response.data;
+};
+
+export const getFileUsages = async (fileId: number): Promise<any[]> => {
+  const response = await axios.get(`${API_URL}/admin/files/${fileId}/usages`, {
+    withCredentials: true,
+  });
+  return response.data;
+};
+
+export const deleteFile = async (fileId: number, force: boolean = false): Promise<void> => {
+  await axios.delete(`${API_URL}/admin/files/${fileId}`, {
+    params: { force },
+    withCredentials: true,
+  });
+};
+
+export const scanAndSyncFiles = async (): Promise<{
+  message: string;
+  found_files: number;
+  new_files: number;
+  orphaned_files: number;
+  skipped_files?: number;
+  new_files_list?: string[];
+  orphaned_list?: string[];
+}> => {
+  const response = await axios.post(`${API_URL}/admin/files/scan`, {}, {
+    withCredentials: true,
+  });
+  return response.data;
+};
+
+export const formatFileSize = (bytes: number): string => {
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
+};
+
+import { IconType } from 'react-icons';
+import { FiImage, FiFileText, FiVideo, FiFile } from 'react-icons/fi';
+
+export const getFileIcon = (mimeType: string): IconType => {
+  if (mimeType.startsWith('image/')) return FiImage;
+  if (mimeType === 'application/pdf') return FiFileText;
+  if (mimeType.startsWith('video/')) return FiVideo;
+  return FiFile;
+};