Added: Reviewer framework

ts/routes/reviewer/+page.svelte

@@ -1,5 +1,17 @@
 <script>
     import ReviewerBottomOuter from "./reviewer-bottom/ReviewerBottomOuter.svelte";
+    import ReviewerOuter from "./reviewerOuter.svelte";
 </script>
 
+<div>
+    <ReviewerOuter></ReviewerOuter>
     <ReviewerBottomOuter></ReviewerBottomOuter>
+</div>
+
+<style>
+    div {
+        height: calc(100vh - 40px);
+        display: flex;
+        flex-direction: column;
+    }
+</style>

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;
 

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>

ts/routes/reviewer/reviewer.ts

@@ -0,0 +1,7 @@
+import { writable } from "svelte/store"
+
+export function setupReviewer() {
+    const html = writable("")
+
+    return {html}
+}

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}