Solutions

assets/js/challenges.js

@@ -69,6 +69,7 @@ Alpine.data("Challenge", () => ({
   tab: null,
   solves: [],
   submissions: [],
+  solution: null,
   response: null,
   share_url: null,
   max_attempts: 0,
@@ -132,6 +133,20 @@ Alpine.data("Challenge", () => ({
     new Tab(this.$el).show();
   },
 
+  getSolutionId() {
+    let data = Alpine.store("challenge").data;
+    return data.solution_id;
+  },
+
+  async showSolution() {
+    let solution_id = this.getSolutionId();
+    CTFd._functions.challenge.displaySolution = solution => {
+      this.solution = solution.html;
+      new Tab(this.$el).show();
+    };
+    await CTFd.pages.challenge.displaySolution(solution_id);
+  },
+
   getNextId() {
     let data = Alpine.store("challenge").data;
     return data.next_id;

package.json

@@ -3,14 +3,14 @@
   "private": true,
   "version": "0.0.1",
   "scripts": {
-    "dev": "vite build --watch",
+    "dev": "vite build --watch --mode=development",
     "build": "vite build",
     "format": "prettier --write assets/",
     "lint": "prettier --check assets/",
     "verify": "vite build; git diff --quiet --exit-code"
   },
   "dependencies": {
-    "@ctfdio/ctfd-js": "^0.0.15",
+    "@ctfdio/ctfd-js": "^0.0.17",
     "@fontsource/lato": "^4.5.3",
     "@fontsource/raleway": "^4.5.3",
     "@fortawesome/fontawesome-free": "6.5.1",

static/assets/page.2f07bf20.js

@@ -0,0 +1 @@
+import{C as o,m as d}from"./index.993fb568.js";window.CTFd=o;window.Alpine=d;d.start();