From eac356139c4bdf0e019d32acb0e4e68b213df614 Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Wed, 3 Sep 2025 22:48:51 +0100
Subject: [PATCH] Added: Reviewer framework

---
 ts/routes/reviewer/+page.svelte               | 14 ++++++++++++-
 .../ReviewerBottomOuter.svelte                |  2 +-
 .../{reviewer.ts => reviewer-bottom.ts}       |  0
 ts/routes/reviewer/reviewer.svelte            | 15 +++++++++++++
 ts/routes/reviewer/reviewer.ts                |  7 +++++++
 ts/routes/reviewer/reviewerOuter.svelte       | 21 +++++++++++++++++++
 6 files changed, 57 insertions(+), 2 deletions(-)
 rename ts/routes/reviewer/reviewer-bottom/{reviewer.ts => reviewer-bottom.ts} (100%)
 create mode 100644 ts/routes/reviewer/reviewer.svelte
 create mode 100644 ts/routes/reviewer/reviewer.ts
 create mode 100644 ts/routes/reviewer/reviewerOuter.svelte

diff --git a/ts/routes/reviewer/+page.svelte b/ts/routes/reviewer/+page.svelte
index 8892f24c8..2baa1b1f6 100644
--- a/ts/routes/reviewer/+page.svelte
+++ b/ts/routes/reviewer/+page.svelte
@@ -1,5 +1,17 @@
 <script>
     import ReviewerBottomOuter from "./reviewer-bottom/ReviewerBottomOuter.svelte";
+    import ReviewerOuter from "./reviewerOuter.svelte";
 </script>
 
-<ReviewerBottomOuter></ReviewerBottomOuter>
+<div>
+    <ReviewerOuter></ReviewerOuter>
+    <ReviewerBottomOuter></ReviewerBottomOuter>
+</div>
+
+<style>
+    div {
+        height: calc(100vh - 40px);
+        display: flex;
+        flex-direction: column;
+    }
+</style>
diff --git a/ts/routes/reviewer/reviewer-bottom/ReviewerBottomOuter.svelte b/ts/routes/reviewer/reviewer-bottom/ReviewerBottomOuter.svelte
index 2e95d1965..5c66485e0 100644
--- a/ts/routes/reviewer/reviewer-bottom/ReviewerBottomOuter.svelte
+++ b/ts/routes/reviewer/reviewer-bottom/ReviewerBottomOuter.svelte
@@ -6,7 +6,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { onMount } from "svelte";
     import ReviewerBottom from "./ReviewerBottom.svelte";
     import "./index.scss";
-    import { setupBottomBar } from "./reviewer";
+    import { setupBottomBar } from "./reviewer-bottom";
 
     let reviewerInfo: null | ReturnType<typeof setupBottomBar> = null;
 
diff --git a/ts/routes/reviewer/reviewer-bottom/reviewer.ts b/ts/routes/reviewer/reviewer-bottom/reviewer-bottom.ts
similarity index 100%
rename from ts/routes/reviewer/reviewer-bottom/reviewer.ts
rename to ts/routes/reviewer/reviewer-bottom/reviewer-bottom.ts
diff --git a/ts/routes/reviewer/reviewer.svelte b/ts/routes/reviewer/reviewer.svelte
new file mode 100644
index 000000000..85124fb0a
--- /dev/null
+++ b/ts/routes/reviewer/reviewer.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type { Writable } from "svelte/store";
+
+    export let html: Writable<string>
+</script>
+
+<div class="qa">
+    {@html $html}
+</div>
+
+<style lang="scss">
+    .qa {
+        flex: 1
+    }
+</style>
diff --git a/ts/routes/reviewer/reviewer.ts b/ts/routes/reviewer/reviewer.ts
new file mode 100644
index 000000000..866e74d57
--- /dev/null
+++ b/ts/routes/reviewer/reviewer.ts
@@ -0,0 +1,7 @@
+import { writable } from "svelte/store"
+
+export function setupReviewer() {
+    const html = writable("")
+
+    return {html}
+}
\ No newline at end of file
diff --git a/ts/routes/reviewer/reviewerOuter.svelte b/ts/routes/reviewer/reviewerOuter.svelte
new file mode 100644
index 000000000..71a818942
--- /dev/null
+++ b/ts/routes/reviewer/reviewerOuter.svelte
@@ -0,0 +1,21 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+<script lang="ts">
+    import { onMount } from "svelte";
+    import { setupReviewer } from "./reviewer";
+    import Reviewer from "./reviewer.svelte";
+
+    import "../../reviewer/reviewer.scss"
+
+    let reviewerInfo: null | ReturnType<typeof setupReviewer> = null;
+
+    onMount(() => {
+        reviewerInfo = setupReviewer()
+    });
+</script>
+
+{#if reviewerInfo}
+    <Reviewer {...reviewerInfo}></Reviewer>
+{/if}