WIP PWA for Grain
fix: delete gallery items and photos when deleting gallery
Previously only the gallery record was deleted, leaving orphaned
gallery items and photos. Now deletes all associated records.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+55
-5
+40
src/components/pages/grain-gallery-detail.js
+40
src/components/pages/grain-gallery-detail.js
···
19
19
}
20
20
`;
21
21
22
+
const DELETE_GALLERY_ITEM_MUTATION = `
23
+
mutation DeleteGalleryItem($rkey: String!) {
24
+
deleteSocialGrainGalleryItem(rkey: $rkey) {
25
+
uri
26
+
}
27
+
}
28
+
`;
29
+
30
+
const DELETE_PHOTO_MUTATION = `
31
+
mutation DeletePhoto($rkey: String!) {
32
+
deleteSocialGrainPhoto(rkey: $rkey) {
33
+
uri
34
+
}
35
+
}
36
+
`;
37
+
38
+
function extractRkey(uri) {
39
+
if (!uri) return null;
40
+
const parts = uri.split('/');
41
+
return parts[parts.length - 1];
42
+
}
43
+
22
44
export class GrainGalleryDetail extends LitElement {
23
45
static properties = {
24
46
handle: { type: String },
···
170
192
this._deleting = true;
171
193
try {
172
194
const client = auth.getClient();
195
+
196
+
// Delete photos first
197
+
const photoRkeys = (this._gallery.photoUris || [])
198
+
.map(extractRkey)
199
+
.filter(Boolean);
200
+
for (const rkey of photoRkeys) {
201
+
await client.mutate(DELETE_PHOTO_MUTATION, { rkey });
202
+
}
203
+
204
+
// Delete gallery items
205
+
const itemRkeys = (this._gallery.galleryItemUris || [])
206
+
.map(extractRkey)
207
+
.filter(Boolean);
208
+
for (const rkey of itemRkeys) {
209
+
await client.mutate(DELETE_GALLERY_ITEM_MUTATION, { rkey });
210
+
}
211
+
212
+
// Delete the gallery
173
213
await client.mutate(DELETE_GALLERY_MUTATION, { rkey: this.rkey });
174
214
router.push(`/profile/${this.handle}`);
175
215
} catch (err) {
+15
-5
src/services/grain-api.js
+15
-5
src/services/grain-api.js
···
231
231
socialGrainGalleryItemViaGallery(first: 50, sortBy: [{ field: position, direction: ASC }]) {
232
232
edges {
233
233
node {
234
+
uri
234
235
itemResolved {
235
236
... on SocialGrainPhoto {
236
237
uri
···
273
274
274
275
const profile = galleryNode.socialGrainActorProfileByDid;
275
276
276
-
const photos = galleryNode.socialGrainGalleryItemViaGallery?.edges
277
-
?.map(edge => edge.node?.itemResolved)
278
-
?.filter(Boolean)
279
-
?.map(photo => ({
277
+
const galleryItems = galleryNode.socialGrainGalleryItemViaGallery?.edges
278
+
?.map(edge => edge.node)
279
+
?.filter(Boolean) || [];
280
+
281
+
const photos = galleryItems
282
+
.map(item => item.itemResolved)
283
+
.filter(Boolean)
284
+
.map(photo => ({
280
285
uri: photo.uri,
281
286
url: photo.photo?.url || '',
282
287
alt: photo.alt || '',
283
288
aspectRatio: photo.aspectRatio
284
289
? photo.aspectRatio.width / photo.aspectRatio.height
285
290
: 1
286
-
})) || [];
291
+
}));
292
+
293
+
const galleryItemUris = galleryItems.map(item => item.uri).filter(Boolean);
294
+
const photoUris = photos.map(p => p.uri).filter(Boolean);
287
295
288
296
const comments = galleryNode.socialGrainCommentViaSubject?.edges?.map(edge => ({
289
297
text: edge.node.text,
···
300
308
displayName: profile?.displayName || '',
301
309
avatarUrl: profile?.avatar?.url || '',
302
310
photos,
311
+
galleryItemUris,
312
+
photoUris,
303
313
favoriteCount: galleryNode.socialGrainFavoriteViaSubject?.totalCount || 0,
304
314
commentCount: galleryNode.socialGrainCommentViaSubject?.totalCount || 0,
305
315
comments