[frontend] fix missing projects in task form dropdown

Author: dudina-ma

frontend/src/lib/api/projects.ts

@@ -7,6 +7,27 @@ export function listProjects(limit = 20, offset = 0, search?: string): Promise<P
   return apiRequest<PaginatedResponse<Project>>('GET', `/projects?${params}`)
 }
 
+const LIST_ALL_PROJECTS_MAX_PAGES = 100
+
+export async function listAllProjects(search?: string): Promise<Project[]> {
+  const pageSize = 100
+  const items: Project[] = []
+  let offset = 0
+  let total = Number.POSITIVE_INFINITY
+  let pagesFetched = 0
+
+  while (offset < total && pagesFetched < LIST_ALL_PROJECTS_MAX_PAGES) {
+    const page = await listProjects(pageSize, offset, search)
+    items.push(...page.items)
+    total = page.total
+    offset += page.items.length
+    pagesFetched++
+    if (page.items.length === 0) break
+  }
+
+  return items
+}
+
 export function getProject(slug: string): Promise<Project> {
   return apiRequest<Project>('GET', `/projects/${encodeURIComponent(slug)}`)
 }

frontend/src/lib/pages/task-edit.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getTask, updateTask } from "$lib/api/tasks";
-  import { listProjects } from "$lib/api/projects";
+  import { listAllProjects } from "$lib/api/projects";
   import { navigate } from "$lib/router/routes";
   import TaskForm from "$lib/components/TaskForm.svelte";
   import type { TaskDetails, Project } from "$lib/types/api";
@@ -16,10 +16,10 @@
 
   onMount(() => {
     if (!id) return;
-    Promise.all([getTask(id), listProjects(100, 0)])
+    Promise.all([getTask(id), listAllProjects()])
       .then(([t, p]) => {
         task = t;
-        projects = p.items;
+        projects = p;
       })
       .catch((e) => {
         error = e.message || "Failed to load task";

frontend/src/lib/pages/task-new.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { listProjects } from "$lib/api/projects";
+  import { listAllProjects } from "$lib/api/projects";
   import { createTask } from "$lib/api/tasks";
   import { navigate } from "$lib/router/routes";
   import { touchProject } from "$lib/stores/recent-projects.svelte";
@@ -21,9 +21,9 @@
 
   onMount(() => {
     loading = true;
-    listProjects(100, 0)
-      .then((r) => {
-        projects = r.items;
+    listAllProjects()
+      .then((items) => {
+        projects = items;
         if (initialProject) {
           const match = projects.find((p) => p.id === initialProject);
           if (match) initialProjectSlug = match.id;