1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import * as API from "aws-amplify/api";
import { useGlobalStore } from "../utils";
const apiClient = API.generateClient();
/** Set of blocker ids currently ignored in this audit. */
export const useIgnoredBlockers = (auditId: string) =>
useQuery({
queryKey: ["ignoredBlockers", auditId],
queryFn: async () => {
const response = (await apiClient.graphql({
query: `query ($audit_id: uuid!) {
ignored_blockers(where: {audit_id: {_eq: $audit_id}}) {
blocker_id
}
}`,
variables: { audit_id: auditId },
})) as any;
return new Set<string>(
response.data.ignored_blockers.map((ib: any) => ib.blocker_id)
);
},
});
/**
* Toggle ignore status for a blocker โ hash-wide in both directions, so
* ignoring one occurrence ignores every identical node in the latest scan
* (and carries forward to future scans via content_hash_id), and un-ignoring
* clears all of them. Shared by the Detailed table and Recommendations view.
*/
export const useToggleIgnore = (auditId: string) => {
const queryClient = useQueryClient();
const { setAnnounceMessage } = useGlobalStore();
return useMutation({
mutationFn: async ({
blockerId,
contentHashId,
isCurrentlyIgnored,
}: {
blockerId: string;
contentHashId: string;
isCurrentlyIgnored: boolean;
}) => {
if (isCurrentlyIgnored) {
// Delete every row for this content hash, not just this blocker's row โ
// sibling rows from earlier scans share the hash and would re-ignore the
// node on the next scan. blocker_id catches legacy rows with a NULL hash.
await apiClient.graphql({
query: `mutation ($audit_id: uuid!, $blocker_id: uuid!, $content_hash_id: uuid!) {
delete_ignored_blockers(where: {
audit_id: {_eq: $audit_id},
_or: [
{content_hash_id: {_eq: $content_hash_id}},
{blocker_id: {_eq: $blocker_id}}
]
}) {
affected_rows
}
}`,
variables: { audit_id: auditId, blocker_id: blockerId, content_hash_id: contentHashId },
});
} else {
// Ignore every occurrence of this exact node in the latest scan.
// Scoped to the latest scan so historical scans' rows (pre-migration)
// don't balloon the payload โ carry-forward covers them regardless.
const idsResponse = (await apiClient.graphql({
query: `query ($audit_id: uuid!, $content_hash_id: uuid!) {
audits_by_pk(id: $audit_id) {
scans(order_by: {created_at: desc}, limit: 1) {
blockers(where: {content_hash_id: {_eq: $content_hash_id}}) {
id
}
}
}
}`,
variables: { audit_id: auditId, content_hash_id: contentHashId },
})) as any;
const latestScanBlockers = idsResponse.data?.audits_by_pk?.scans?.[0]?.blockers;
const blockerIds: string[] = latestScanBlockers?.length
? latestScanBlockers.map((b: any) => b.id)
: [blockerId];
await apiClient.graphql({
query: `mutation ($objects: [ignored_blockers_insert_input!]!) {
insert_ignored_blockers(objects: $objects) {
affected_rows
}
}`,
variables: {
objects: blockerIds.map((id) => ({
audit_id: auditId,
blocker_id: id,
content_hash_id: contentHashId,
})),
},
});
}
},
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ["ignoredBlockers", auditId] });
queryClient.invalidateQueries({ queryKey: ["auditRecommendations", auditId] });
},
onError: (err) => {
console.error("Failed to toggle ignore status:", err);
setAnnounceMessage("Failed to update blocker status", "error");
// Resync in case a partial change landed
queryClient.invalidateQueries({ queryKey: ["ignoredBlockers", auditId] });
queryClient.invalidateQueries({ queryKey: ["auditRecommendations", auditId] });
},
});
};