From e6e903c982574f185c48d36d522eb70112e104e8 Mon Sep 17 00:00:00 2001
From: "Zed A. Shaw" <zed.shaw@gmail.com>
Date: Sun, 1 Jan 2023 13:59:29 +0700
Subject: [PATCH] A new HTML component that just renders a remote raw .html
 file into its spot.  It correctly updates the page when you change the url,
 which is actually difficult in Svelte because...Svelte.

---
 client/components/HTML.svelte | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 client/components/HTML.svelte

diff --git a/client/components/HTML.svelte b/client/components/HTML.svelte
new file mode 100644
index 0000000..8fa4680
--- /dev/null
+++ b/client/components/HTML.svelte
@@ -0,0 +1,24 @@
+<script>
+  export let url;
+  export let content;
+  import { onMount } from "svelte";
+  import api from "$/client/api.js";
+
+  const load_url = async () => {
+    console.log("HTML URL", url);
+    const [status, data] = await api.blob(url);
+
+    if(status === 200) {
+      content = await data.text();
+    } else {
+      console.error("Failed to load", url, "status", status);
+      content = "";
+    }
+  }
+
+  $: if(url) load_url(url);
+</script>
+
+{#if url && content}
+  {@html content}
+{/if}