From d0f40bec330fa19ba18ced241be22435d14e8070 Mon Sep 17 00:00:00 2001
From: b0ink <40929320+b0ink@users.noreply.github.com>
Date: Wed, 11 Feb 2026 15:12:51 +1100
Subject: [PATCH 1/3] feat: migrate to jplag report viewer v6.3.0

- now runs on vanilla JPlag report viewer
---
 .../jplag/jplag-report-viewer.component.html  |  1 -
 .../jplag/jplag-report-viewer.component.ts    | 52 ++++++++++++++-----
 2 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/src/app/projects/states/jplag/jplag-report-viewer.component.html b/src/app/projects/states/jplag/jplag-report-viewer.component.html
index c5c52c229e..5cc391a465 100644
--- a/src/app/projects/states/jplag/jplag-report-viewer.component.html
+++ b/src/app/projects/states/jplag/jplag-report-viewer.component.html
@@ -1,7 +1,6 @@
 <iframe
   [hidden]="hidden"
   #jplagIframe
-  src="/JPlag/"
   frameborder="0"
   style="overflow: hidden"
   class="w-full h-screen overflow-hidden"
diff --git a/src/app/projects/states/jplag/jplag-report-viewer.component.ts b/src/app/projects/states/jplag/jplag-report-viewer.component.ts
index 1b6bf53b71..ab2e0d72a5 100644
--- a/src/app/projects/states/jplag/jplag-report-viewer.component.ts
+++ b/src/app/projects/states/jplag/jplag-report-viewer.component.ts
@@ -1,4 +1,5 @@
 import {Component, ElementRef, Input, ViewChild} from '@angular/core';
+import {AlertService} from 'src/app/common/services/alert.service';
 
 @Component({
   selector: 'f-jplag-report-viewer',
@@ -9,21 +10,46 @@ export class JplagReportViewerComponent {
 
   @Input() hidden: boolean = false;
 
+  constructor(private alertService: AlertService) {}
+
   public uploadReport(file: Blob) {
-    // Send the JPlag report to load
-    this.jplagIframe.nativeElement.contentWindow?.postMessage({
-      type: 'upload-jplag-report',
-      file: file,
-      name: 'report.jplag',
-    });
+    const blobUrl = URL.createObjectURL(file);
+    this.jplagIframe.nativeElement.src = `/JPlag/?file=${encodeURIComponent(blobUrl)}`;
   }
 
-  public openComparison(firstSubmissionId: string, secondSubmissionId: string) {
-    // Open comparisons between these two submissions (student usernames)
-    this.jplagIframe.nativeElement.contentWindow?.postMessage({
-      type: 'open-comparison',
-      firstSubmissionId,
-      secondSubmissionId,
-    });
+  public openComparison(first: string, second: string) {
+    const iframe = this.jplagIframe.nativeElement;
+
+    const tryClick = () => {
+      const doc = iframe.contentDocument;
+      if (!doc) return false;
+
+      const el =
+        doc.querySelector(`a[href="/JPlag/comparison/${first}/${second}"]`) ||
+        doc.querySelector(`a[href="/JPlag/comparison/${second}/${first}"]`);
+
+      if (el) {
+        (el as HTMLElement).click();
+        return true;
+      }
+
+      return false;
+    };
+
+    // Attempt to find the Vue component for 5 seconds
+    let elapsed = 0;
+    const interval = setInterval(() => {
+      if (tryClick()) {
+        clearInterval(interval);
+        return;
+      }
+
+      elapsed += 50;
+
+      if (elapsed >= 5000) {
+        clearInterval(interval);
+        this.alertService.error('Could not open JPlag comparison.', 6000);
+      }
+    }, 50);
   }
 }

From accce282de1d33cc7425b32cd8b965ce50e06829 Mon Sep 17 00:00:00 2001
From: b0ink <40929320+b0ink@users.noreply.github.com>
Date: Wed, 11 Feb 2026 16:34:55 +1100
Subject: [PATCH 2/3] chore: update jplag build

---
 JPlag-Report-Viewer | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/JPlag-Report-Viewer b/JPlag-Report-Viewer
index 26e62e17b1..4132c30d9e 160000
--- a/JPlag-Report-Viewer
+++ b/JPlag-Report-Viewer
@@ -1 +1 @@
-Subproject commit 26e62e17b11b136af5568c78327cfec82a691034
+Subproject commit 4132c30d9ed5606df4648a7f1494ca751d3dca49

From f8561a765d6da800826e5a9e328d287ff377303f Mon Sep 17 00:00:00 2001
From: b0ink <40929320+b0ink@users.noreply.github.com>
Date: Thu, 12 Feb 2026 10:09:43 +1100
Subject: [PATCH 3/3] chore: rename variable

---
 .../states/jplag/jplag-report-viewer.component.ts         | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/projects/states/jplag/jplag-report-viewer.component.ts b/src/app/projects/states/jplag/jplag-report-viewer.component.ts
index ab2e0d72a5..2f052d359d 100644
--- a/src/app/projects/states/jplag/jplag-report-viewer.component.ts
+++ b/src/app/projects/states/jplag/jplag-report-viewer.component.ts
@@ -17,7 +17,7 @@ export class JplagReportViewerComponent {
     this.jplagIframe.nativeElement.src = `/JPlag/?file=${encodeURIComponent(blobUrl)}`;
   }
 
-  public openComparison(first: string, second: string) {
+  public openComparison(firstSubmissionId: string, secondSubmissionId: string) {
     const iframe = this.jplagIframe.nativeElement;
 
     const tryClick = () => {
@@ -25,8 +25,10 @@ export class JplagReportViewerComponent {
       if (!doc) return false;
 
       const el =
-        doc.querySelector(`a[href="/JPlag/comparison/${first}/${second}"]`) ||
-        doc.querySelector(`a[href="/JPlag/comparison/${second}/${first}"]`);
+        doc.querySelector(
+          `a[href="/JPlag/comparison/${firstSubmissionId}/${secondSubmissionId}"]`,
+        ) ||
+        doc.querySelector(`a[href="/JPlag/comparison/${secondSubmissionId}/${firstSubmissionId}"]`);
 
       if (el) {
         (el as HTMLElement).click();