Added: Reviewer entrypoint

qt/aqt/mediasrv.py

@@ -334,7 +334,7 @@ def is_sveltekit_page(path: str) -> bool:
         "import-csv",
         "import-page",
         "image-occlusion",
-        "reviewer-bottom",
+        "reviewer",
     ]
 
 

qt/aqt/reviewer.py

@@ -341,21 +341,12 @@ class Reviewer:
     def _initWeb(self) -> None:
         self._reps = 0
         # main window
-        self.web.stdHtml(
-            self.revHtml(),
-            css=["css/reviewer.css"],
-            js=[
-                "js/mathjax.js",
-                "js/vendor/mathjax/tex-chtml-full.js",
-                "js/reviewer.js",
-            ],
-            context=self,
-        )
+        self.web.load_sveltekit_page("reviewer")
         # block default drag & drop behavior while allowing drop events to be received by JS handlers
         self.web.allow_drops = True
         self.web.eval("_blockDefaultDragDropBehavior();")
         # show answer / ease buttons
-        self.bottom.web.load_sveltekit_page("reviewer-bottom")
+        self.bottom.web = self.web
 
     # Showing the question
     ##########################################################################

ts/routes/reviewer/+page.svelte

@@ -0,0 +1,5 @@
+<script>
+    import ReviewerBottomOuter from "./reviewer-bottom/ReviewerBottomOuter.svelte";
+</script>
+
+<ReviewerBottomOuter></ReviewerBottomOuter>

ts/routes/reviewer/reviewer-bottom/index.scss

@@ -1,10 +1,10 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use "../../lib/sass/root-vars";
-@use "../../lib/sass/vars" as *;
-@use "../../lib/sass/card-counts";
-@use "../../lib/sass/buttons";
+@use "../../../lib/sass/root-vars";
+@use "../../../lib/sass/vars" as *;
+@use "../../../lib/sass/card-counts";
+@use "../../../lib/sass/buttons";
 
 :root {
     --focus-color: #{palette-of(border-focus)};