Add support for compressing items in the file manager

resources/scripts/api/server/files/compressFiles.ts

@@ -0,0 +1,12 @@
+import { FileObject } from '@/api/server/files/loadDirectory';
+import http from '@/api/http';
+import { rawDataToFileObject } from '@/api/transformers';
+
+export default async (uuid: string, directory: string, files: string[]): Promise<FileObject> => {
+    const { data } = await http.post(`/api/client/servers/${uuid}/files/compress`, { root: directory, files }, {
+        timeout: 300000,
+        timeoutErrorMessage: 'It looks like this archive is taking a long time to generate. It will appear when completed.',
+    });
+
+    return rawDataToFileObject(data);
+};

resources/scripts/api/server/files/loadDirectory.ts

@@ -1,5 +1,5 @@
 import http from '@/api/http';
-import v4 from 'uuid/v4';
+import { rawDataToFileObject } from '@/api/transformers';
 
 export interface FileObject {
     uuid: string;
@@ -19,16 +19,5 @@ export default async (uuid: string, directory?: string): Promise<FileObject[]> =
         params: { directory },
     });
 
-    return (data.data || []).map((item: any): FileObject => ({
-        uuid: v4(),
-        name: item.attributes.name,
-        mode: item.attributes.mode,
-        size: Number(item.attributes.size),
-        isFile: item.attributes.is_file,
-        isSymlink: item.attributes.is_symlink,
-        isEditable: item.attributes.is_editable,
-        mimetype: item.attributes.mimetype,
-        createdAt: new Date(item.attributes.created_at),
-        modifiedAt: new Date(item.attributes.modified_at),
-    }));
+    return (data.data || []).map(rawDataToFileObject);
 };

resources/scripts/api/transformers.ts

@@ -1,5 +1,7 @@
 import { Allocation } from '@/api/server/getServer';
 import { FractalResponseData } from '@/api/http';
+import { FileObject } from '@/api/server/files/loadDirectory';
+import v4 from 'uuid/v4';
 
 export const rawDataToServerAllocation = (data: FractalResponseData): Allocation => ({
     id: data.attributes.id,
@@ -9,3 +11,16 @@ export const rawDataToServerAllocation = (data: FractalResponseData): Allocation
     notes: data.attributes.notes,
     isDefault: data.attributes.is_default,
 });
+
+export const rawDataToFileObject = (data: FractalResponseData): FileObject => ({
+    uuid: v4(),
+    name: data.attributes.name,
+    mode: data.attributes.mode,
+    size: Number(data.attributes.size),
+    isFile: data.attributes.is_file,
+    isSymlink: data.attributes.is_symlink,
+    isEditable: data.attributes.is_editable,
+    mimetype: data.attributes.mimetype,
+    createdAt: new Date(data.attributes.created_at),
+    modifiedAt: new Date(data.attributes.modified_at),
+});