Debugging project pagination

src/routes/(app)/projects/+page.svelte

@@ -34,17 +34,18 @@
 
   $: query = data.query;
   $: projects = data.projects.results;
-  $: next = data.projects.next;
-  $: previous = data.projects.previous;
+  $: next = data.projects.next; // this will be an API url with a cursor
+  $: previous = data.projects.previous; // this will be an API url with a cursor
 
   function paginate(u: Nullable<URL | string>) {
     if (!u) return;
-    u = new URL(u);
-    const target = new URL($page.url);
-
-    const cursor = u.searchParams.get("cursor");
-    if (cursor) target.searchParams.set("cursor", cursor);
-    goto(target);
+    const pageUrl = new URL(u);
+    const gotoUrl = new URL($page.url);
+    // get the cursor out of the pageUrl, pass it to the gotoUrl
+    const cursor = pageUrl.searchParams.get("cursor");
+    if (cursor) gotoUrl.searchParams.set("cursor", cursor);
+    console.log(gotoUrl.toString());
+    goto(gotoUrl);
   }
 </script>
 
@@ -108,8 +109,8 @@
         slot="center"
         has_next={Boolean(next)}
         has_previous={Boolean(previous)}
-        on:next={(e) => paginate(next)}
-        on:previous={(e) => paginate(previous)}
+        on:next={() => paginate(next)}
+        on:previous={() => paginate(previous)}
       />
     </PageToolbar>
   </ContentLayout>

src/routes/(app)/projects/+page.ts

@@ -1,7 +1,7 @@
-import type { ProjectResults } from "$lib/api/types";
+import type { Maybe, ProjectResults } from "$lib/api/types";
 
 import { DEFAULT_PER_PAGE } from "@/config/config.js";
-import { getOwned, getShared, list } from "$lib/api/projects";
+import { list } from "$lib/api/projects";
 
 type ProjectFilter = "owned" | "shared" | "public";
 
@@ -24,36 +24,31 @@ export async function load({ url, parent, fetch }) {
     filter = "public";
   }
 
-  let projects: ProjectResults = {
+  const defaultProjects: ProjectResults = {
     results: [],
     next: null,
     previous: null,
   };
 
+  let data: Maybe<ProjectResults>;
   let error: unknown;
 
   if (me && filter === "owned") {
-    ({ data: projects = projects, error } = await list(
-      { ...params, owned_by_user: true },
-      fetch,
-    ));
+    ({ data, error } = await list({ ...params, owned_by_user: true }, fetch));
   }
 
   if (me && filter === "shared") {
-    ({ data: projects = projects, error } = await list(
-      { ...params, is_shared: true },
-      fetch,
-    ));
+    ({ data, error } = await list({ ...params, is_shared: true }, fetch));
   }
 
   if (filter === "public") {
-    ({ data: projects = projects, error } = await list(params, fetch));
+    ({ data, error } = await list(params, fetch));
   }
 
   return {
     error,
     list: filter,
-    projects,
+    projects: data ?? defaultProjects,
     query,
     cursor,
     per_page,