Update Pokemon demo to use infinite query system

- Add fetchPokemonPage API method for pagination support
- Replace PokemonListView with UseInfiniteQuery implementation
- Add infinite scrolling with automatic page loading
- Include manual "Load More" button and loading states
- Add end-of-list indicator when all Pokemon are loaded
- Reduce API delay for better user experience
- Update description to reflect infinite scrolling functionality

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: Hoang Pham

Example/swiftui-query-demo/ContentView.swift

@@ -37,7 +37,7 @@ struct ContentView: View {
                         DemoButton(
                             icon: "list.bullet.rectangle",
                             title: "Pokemon List",
-                            description: "Browse Pokemon with caching and infinite loading"
+                            description: "Infinite scrolling Pokemon list with automatic pagination"
                         )
                     }
 
@@ -118,29 +118,108 @@ struct PokemonListView: View {
 
     var body: some View {
         WithPerceptionTracking {
-            UseQuery(
-                queryKey: "pokemon-list",
-                queryFn: { _ in try await PokemonAPI.fetchPokemonList(limit: 50) },
-                staleTime: 5 // 5 minutes before considered stale
+            UseInfiniteQuery(
+                queryKey: "pokemon-infinite-list",
+                queryFn: { _, pageParam in
+                    try await PokemonAPI.fetchPokemonPage(offset: pageParam ?? 0)
+                },
+                getNextPageParam: { pages in
+                    // Calculate next offset based on current pages
+                    let currentTotal = pages.reduce(0) { total, page in total + page.results.count }
+                    let lastPage = pages.last
+
+                    // If we have next URL or haven't reached the total count, continue pagination
+                    if let lastPage, lastPage.next != nil {
+                        return currentTotal
+                    }
+                    return nil // No more pages
+                },
+                initialPageParam: 0,
+                staleTime: 5 * 60 // 5 minutes before considered stale
             ) { result in
-                if result.isLoading {
+                if result.isLoading, result.data?.pages.isEmpty != false {
+                    // Initial loading state
                     VStack(spacing: 16) {
                         ProgressView()
                             .scaleEffect(1.2)
                         Text("Loading Pokemon...")
                             .foregroundColor(.secondary)
                     }
                     .frame(maxWidth: .infinity, maxHeight: .infinity)
-                } else if let error = result.error {
+                } else if let error = result.error, result.data?.pages.isEmpty != false {
+                    // Error state when no data is loaded
                     ErrorView(error: error) {
                         Task {
                             _ = try? await result.refetch()
                         }
                     }
-                } else if let pokemonList = result.data {
-                    List(pokemonList.results) { pokemon in
-                        NavigationLink(destination: PokemonDetailView(pokemonId: pokemon.pokemonId)) {
-                            PokemonListRow(pokemon: pokemon)
+                } else if let infiniteData = result.data {
+                    // Show the list with infinite scrolling
+                    ScrollView {
+                        LazyVStack(spacing: 0) {
+                            // Render all Pokemon from all pages
+                            ForEach(infiniteData.pages.indices, id: \.self) { pageIndex in
+                                let page = infiniteData.pages[pageIndex]
+                                ForEach(page.results) { pokemon in
+                                    NavigationLink(destination: PokemonDetailView(pokemonId: pokemon.pokemonId)) {
+                                        PokemonListRow(pokemon: pokemon)
+                                            .padding(.horizontal)
+                                            .padding(.vertical, 8)
+                                    }
+                                    .buttonStyle(PlainButtonStyle())
+
+                                    // Add divider except for last item
+                                    if pokemon.id != page.results.last?.id || pageIndex != infiniteData.pages
+                                        .count - 1 {
+                                        Divider()
+                                            .padding(.horizontal)
+                                    }
+                                }
+                            }
+
+                            // Load more section
+                            if result.hasNextPage {
+                                VStack(spacing: 12) {
+                                    if result.isFetchingNextPage {
+                                        HStack(spacing: 8) {
+                                            ProgressView()
+                                                .scaleEffect(0.8)
+                                            Text("Loading more Pokemon...")
+                                                .foregroundColor(.secondary)
+                                                .font(.subheadline)
+                                        }
+                                        .padding()
+                                    } else {
+                                        Button("Load More Pokemon") {
+                                            Task {
+                                                _ = await result.fetchNextPage()
+                                            }
+                                        }
+                                        .buttonStyle(.bordered)
+                                        .padding()
+                                    }
+                                }
+                                .frame(maxWidth: .infinity)
+                                .onAppear {
+                                    // Auto-load when this view appears (infinite scrolling)
+                                    if !result.isFetchingNextPage {
+                                        Task {
+                                            _ = await result.fetchNextPage()
+                                        }
+                                    }
+                                }
+                            } else {
+                                // End of list indicator
+                                VStack(spacing: 8) {
+                                    Text("🎉")
+                                        .font(.title)
+                                    Text("You've seen all available Pokemon!")
+                                        .font(.subheadline)
+                                        .foregroundColor(.secondary)
+                                }
+                                .padding()
+                                .frame(maxWidth: .infinity)
+                            }
                         }
                     }
                     .refreshable {

Example/swiftui-query-demo/Services/PokemonAPI.swift

@@ -76,7 +76,7 @@ enum PokemonAPI {
         let url = URL(safeString: "https://pokeapi.co/api/v2/pokemon/\(id)")
         print("🔥 API CALL: Fetching Pokemon with ID \(id) from \(url)")
         do {
-            try await Task.sleep(nanoseconds: UInt64(5 * 1_000_000_000))
+            try await Task.sleep(nanoseconds: UInt64(1 * 1_000_000_000)) // Reduced delay for better UX
             let (data, _) = try await URLSession.shared.data(from: url)
             let pokemon = try JSONDecoder().decode(Pokemon.self, from: data)
             print("✅ API SUCCESS: Fetched Pokemon '\(pokemon.name)' (ID: \(id))")
@@ -101,6 +101,15 @@ enum PokemonAPI {
         }
     }
 
+    // MARK: - Infinite Query Support
+
+    /// Fetch Pokemon list page for infinite scrolling
+    /// - Parameter pageParam: The offset for pagination (0 for first page, 20 for second, etc.)
+    /// - Returns: PokemonList containing results for this page
+    static func fetchPokemonPage(offset: Int) async throws -> PokemonList {
+        return try await fetchPokemonList(limit: 20, offset: offset)
+    }
+
     static func searchPokemon(name: String) async throws -> Pokemon {
         let url = URL(safeString: "https://pokeapi.co/api/v2/pokemon/\(name.lowercased())")
         print("🔥 API CALL: Searching Pokemon with name '\(name)' from \(url)")