wip

Author: landsman

deno.lock

@@ -10,27 +10,62 @@ export type ListenedTracks = Omit<Listened, "hooman_id"> & {
 
 export async function getLastListenedTracks(
   signal: AbortSignal,
+  page: number = 0,
 ): Promise<ListenedTracks[]> {
-  const { data, error } = await supabase
-    .from("listened")
-    .select<string, ListenedTracks>(`
-            id, 
-            artist_name, 
-            track_name,
-            album_lastfm_id,
-            album_name,
-            created_at,
-            listened_at,
-            lastfm_id,
-            hooman:hooman_id (
-              id,
-              lastfm_user
-            )
-        `)
-    .order("listened_at", { ascending: false })
-    .limit(50)
-    .abortSignal(signal);
-
-  if (error) throw error;
-  return data ?? [];
+  const limit = 50;
+  const offset = page * limit;
+
+  console.log('Fetching tracks with page:', page, 'offset:', offset);
+
+  try {
+    // First, check if we can connect to Supabase at all
+    const healthCheck = await supabase.from('listened').select('count()', { count: 'exact' });
+    console.log('Supabase health check:', healthCheck);
+
+    // Now perform the actual query
+    const { data, error } = await supabase
+      .from("listened")
+      .select<string, ListenedTracks>(`
+              id, 
+              artist_name, 
+              track_name,
+              album_lastfm_id,
+              album_name,
+              created_at,
+              listened_at,
+              lastfm_id,
+              hooman:hooman_id (
+                id,
+                lastfm_user
+              )
+          `)
+      .order("listened_at", { ascending: false })
+      .range(offset, offset + limit - 1)
+      .abortSignal(signal);
+
+    console.log('Supabase response:', { 
+      dataReceived: !!data, 
+      dataLength: data?.length || 0,
+      error: error ? error.message : null,
+      firstItem: data && data.length > 0 ? {
+        id: data[0].id,
+        artist: data[0].artist_name,
+        track: data[0].track_name
+      } : null
+    });
+
+    if (error) {
+      console.error('Supabase error details:', error);
+      throw error;
+    }
+
+    if (!data || data.length === 0) {
+      console.warn('No data returned from Supabase query');
+    }
+
+    return data ?? [];
+  } catch (error) {
+    console.error('Error fetching tracks:', error);
+    throw error;
+  }
 }

src/web/src/data/tracks-api.ts

@@ -8,5 +8,9 @@
     "hours": "hours",
     "days": "days"
   },
+  "noTracksFound": "No tracks found. Please check your connection to Supabase.",
+  "retry": "Retry",
+  "loading": "Loading...",
+  "loadMore": "Load more",
   "github": "Show code of this project on GitHub"
 }