From da90e3c718cfda966e9aab7b3a1814b09348e993 Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Mon, 22 Sep 2025 01:23:44 +0100
Subject: [PATCH] iframe poc

---
 ts/routes/reviewer/reviewer.svelte | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/ts/routes/reviewer/reviewer.svelte b/ts/routes/reviewer/reviewer.svelte
index aee74e922..0cd281607 100644
--- a/ts/routes/reviewer/reviewer.svelte
+++ b/ts/routes/reviewer/reviewer.svelte
@@ -1,16 +1,40 @@
 <script lang="ts">
+    import { bridgeCommand } from "@tslib/bridgecommand";
     import type { Writable } from "svelte/store";
+    import { isNightMode } from "../../html-filter/helpers";
 
     export let html: Writable<string>;
     export let cardClass: Writable<string>;
+
+    let iframe: HTMLIFrameElement;
+
+    html.subscribe(($html) => {
+        if (iframe?.contentDocument) {
+            iframe.contentDocument.body.innerHTML = $html;
+            iframe.contentDocument.head.innerHTML = document.head.innerHTML;
+            iframe.contentDocument.body.className = isNightMode()
+                ? "nightMode card"
+                : "card";
+            iframe.contentDocument.querySelector("html")!.className = isNightMode()
+                ? "night-mode"
+                : "";
+            //@ts-ignore
+            iframe.contentDocument.pycmd = bridgeCommand;
+        }
+    });
 </script>
 
 <div id="qa" class={$cardClass}>
-    {@html $html}
+    <iframe bind:this={iframe} title="card" frameborder="0"></iframe>
 </div>
 
 <style lang="scss">
     #qa {
         flex: 1;
     }
+
+    iframe {
+        width: 100%;
+        height: 100%;
+    }
 </style>