Fix 50+ task creation with Discord bot enabled

Since we do not support batch importing tasks, the frontend spams the backend with a lot of task creations.
Due to throttling from Discord, it fails to create the extra Discord category for 50+ challenges.
This will break the channel creation.

So the fix for this without supporting batch import, is to import with batches from 10 where each first task is done in serial and the other 9 in parallel.

Author: JJ-8

api/src/discord/agile/hooks.ts

@@ -198,7 +198,7 @@ const discordMutationHook = (_build: Build) => (fieldContext: Context<any>) => {
     //add challenges to the ctf channel discord
     switch (fieldContext.scope.fieldName) {
       case "createTask":
-        handleCreateTask(
+        await handleCreateTask(
           guild,
           args.input.ctfId,
           args.input.title,

front/src/components/Dialogs/TaskImportDialog.vue

@@ -281,11 +281,30 @@ export default defineComponent({
       }));
     },
     async createTasks(tasks: ParsedTask[]) {
-      for (const task of tasks) {
-        const r = await this.createTask(this.ctf.id, task);
-        const newTask = r?.data?.createTask?.task;
-        if (newTask) {
-          await this.addTagsForTask(task.tags, makeId(newTask.id));
+      const batchSize = 10;
+      for (let i = 0; i < tasks.length; i += batchSize) {
+        const batch = tasks.slice(i, i + batchSize);
+        // Process the first task in the batch serially
+        // to make sure the Discord bot will create the categories correctly.
+        if (batch.length > 0) {
+          const firstTask = batch[0];
+          const r = await this.createTask(this.ctf.id, firstTask);
+          const newTask = r?.data?.createTask?.task;
+          if (newTask) {
+            await this.addTagsForTask(firstTask.tags, makeId(newTask.id));
+          }
+        }
+        // Process the rest of the batch in parallel
+        if (batch.length > 1) {
+          await Promise.all(
+            batch.slice(1).map(async (task) => {
+              const r = await this.createTask(this.ctf.id, task);
+              const newTask = r?.data?.createTask?.task;
+              if (newTask) {
+                return this.addTagsForTask(task.tags, makeId(newTask.id));
+              }
+            }),
+          );
         }
       }
     },