From 95575b335f1a6dcc9af4b306caa8e71c8101993c Mon Sep 17 00:00:00 2001
From: buttercat1791 <mjjurkoic@gmail.com>
Date: Mon, 9 Dec 2024 09:06:23 -0600
Subject: [PATCH] Make page viewer route prerenderable

---
 src/routes/[id]/+page.svelte    | 12 ------------
 src/routes/[id]/+page.ts        | 26 --------------------------
 src/routes/article/+page.svelte | 26 ++++++++++++++++++++++++++
 3 files changed, 26 insertions(+), 38 deletions(-)
 delete mode 100644 src/routes/[id]/+page.svelte
 delete mode 100644 src/routes/[id]/+page.ts
 create mode 100644 src/routes/article/+page.svelte

diff --git a/src/routes/[id]/+page.svelte b/src/routes/[id]/+page.svelte
deleted file mode 100644
index 81ebaef..0000000
--- a/src/routes/[id]/+page.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import Article from '$lib/components/Article.svelte';
-	import type { PageData } from './$types';
-
-	export let data: PageData;
-
-	let { event } = data;
-</script>
-
-<main>
-	<Article index={event} />
-</main>
diff --git a/src/routes/[id]/+page.ts b/src/routes/[id]/+page.ts
deleted file mode 100644
index 504be65..0000000
--- a/src/routes/[id]/+page.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { getNdkInstance, ndk } from '$lib/ndk';
-import type { NDKEvent } from '@nostr-dev-kit/ndk';
-import { error } from '@sveltejs/kit';
-
-// MichaelJ - 23 July 2024 - Disable server-side rendering so that the load function can use the
-// browser's local storage to retrieve saved relays and the cache adapter for the NDK instance.
-export const ssr = false;
-
-export const load = async ({ params }) => {
-  const ndk = getNdkInstance();
-  const { id } = params;
-
-  let event: NDKEvent | null | undefined;
-
-  try {
-    event = await ndk.fetchEvent(id);
-  } catch (err) {
-    console.error(err);
-  }
-
-  if (!event) {
-    error(404, 'No event found with the given ID.');
-  }
-
-  return { event };
-};
diff --git a/src/routes/article/+page.svelte b/src/routes/article/+page.svelte
new file mode 100644
index 0000000..b49baf7
--- /dev/null
+++ b/src/routes/article/+page.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { page } from '$app/stores';
+  import Article from '$lib/components/Article.svelte';
+  import { ndk } from '$lib/ndk';
+  import type { NDKEvent } from '@nostr-dev-kit/ndk';
+
+  const id = $page.url.searchParams.get('id');
+  let event: NDKEvent | null | undefined;
+
+  if (!id) {
+    // TODO: Redirect to 400 page.
+  }
+
+  $ndk.fetchEvent(id!)
+    .then(ev => {
+      event = ev;
+    })
+    .catch(err => {
+      console.error(err);
+      // TODO: Redirect to 404 page.
+    });
+</script>
+
+<main>
+	<Article index={event} />
+</main>