init explore, /pub page

src/lib/utils.ts

···
   const info = await result.json();
   return info;
 }
+
+export type Node = {
+  uri: string;
+  cid: string;
+  did: string;
+  indexedAt: string;
+  actorHandle: string;
+}
+
+export type PublicationNode = Node & { value: {
+  url: string;
+  name: string;
+  description: string;
+}}
+
+export type DocumentNode = Node & { value: {
+  title: string;
+  site: string;
+  publishedAt: string;
+  path?: string;
+  content?: string;
+  bskyPostRef?: string;
+  description?: string;
+  textContent?: string;
+  tags?: string[];
+  updatedAt?: string;
+}}

src/routes/+page.svelte

···
 <script lang="ts">
+  import type { PublicationNode } from '$lib/utils';
+  import { createInfiniteQuery, createQuery } from '@tanstack/svelte-query';
+
   let { data } = $props();
-  let query = $state("");
-  let filterTags = $state<string[]>([]);
+  let { atclient, user } = data;
+
+  const publicationsQuery = createInfiniteQuery(() => ({
+    queryKey: ["publications"],
+    queryFn: async ({ pageParam }) => {
+      const query = `
+        query GetPublications {
+          siteStandardPublication(first: 20, after: "${pageParam}") {
+            edges {}
+            pageInfo {
+              hasNextPage
+              endCursor
+            }
+          }
+        }
+      `;
+      const data = await atclient.publicQuery(query);
+      return data as {
+        siteStandardPublication: {
+          edges: { node: PublicationNode, cursor: string }[],
+          pageInfo: {
+            hasNextPage: boolean;
+            endCursor: string;
+          }
+        }
+      }
+    },
+    staleTime: 1000000,
+    initialPageParam: "",
+    getNextPageParam: (lastPage) => lastPage.siteStandardPublication.pageInfo.endCursor
+  }));
 </script>
+
+{#if publicationsQuery.isFetching}
+  <p>Fetching...</p>
+{:else if publicationsQuery.isError}
+  <p>Error</p>
+{:else if publicationsQuery.isSuccess}
+  {@const publications = publicationsQuery.data.pages.map((p) => p.siteStandardPublication.edges.map((edge) => edge.node)).flat()}
+  {#each publications as publication}
+    <a href={`/pub?uri=${publication.uri}`}>{publication.uri}</a>
+    <p>{publication.value.url}</p>
+  {/each}
+  {#if publicationsQuery.hasNextPage}
+    <button onclick={() => publicationsQuery.fetchNextPage()}>Next Page</button>
+  {/if}
+{/if}
+

src/routes/[handle]/bookmarks/+page.svelte

···
-<script lang="ts">
-</script>

src/routes/pub/+page.svelte

···
+<script lang="ts">
+    import { page } from '$app/state';
+  import type { DocumentNode, PublicationNode } from '$lib/utils';
+  import { createInfiniteQuery, createQuery } from '@tanstack/svelte-query';
+
+  let { data } = $props();
+  let { atclient, user } = data;
+
+  let uri = $derived(page.url.searchParams.get("uri"));
+  $inspect(uri);
+
+  const documentsQuery = createQuery(() => ({
+    queryKey: ["documents", uri],
+    queryFn: async ({ pageParam }) => {
+      const query = `
+        query GetDocuments {
+          siteStandardDocument(where: {
+            site: { 
+              eq: "${uri}"
+            }
+          }) {
+            edges {}
+            pageInfo {
+              hasNextPage
+              endCursor
+            }
+          }
+        }
+      `;
+      const data = await atclient.publicQuery(query);
+      console.log(data);
+      return data as {
+        siteStandardDocument: {
+          edges: { node: DocumentNode, cursor: string }[],
+          pageInfo: {
+            hasNextPage: boolean;
+            endCursor: string;
+          }
+        }
+      }
+    },
+    // @ts-ignore
+    select: (data) => data.siteStandardDocument.edges.map((edge) => edge.node)
+  }));
+</script>
+
+{#if documentsQuery.isFetching}
+  <p>Fetching...</p>
+{:else if documentsQuery.isError}
+  <p>Error</p>
+{:else if documentsQuery.isSuccess}
+  {@const documents = documentsQuery.data}
+  {#if documents.length === 0}
+    <p>No documents...</p>
+  {:else}
+    {#each documents as document}
+      <p>{document.value.title}</p> 
+    {/each}
+  {/if}
+{/if}
+