Fetch paginated project lists

Author: HarshMN2345

src/lib/helpers/pagination.ts

@@ -0,0 +1,36 @@
+import { Query } from '@appwrite.io/console';
+
+const PAGE_SIZE = 100;
+
+type ListResponse<Key extends string, Item> = {
+    total: number;
+} & {
+    [Property in Key]: Item[];
+};
+
+export async function listAllPages<
+    Key extends string,
+    Item,
+    Response extends ListResponse<Key, Item>
+>(
+    listPage: (queries: string[]) => Promise<Response>,
+    itemKey: Key,
+    pageSize = PAGE_SIZE
+): Promise<Response> {
+    const firstPage = await listPage([Query.limit(pageSize), Query.offset(0)]);
+    const items = [...firstPage[itemKey]];
+
+    for (let offset = items.length; offset < firstPage.total; offset += pageSize) {
+        const nextPage = await listPage([Query.limit(pageSize), Query.offset(offset)]);
+        const nextItems = nextPage[itemKey];
+
+        if (nextItems.length === 0) break;
+
+        items.push(...nextItems);
+    }
+
+    return {
+        ...firstPage,
+        [itemKey]: items
+    } as Response;
+}

src/routes/(console)/project-[region]-[project]/auth/security/updateMockNumbers.svelte

@@ -3,6 +3,7 @@
     import { CardGrid } from '$lib/components';
     import Confirm from '$lib/components/confirm.svelte';
     import { InputPhone, InputOTP, Button } from '$lib/elements/forms';
+    import { listAllPages } from '$lib/helpers/pagination';
     import { sdk } from '$lib/stores/sdk';
     import { getChangePlanUrl } from '$lib/stores/billing';
     import { addNotification } from '$lib/stores/notifications';
@@ -77,9 +78,11 @@
             if (savedNumbers.length === 0) {
                 isLoadingMockNumbers = true;
             }
-            const response = await sdk
-                .forProject(project.region, project.$id)
-                .project.listMockPhones({});
+            const projectSdk = sdk.forProject(project.region, project.$id).project;
+            const response = await listAllPages(
+                (queries) => projectSdk.listMockPhones({ queries }),
+                'mockNumbers'
+            );
             savedNumbers = getMockNumberRows(response.mockNumbers ?? []);
         } catch (error) {
             addNotification({ type: 'error', message: error.message });

src/routes/(console)/project-[region]-[project]/get-started/+page.ts

@@ -1,11 +1,16 @@
 import { Dependencies } from '$lib/constants';
+import { listAllPages } from '$lib/helpers/pagination';
 import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.PROJECT);
 
-    const platformList = await sdk.forProject(params.region, params.project).project.listPlatforms();
+    const projectSdk = sdk.forProject(params.region, params.project).project;
+    const platformList = await listAllPages(
+        (queries) => projectSdk.listPlatforms({ queries }),
+        'platforms'
+    );
 
     return {
         platforms: platformList.platforms

src/routes/(console)/project-[region]-[project]/overview/api-keys/+page.ts

@@ -1,10 +1,13 @@
 import { Dependencies } from '$lib/constants';
+import { listAllPages } from '$lib/helpers/pagination';
 import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.KEYS);
+    const projectSdk = sdk.forProject(params.region, params.project).project;
+
     return {
-        keys: await sdk.forProject(params.region, params.project).project.listKeys()
+        keys: await listAllPages((queries) => projectSdk.listKeys({ queries }), 'keys')
     };
 };

src/routes/(console)/project-[region]-[project]/overview/platforms/+page.ts

@@ -1,11 +1,16 @@
 import { Dependencies } from '$lib/constants';
+import { listAllPages } from '$lib/helpers/pagination';
 import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.PROJECT);
+    const projectSdk = sdk.forProject(params.region, params.project).project;
 
     return {
-        platforms: await sdk.forProject(params.region, params.project).project.listPlatforms()
+        platforms: await listAllPages(
+            (queries) => projectSdk.listPlatforms({ queries }),
+            'platforms'
+        )
     };
 };