Fix fe to refetch list on upload and be to enfore max backups

Author: NeoIsRecursive

client/src/components/Actions.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col items-end w-full">
     <div class="flex justify-end">
-      <upload :files="files" v-on:uploaded="handleFileUploaded" />
+      <upload :files="files" />
 
       <button
         v-if="canCreateBackups.isPermitted"
@@ -37,7 +37,11 @@ export default {
     upload: UploadButton,
     "upload-status": UploadStatus,
   },
-
+  mounted(){
+    this.$root.$on("uploaded", (file) => {
+      this.files = this.files.filter((item) => item.file.uniqueIdentifier !== file.uniqueIdentifier)
+    });
+  },
   data() {
     return {
       files: [],
@@ -57,9 +61,6 @@ export default {
     },
   },
   methods: {
-    handleFileUploaded(file) {
-      this.files = this.files.filter((item) => item.file.uniqueIdentifier !== file.uniqueIdentifier)
-    },
     backup() {
       this.loading = true;
       this.confirming = false;

client/src/components/Listing.vue

@@ -92,7 +92,8 @@ export default {
   mixins: [Listing],
 
   mounted() {
-    this.$on("onDestroyed", this.request);
+    this.$on("onDestroyed", this.request); // refetch backup list after destroy is completed
+    this.$root.$on("uploaded", this.request); // refetch backup list after upload is completed
   },
   watch: {
     status(newStatus, oldStatus) {

client/src/components/Upload.vue

@@ -89,7 +89,7 @@ export default {
     this.resumable.on("fileSuccess", (file, event) => {
       const data = JSON.parse(event);;
       this.$toast.success(data.message);
-      this.$emit("uploaded", file);
+      this.$root.$emit("uploaded", file);
     });
 
     this.resumable.on("fileError", (file, event) => {

src/Backuper.php

@@ -121,7 +121,7 @@ private function resolveMetaFromZip(Zipper $zip): Collection
     /**
      * Remove oldest backups when max backups is exceeded if it's present.
      */
-    private function enforceMaxBackups(): void
+    public function enforceMaxBackups(): void
     {
         $maxBackups = config('backup.max_backups', false);
         if (!$maxBackups) {

src/Http/Controllers/UploadController.php

@@ -6,6 +6,7 @@
 
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
+use Itiden\Backup\Backuper;
 use Itiden\Backup\Contracts\Repositories\BackupRepository;
 use Itiden\Backup\DataTransferObjects\ChunkyTestDto;
 use Itiden\Backup\DataTransferObjects\ChunkyUploadDto;
@@ -14,12 +15,14 @@
 
 final readonly class UploadController
 {
-    public function __invoke(ChunkyUploadRequest $request, BackupRepository $repo): JsonResponse
+    public function __invoke(ChunkyUploadRequest $request, BackupRepository $repo, Backuper $backuper): JsonResponse
     {
         return Chunky::put(ChunkyUploadDto::fromRequest($request), onCompleted: function (string $completeFile) use (
             $repo,
+            $backuper,
         ): void {
             $repo->add($completeFile);
+            $backuper->enforceMaxBackups();
         });
     }