Allow re-ordering testcases by dragging

Fixes #138

Author: celonymire

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 - Support for opened files without active workspaces
 - Icon to copy the text of the text boxes
+- Icon to drag testcase to new positions to be able to re-order them
 
 ### Changed
 

src/extension/providers/JudgeViewProvider.ts

@@ -37,6 +37,7 @@ import {
   NewInteractorSecretMessageSchema,
   NextMessageSchema,
   ProviderMessageSchema,
+  ReorderMessageSchema,
   RequestFullDataMessageSchema,
   RequestTrimmedDataMessageSchema,
   SaveMessageSchema,
@@ -705,6 +706,9 @@ export default class extends BaseViewProvider<typeof ProviderMessageSchema, Webv
       case "NEW_INTERACTOR_SECRET":
         this._newInteractorSecret(msg);
         break;
+      case "REORDER":
+        this._reorder(msg);
+        break;
     }
   }
 
@@ -1100,6 +1104,27 @@ export default class extends BaseViewProvider<typeof ProviderMessageSchema, Webv
     return newState.uuid;
   }
 
+  private _reorder({ sourceUuid, targetIndex }: v.InferOutput<typeof ReorderMessageSchema>) {
+    const sourceIndex = this._runtime.state.findIndex((testcase) => testcase.uuid === sourceUuid);
+    if (sourceIndex === -1) {
+      return;
+    }
+
+    const maxIndex = this._runtime.state.length - 1;
+    const clampedTargetIndex = Math.max(0, Math.min(Math.trunc(targetIndex), maxIndex));
+    if (sourceIndex === clampedTargetIndex) {
+      return;
+    }
+
+    const [moved] = this._runtime.state.splice(sourceIndex, 1);
+    if (!moved) {
+      return;
+    }
+
+    this._runtime.state.splice(clampedTargetIndex, 0, moved);
+    this.requestSave();
+  }
+
   private _createTestcaseState(mode: Mode, testcase: Partial<Testcase> | undefined, file: string) {
     const uuid = testcase?.uuid ?? crypto.randomUUID();
 

src/shared/judge-messages.ts

@@ -31,6 +31,10 @@ export const ProviderMessageTypeValues = [
   "TL",
   "ML",
   "COPY",
+  "REQUEST_TRIMMED_DATA",
+  "REQUEST_FULL_DATA",
+  "NEW_INTERACTOR_SECRET",
+  "REORDER",
 ] as const;
 
 export type ProviderMessageTypeValue = (typeof ProviderMessageTypeValues)[number];
@@ -105,6 +109,12 @@ export const NewInteractorSecretMessageSchema = v.object({
   data: v.string(),
 });
 
+export const ReorderMessageSchema = v.object({
+  type: v.literal("REORDER"),
+  sourceUuid: v.string(),
+  targetIndex: v.number(),
+});
+
 export const ProviderMessageSchema = v.union([
   LoadedMessageSchema,
   NextMessageSchema,
@@ -118,6 +128,7 @@ export const ProviderMessageSchema = v.union([
   RequestTrimmedDataMessageSchema,
   RequestFullDataMessageSchema,
   NewInteractorSecretMessageSchema,
+  ReorderMessageSchema,
 ]);
 
 export type ProviderMessage = v.InferOutput<typeof ProviderMessageSchema>;