feat: make upload chunksize configurable

Author: NeoIsRecursive

client/src/components/Backup.vue

@@ -19,19 +19,23 @@ export default {
     "backup-listing": Listing,
     "backup-actions": Actions,
   },
+  props: {
+    chunkSize: {
+      type: Number,
+      default: 1 * 1024 * 1024, // 1MB
+    },
+  },
   created() {
+    console.log(this.chunkSize)
+    window.backup = {
+      chunkSize: this.chunkSize
+    };
+
     if (!this.$store.hasModule('backup-provider')) {
       this.$store.registerModule('backup-provider', store);
       this.$store.dispatch('backup-provider/pollEndpoint');
     }
   },
-  data() {
-    return {
-      serverState: "initializing",
-      uploads: [],
-      url: cp_url("/backups"),
-    };
-  },
   destroy() {
     this.$store.dispatch('backup-provider/stopPolling');
     this.$store.unregisterModule('backup-provider');

client/src/components/Upload.vue

@@ -51,6 +51,8 @@ export default {
         "X-CSRF-TOKEN":
           document.querySelector("input[name=_token]").value,
       },
+      chunkSize: window.backup.chunkSize || 1 * 1024 * 1024, // 1MB
+      forceChunkSize: true,
       maxChunkRetries: 1,
       maxFiles: 1,
       testChunks: false,

config/backup.php

@@ -10,6 +10,11 @@
         'path' => 'statamic-backups',
     ],
 
+    /**
+     * The upload chunk size
+     */
+    'chunk_size' => 2 * 1024 * 1024,
+
     /**
      * The directory where backup will put metadata files
      */

resources/views/backups.blade.php

@@ -5,6 +5,6 @@
 
 @csrf
 
-<itiden-backup />
+<itiden-backup :chunk-size="{{ config('backup.chunk_size') }}" />
 
 @endsection