mirror of
https://github.com/multica-ai/multica.git
synced 2026-08-02 18:13:27 +02:00
ad9ba9d790
Mobile parity for the projects domain — browse, detail, create, edit, delete, plus GitHub resource attach. UX adapted to iOS (Stack push + modal sheets, picker sheets per property, ActionSheet for Edit/Delete, collapsible Open/Done buckets in related issues) while preserving web's semantics: 5 status enums (incl. cancelled), 5 priorities, lead supports both members and agents, counts come from server fields. Data layer follows mobile CLAUDE.md rules: parseWithFallback + signal on every read, optimistic patch + WS event-always-wins on mutations, mobile-owned ws-updaters (not imported from packages/core) that patch over invalidate to honour the cellular-data rule. Per-record realtime hook subscribes to issue:* events filtered by project_id so the related-issues list stays fresh without pull-to-refresh. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
91 lines
3.0 KiB
TypeScript
91 lines
3.0 KiB
TypeScript
/**
|
|
* Workspace project queries. Three query shapes:
|
|
*
|
|
* - List (projectKeys.list) — `Project[]`
|
|
* - Detail (projectKeys.detail) — `Project`
|
|
* - Resources (projectKeys.resources) — `ProjectResource[]` (per project)
|
|
*
|
|
* Detail and Resources are workspace-scoped via the `wsId` segment so
|
|
* switching workspaces flips the cache without manual invalidate, per the
|
|
* root CLAUDE.md "Workspace-scoped queries must key on wsId" rule.
|
|
*
|
|
* Issues belonging to a project are NOT a project query — they live under
|
|
* `issueKeys.list(wsId, { project_id })` and reuse the issues cache shape.
|
|
* See `projectIssuesOptions` below for the binding helper.
|
|
*/
|
|
import { queryOptions } from "@tanstack/react-query";
|
|
import type { Project } from "@multica/core/types";
|
|
import { api } from "@/data/api";
|
|
import { issueKeys } from "@/data/queries/issue-keys";
|
|
|
|
export const projectKeys = {
|
|
all: (wsId: string | null) => ["projects", wsId] as const,
|
|
list: (wsId: string | null) => [...projectKeys.all(wsId), "list"] as const,
|
|
detail: (wsId: string | null, id: string) =>
|
|
[...projectKeys.all(wsId), "detail", id] as const,
|
|
resources: (wsId: string | null, id: string) =>
|
|
[...projectKeys.all(wsId), "detail", id, "resources"] as const,
|
|
};
|
|
|
|
export const projectListOptions = (wsId: string | null) =>
|
|
queryOptions({
|
|
queryKey: projectKeys.list(wsId),
|
|
queryFn: async ({ signal }) => {
|
|
const res = await api.listProjects({ signal });
|
|
return res.projects;
|
|
},
|
|
enabled: !!wsId,
|
|
});
|
|
|
|
export const projectDetailOptions = (wsId: string | null, id: string) =>
|
|
queryOptions({
|
|
queryKey: projectKeys.detail(wsId, id),
|
|
queryFn: ({ signal }) => api.getProject(id, { signal }),
|
|
enabled: !!wsId && !!id,
|
|
});
|
|
|
|
export const projectResourcesOptions = (wsId: string | null, id: string) =>
|
|
queryOptions({
|
|
queryKey: projectKeys.resources(wsId, id),
|
|
queryFn: async ({ signal }) => {
|
|
const res = await api.listProjectResources(id, { signal });
|
|
return res.resources;
|
|
},
|
|
enabled: !!wsId && !!id,
|
|
});
|
|
|
|
/**
|
|
* Issues filtered by `project_id`. Lives under the issues cache prefix
|
|
* (not the projects one) so a WS `issue:*` event invalidating
|
|
* `issueKeys.list(wsId)` also refreshes this list — single source of
|
|
* truth for issue caches.
|
|
*/
|
|
export const projectIssuesOptions = (wsId: string | null, projectId: string) =>
|
|
queryOptions({
|
|
queryKey: [
|
|
...issueKeys.list(wsId),
|
|
"byProject",
|
|
projectId,
|
|
] as const,
|
|
queryFn: async ({ signal }) => {
|
|
const res = await api.listIssues(
|
|
{ project_id: projectId },
|
|
{ signal },
|
|
);
|
|
return res.issues;
|
|
},
|
|
enabled: !!wsId && !!projectId,
|
|
});
|
|
|
|
/**
|
|
* Helper for the read-only project chip — returns the project matching id,
|
|
* or undefined. Caller selects from the list query and looks up by id.
|
|
*/
|
|
export function findProject(
|
|
projects: Project[],
|
|
id: string | null,
|
|
): Project | undefined {
|
|
if (!id) return undefined;
|
|
return projects.find((p) => p.id === id);
|
|
}
|