Instanatiate PublicationTree and make it available to components

src/app.d.ts

@@ -1,4 +1,8 @@
 // See https://kit.svelte.dev/docs/types#app
+
+import NDK, { NDKEvent } from "@nostr-dev-kit/ndk";
+import Pharos from "./lib/parser.ts";
+
 // for information about these interfaces
 declare global {
   namespace App {
@@ -9,6 +13,7 @@ declare global {
       parser?: Pharos;
       waitable?: Promise<any>;
       publicationType?: string;
+      publicationRootEvent?: NDKEvent;
     }
     // interface Platform {}
   }

src/routes/publication/+page.svelte

@@ -2,10 +2,15 @@
   import Article from "$lib/components/Publication.svelte";
   import { TextPlaceholder } from "flowbite-svelte";
   import type { PageData } from "./$types";
-  import { onDestroy } from "svelte";
+  import { onDestroy, setContext } from "svelte";
+  import { PublicationTree } from "$lib/data_structures/publication_tree";
 
   let { data }: { data: PageData } = $props();
 
+  const publicationTree = new PublicationTree(data.publicationRootEvent, data.ndk);
+
+  setContext('publicationTree', publicationTree);
+
   onDestroy(() => data.parser.reset());
 </script>
 

src/routes/publication/+page.ts

@@ -102,5 +102,6 @@ export const load: PageLoad = async ({ url, parent }: { url: URL; parent: () =>
   return {
     waitable: fetchPromise,
     publicationType,
+    publicationRootEvent: indexEvent,
   };
 };